/*-----------------------------------------------------------------------------
- Revolution Slider 4.1 Captions -
Screen Stylesheet
version: 1.4.5
date: 27/11/13
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*************************
- CAPTIONS -
**************************/
.tp-static-layers { position:absolute; z-index:505; top:0px;left:0px}
.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important}
.tp-caption { z-index:1; white-space:nowrap}
.tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important}
.tp-caption.whitedivider3px {
color: #000000;
text-shadow: none;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 1);
text-decoration: none;
min-width: 408px;
min-height: 3px;
background-position: initial initial;
background-repeat: initial initial;
border-width: 0px;
border-color: #000000;
border-style: none;
}
.tp-caption.finewide_large_white {
color:#ffffff;
text-shadow:none;
font-size:60px;
line-height:60px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:8px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.whitedivider3px {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:468px;
min-height:3px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_medium_white {
color:#ffffff;
text-shadow:none;
font-size:37px;
line-height:37px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.boldwide_small_white {
font-size:25px;
line-height:25px;
font-weight:800;
font-family:"Open Sans", sans-serif;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.whitedivider3px_vertical {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:3px;
min-height:130px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_small_white {
color:#ffffff;
text-shadow:none;
font-size:25px;
line-height:25px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_verysmall_white_mw {
font-size:13px;
line-height:25px;
font-weight:400;
font-family:"Open Sans", sans-serif;
color:#ffffff;
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
max-width:470px;
white-space:normal !important;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgb(235, 235, 235);
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.finewide_large_white {
color: #FFF;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 8px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.finewide_medium_white {
color: #FFF;
text-shadow: none;
font-size: 34px;
line-height: 34px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.huge_red {
position:absolute;
color:rgb(223,75,107);
font-weight:400;
font-size:150px;
line-height:130px;
font-family: 'Oswald', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
background-color:rgb(45,49,54);
padding:0px;
}
.tp-caption.middle_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:600;
font-size:50px;
line-height:50px;
font-family: 'Open Sans', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.huge_thin_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:300;
font-size:90px;
line-height:90px;
font-family: 'Open Sans', sans-serif;
margin:0px;
letter-spacing: 20px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.big_dark {
position:absolute;
color:#333;
font-weight:700;
font-size:70px;
line-height:70px;
font-family:"Open Sans";
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_dark {
position:absolute;
color:#333;
font-weight:300;
font-size:40px;
line-height:40px;
font-family:"Open Sans";
margin:0px;
letter-spacing: 5px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_grey {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
padding:2px 4px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#888;
white-space:nowrap;
}
.tp-caption.small_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:14px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.large_bold_white_25 {
font-size:55px;
line-height:65px;
font-weight:700;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.medium_text_shadow {
font-size:25px;
line-height:25px;
font-weight:600;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:40px;
line-height:40px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_bold_grey {
font-size:30px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.very_large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
letter-spacing:-2px;
}
.tp-caption.very_big_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#000;
}
.tp-caption.very_big_black {
position:absolute;
color:#000;
text-shadow:none;
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#fff;
}
.tp-caption.modern_medium_fat {
position:absolute;
color:#000;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_fat_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_light {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_big_bluebg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#4e5b6c;
letter-spacing:0;
}
.tp-caption.modern_big_redbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
padding-top:1px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#de543e;
letter-spacing:0;
}
.tp-caption.modern_small_text_dark {
position:absolute;
color:#555;
text-shadow:none;
font-size:14px;
line-height:22px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.boxshadow {
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color:#000;
text-shadow:none;
}
.tp-caption.noshadow {
text-shadow:none;
}
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}
.tp-caption a:hover {
color:#ffa902;
}
.tp-caption.thinheadline_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:30px;
font-family:"Open Sans";
background-color:transparent;
}
.tp-caption.thintext_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:16px;
line-height:26px;
font-family:"Open Sans";
background-color:transparent;
}
.tp-caption.medium_bg_red a {
color: #fff;
text-decoration: none;
}
.tp-caption.medium_bg_red a:hover {
color: #fff;
text-decoration: underline;
}
.tp-caption.smoothcircle {
font-size:30px;
line-height:75px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
background-color:rgba(0, 0, 0, 0.498039);
padding:50px 25px;
text-align:center;
border-radius:500px 500px 500px 500px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.largeblackbg {
font-size:50px;
line-height:70px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:0px 20px 5px;
text-shadow:none;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.largepinkbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#db4360;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largewhitebg {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#fff;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largegreenbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#67ae73;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.excerpt {
font-size:36px;
line-height:36px;
font-weight:700;
font-family:Arial;
color:#ffffff;
text-decoration:none;
background-color:rgba(0, 0, 0, 1);
text-shadow:none;
margin:0px;
letter-spacing:-1.5px;
padding:1px 4px 0px 4px;
width:150px;
white-space:normal !important;
height:auto;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_bold_grey {
font-size:60px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_thin_grey {
font-size:34px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_thin_grey {
font-size:18px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(117, 117, 117);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_darkblue {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_darkblue {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(52, 73, 94);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_red {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_red {
font-size:21px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_red {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(227, 58, 12);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_orange {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(243, 156, 18);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_orange {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.grassfloor {
text-decoration:none;
background-color:rgba(160, 179, 151, 1);
width:4000px;
height:150px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_white {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_white {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white_center {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:#ffffff;
text-decoration:none;
background-color:transparent;
padding:0px 0px 0px 0px;
text-align:center;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_asbestos {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(127, 140, 141);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_black {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.large_bold_black {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_darkblue {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_light_white {
font-size:17px;
line-height:28px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.roundedimage {
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bg_black {
font-size:40px;
line-height:40px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:10px 20px 15px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumwhitebg {
font-size:30px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 15px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.medium_bg_orange_new1 {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.boxshadow{
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black{
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp_inner_padding { box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important; }
/*.tp-caption { transform:none !important}*/
/*********************************
- SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
/***********************************************
- SPECIAL ALTERNATIVE IMAGE SETTINGS -
***********************************************/
img.tp-slider-alternative-image { width:100%; height:auto;}
/******************************
- BUTTONS -
*******************************/
.tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
cursor:pointer;
color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
/*background:url(../images/gradient/g30.png) repeat-x top;*/ font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
}
.tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; /*background:url(../images/gradient/g40.png) repeat-x top*/}
.tp-simpleresponsive .purchase:hover,
.tp-simpleresponsive .button:hover,
.tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
.tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important}
.tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
/* BUTTON COLORS */
.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green,
.tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue,
.tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68}
.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red,
.tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212}
.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange,
.tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00}
.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey,
.tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey,
.tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222}
.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey,
.tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
/*.tp-simpleresponsive { -webkit-perspective: 1500px;
-moz-perspective: 1500px;
-o-perspective: 1500px;
-ms-perspective: 1500px;
perspective: 1500px;
}*/
/**********************************************
- FULLSCREEN AND FULLWIDHT CONTAINERS -
**********************************************/
.fullscreen-container {
width:100%;
position:relative;
padding:0;
}
.fullwidthbanner-container{
width:100%;
position:relative;
padding:0;
overflow:hidden;
}
.fullwidthbanner-container .fullwidthbanner{
width:100%;
position:relative;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */
position:absolute;visibility: hidden;
-webkit-font-smoothing: antialiased !important;
}
.tp-simpleresponsive img { max-width:none}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter:none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position:absolute;
margin-left:auto;
margin-right:auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px}
.tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}
.tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none}
.tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%}
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none}
.fullcoveredvideo video,
.fullscreenvideo video { background: #000}
.fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}
.html5vid.videoisplaying .tp-poster { display: none}
.tp-video-play-button { background:#000;
background:rgba(0,0,0,0.3);
padding:5px;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
color: #FFF;
z-index: 3;
margin-top: -27px;
margin-left: -28px;
text-align: center;
cursor: pointer;
}
.html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.html5vid .tp-revstop { display:none}
.html5vid.videoisplaying .revicon-right-dir { display:none}
.html5vid.videoisplaying .tp-revstop { display:block}
.html5vid.videoisplaying .tp-video-play-button { display:none}
.html5vid:hover .tp-video-play-button { display:block}
.fullcoveredvideo .tp-video-play-button { display:none !important}
.tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-ms-transition: opacity .3s;
transition: opacity .3s;
background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.13, rgb(0,0,0)),
color-stop(1, rgb(50,50,50))
);
display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.tp-caption:hover .tp-video-controls {
opacity: .9;
}
.tp-video-button {
background: rgba(0,0,0,.5);
border: 0;
color: #EEE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
cursor:pointer;
line-height:12px;
font-size:12px;
color:#fff;
padding:0px;
margin:0px;
outline: none;
}
.tp-video-button:hover {
cursor: pointer;
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; }
.tp-video-seek-bar-wrap { width:80%}
.tp-video-vol-bar-wrap { width:20%}
.tp-volume-bar,
.tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;}
/********************************
- FULLSCREEN VIDEO ENDS -
*********************************/
/********************************
- DOTTED OVERLAYS -
*********************************/
.tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4}
.tp-dottedoverlay.twoxtwo { background:url(../assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite { background:url(../assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree { background:url(../assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)}
/********************************
- DOTTED OVERLAYS ENDS -
*********************************/
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tpclear { clear:both}
.tp-bullets { z-index:1000; position:absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);
}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px}
.tp-bullets.simplebullets.round .bullet.last { margin-right:3px}
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square .bullet.last { margin-right:0px}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px}
.tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important}
.tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px}
.tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important}
.tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected { background-position:top left}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left}
/*************************************
- TP ARROWS -
**************************************/
.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
-webkit-transform: translateZ(5000px);
-webkit-transform-style: flat;
-webkit-backface-visibility: hidden;
z-index:600;
position: relative;
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat top left; width:40px; height:40px; }
.tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat top left; width:40px; height:40px; }
.tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px}
.tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px}
.tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px}
.tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px}
.tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px}
.tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px}
.tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px}
.tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px}
.tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px}
.tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px}
.tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px}
.tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px}
.tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-position:bottom left}
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff;
width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs { padding:3px}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow:hidden; position:relative}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img { width:100%}
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer { width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;top:0px}
.tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display:none}
.responsive .tparrows { display:none}
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a{ text-decoration:none}
.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
list-style:none;
padding:0 !important;
margin:0 !important;
list-style:none !important;
overflow-x: visible;
overflow-y: visible;
background-image:none
}
.tp-simpleresponsive >ul >li{
list-style:none;
position:absolute;
visibility:hidden
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat}
.tp-caption.slidelink a span { background:url(../assets/coloredbg.png) repeat}
/*****************************************
- NAVIGATION FANCY EXAMPLES -
*****************************************/
.tparrows .tp-arr-imgholder { display: none}
.tparrows .tp-arr-titleholder { display: none}
/*****************************************
- NAVIGATION FANCY EXAMPLES -
*****************************************/
/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent}
.tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s}
.tp-rightarrow.preview1:after { content: '\e825'; }
.tp-leftarrow.preview1:after { content: '\e824'; }
.tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa}
.tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0}
.tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}
.tp-rightarrow.preview1 .tp-arr-imgholder { right:100%;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tp-leftarrow.preview1 .tp-arr-imgholder { left:100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview1,
.tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview1,
.tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview1,
.tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px}
}
/* PREVIEW 1 BULLETS */
.tp-bullets.preview1 { height: 21px}
.tp-bullets.preview1 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.15) !important;
/*-webkit-border-radius: 10px;
border-radius: 10px;*/
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview1 .bullet.last { margin-right: 0px}
.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #aaa !important;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(255, 255, 255, 1) !important;
}
/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ;
border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
overflow:hidden;
-webkit-transition: -webkit-transform 1.3s;
-webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
transition: width 0.3s, background-color 0.3s, opacity 0.3s;
backface-visibility: hidden;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s }
.tp-rightarrow.preview2:after { content: '\e81e'; right:18px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:18px}
.tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
white-space: nowrap;
color: #000;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
line-height: 60px;
padding:0px 10px;
}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:50px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:50px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.tparrows.preview2.hovered { width:300px}
.tparrows.preview2:hover { background:#fff}
.tparrows.preview2:hover:after { color:#000}
.tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px);
transform: translateX(0px);
visibility: visible;
position: absolute;
}
/* PREVIEW 2 BULLETS */
.tp-bullets.preview2 { height: 17px}
.tp-bullets.preview2 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview2 .bullet.last { margin-right: 0px}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
.tp-arr-titleholder.alwayshidden { display:none !important}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px;
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:11px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:11px}
.tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:35px}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:35px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px;
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:8px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:8px}
.tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:25px}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:25px}
.tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px;
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:8px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:8px}
.tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none}
.tparrows.preview2:hover { width:30px !important; height:30px !important}
}
/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat}
.tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s}
.tparrows.preview3:hover:after { color:#000}
.tp-rightarrow.preview3:after { content: '\e825'; }
.tp-leftarrow.preview3:after { content: '\e824'; }
.tparrows.preview3 .tp-arr-iwrapper {
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75);
display: table;min-height:90px;top:-10px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px;
position:relative;top:0px}
.tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px}
.tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle}
.tparrows.preview3:hover .tp-arr-iwrapper {
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 { height: 17px}
.tp-bullets.preview3 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview3 .bullet.last { margin-right: 0px}
.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview3:after,
.tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px}
.tparrows.preview3 .tp-arr-iwrapper { min-height:70px}
.tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px}
.tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px}
.tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px}
}
@media only screen and (max-width: 767px) {
.tparrows.preview3:after,
.tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px}
.tparrows.preview3 .tp-arr-iwrapper { min-height:70px}
}
/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000}
.tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
.tp-rightarrow.preview4:after { content: '\e825'; }
.tp-leftarrow.preview4:after { content: '\e824'; }
.tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat}
.tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px}
.tparrows.preview4 .tp-arr-iwrapper { position: relative}
.tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px;
position:relative;top:0px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px;
position:absolute;top:0px; left:180px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px}
.tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative;
background: #000;
color: #FFF;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 1px;
font-weight: 700;
font-size: 11px;
line-height: 2.75;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%}
.tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%}
@media only screen and (min-width: 768px) {
.tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)}
.tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)}
.tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
}
/* PREVIEW 4 BULLETS */
.tp-bullets.preview4 { height: 17px}
.tp-bullets.preview4 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview4 .bullet.last { margin-right: 0px}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (max-width: 767px) {
.tparrows.preview4 { width:20px; height:80px}
.tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px}
.tparrows.preview1 .tp-arr-allwrapper,
.tparrows.preview2 .tp-arr-allwrapper,
.tparrows.preview3 .tp-arr-allwrapper,
.tparrows.preview4 .tp-arr-allwrapper { display: none !important}
}
/******************************
- LOADER FORMS -
********************************/
.tp-loader {
top:50%; left:50%;
z-index:10000;
position:absolute;
}
.tp-loader.spinner0 {
width: 40px;
height: 40px;
background:url(../assets/loader.gif) no-repeat center center;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner5 { background:url(../assets/loader.gif) no-repeat 10px 10px;
background-color:#fff;
margin:-22px -22px;
width:44px;height:44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
@-webkit-keyframes tp-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes tp-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top:-20px;margin-left:-20px;
background-color: #ff0000;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
-webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
animation: tp-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes tp-scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes tp-scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.tp-loader.spinner3 {
margin: -9px 0px 0px -35px;
width: 70px;
text-align: center;
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation: tp-bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tp-loader.spinner3 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.tp-loader.spinner3 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes tp-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes tp-bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.tp-loader.spinner4 {
margin: -20px 0px 0px -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: tp-rotate 2.0s infinite linear;
animation: tp-rotate 2.0s infinite linear;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: tp-bounce 2.0s infinite ease-in-out;
animation: tp-bounce 2.0s infinite ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.tp-loader.spinner4 .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes tp-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes tp-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.tp-transparentimg { content:"url(../assets/transparent.png)"}
.tp-3d { -webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}
@font-face {
font-family: 'revicons';
src: url('../fonts/revicons.eot?5510888');
src: url('../fonts/revicons.eot?5510888#iefix') format('embedded-opentype'),
url('../fonts/revicons.woff?5510888') format('woff'),
url('../fonts/revicons.ttf?5510888') format('truetype'),
url('../fonts/revicons.svg?5510888#revicons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'revicons';
src: url('../font/revicons.svg?5510888#revicons') format('svg');
}
}
*/
[class^="revicon-"]:before, [class*=" revicon-"]:before {
font-family: "revicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.revicon-search-1:before { content: '\e802'} /* '' */
.revicon-pencil-1:before { content: '\e831'} /* '' */
.revicon-picture-1:before { content: '\e803'} /* '' */
.revicon-cancel:before { content: '\e80a'} /* '' */
.revicon-info-circled:before { content: '\e80f'} /* '' */
.revicon-trash:before { content: '\e801'} /* '' */
.revicon-left-dir:before { content: '\e817'} /* '' */
.revicon-right-dir:before { content: '\e818'} /* '' */
.revicon-down-open:before { content: '\e83b'} /* '' */
.revicon-left-open:before { content: '\e819'} /* '' */
.revicon-right-open:before { content: '\e81a'} /* '' */
.revicon-angle-left:before { content: '\e820'} /* '' */
.revicon-angle-right:before { content: '\e81d'} /* '' */
.revicon-left-big:before { content: '\e81f'} /* '' */
.revicon-right-big:before { content: '\e81e'} /* '' */
.revicon-magic:before { content: '\e807'} /* '' */
.revicon-picture:before { content: '\e800'} /* '' */
.revicon-export:before { content: '\e80b'} /* '' */
.revicon-cog:before { content: '\e832'} /* '' */
.revicon-login:before { content: '\e833'} /* '' */
.revicon-logout:before { content: '\e834'} /* '' */
.revicon-video:before { content: '\e805'} /* '' */
.revicon-arrow-combo:before { content: '\e827'} /* '' */
.revicon-left-open-1:before { content: '\e82a'} /* '' */
.revicon-right-open-1:before { content: '\e82b'} /* '' */
.revicon-left-open-mini:before { content: '\e822'} /* '' */
.revicon-right-open-mini:before { content: '\e823'} /* '' */
.revicon-left-open-big:before { content: '\e824'} /* '' */
.revicon-right-open-big:before { content: '\e825'} /* '' */
.revicon-left:before { content: '\e836'} /* '' */
.revicon-right:before { content: '\e826'} /* '' */
.revicon-ccw:before { content: '\e808'} /* '' */
.revicon-arrows-ccw:before { content: '\e806'} /* '' */
.revicon-palette:before { content: '\e829'} /* '' */
.revicon-list-add:before { content: '\e80c'} /* '' */
.revicon-doc:before { content: '\e809'} /* '' */
.revicon-left-open-outline:before { content: '\e82e'} /* '' */
.revicon-left-open-2:before { content: '\e82c'} /* '' */
.revicon-right-open-outline:before { content: '\e82f'} /* '' */
.revicon-right-open-2:before { content: '\e82d'} /* '' */
.revicon-equalizer:before { content: '\e83a'} /* '' */
.revicon-layers-alt:before { content: '\e804'} /* '' */
.revicon-popup:before { content: '\e828'} /* '' */
/*------------------------------- Custom Revolution Slider ---------------------------*/
.tp-caption.theairslicesubtitle,.theairslicesubtitle {
font-size: 48px;
line-height: 48px;
font-weight: 600;
color: #ffffff;
text-decoration: none;
background-color: transparent;
text-shadow: 0 2px 5px rgba(0,0,0,0.5);
border-width: 0px;
border-color: rgb(255,255,255);
border-style: none;
}
.tp-caption.theairslicetitle,.theairslicetitle {
font-size: 70px;
line-height: 60px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
background-color: transparent;
margin: 0px;
white-space: nowrap;
text-shadow: 0 2px 5px rgba(0,0,0,0.5);
border-width: 0px;
border-color: rgb(255,255,255);
border-style: none;
}
.tp-caption.theairslicesubtitle span {
letter-spacing: 5px;
}
.tp-caption .btn-effect-border-trim {
padding:10px 30px;
border-width:2px;
}
.tp-caption .btn-effect-bg-fade-in {
padding:10px 30px;
color:#fff;
border-width:2px;
border-color:#fff;
background:transparent;
}
@font-face{font-family:'ElegantIcons';src:url('../fonts/ElegantIcons.eot');src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),url('../fonts/ElegantIcons.woff') format('woff'),url('../fonts/ElegantIcons.ttf') format('truetype'),url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');font-weight:normal;font-style:normal}[class*="elegant_"]:before{font-family:'ElegantIcons';speak:none;font-weight:normal;font-variant:normal;font-style:normal;text-transform:none;display:inline-block;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.elegant_arrow_up:before{content:"\21"}.elegant_arrow_down:before{content:"\22"}.elegant_arrow_left:before{content:"\23"}.elegant_arrow_right:before{content:"\24"}.elegant_arrow_left-up:before{content:"\25"}.elegant_arrow_right-up:before{content:"\26"}.elegant_arrow_right-down:before{content:"\27"}.elegant_arrow_left-down:before{content:"\28"}.elegant_arrow-up-down:before{content:"\29"}.elegant_arrow_up-down_alt:before{content:"\2a"}.elegant_arrow_left-right_alt:before{content:"\2b"}.elegant_arrow_left-right:before{content:"\2c"}.elegant_arrow_expand_alt2:before{content:"\2d"}.elegant_arrow_expand_alt:before{content:"\2e"}.elegant_arrow_condense:before{content:"\2f"}.elegant_arrow_expand:before{content:"\30"}.elegant_arrow_move:before{content:"\31"}.elegant_arrow_carrot-up:before{content:"\32"}.elegant_arrow_carrot-down:before{content:"\33"}.elegant_arrow_carrot-left:before{content:"\34"}.elegant_arrow_carrot-right:before{content:"\35"}.elegant_arrow_carrot-2up:before{content:"\36"}.elegant_arrow_carrot-2down:before{content:"\37"}.elegant_arrow_carrot-2left:before{content:"\38"}.elegant_arrow_carrot-2right:before{content:"\39"}.elegant_arrow_carrot-up_alt2:before{content:"\3a"}.elegant_arrow_carrot-down_alt2:before{content:"\3b"}.elegant_arrow_carrot-left_alt2:before{content:"\3c"}.elegant_arrow_carrot-right_alt2:before{content:"\3d"}.elegant_arrow_carrot-2up_alt2:before{content:"\3e"}.elegant_arrow_carrot-2down_alt2:before{content:"\3f"}.elegant_arrow_carrot-2left_alt2:before{content:"\40"}.elegant_arrow_carrot-2right_alt2:before{content:"\41"}.elegant_arrow_triangle-up:before{content:"\42"}.elegant_arrow_triangle-down:before{content:"\43"}.elegant_arrow_triangle-left:before{content:"\44"}.elegant_arrow_triangle-right:before{content:"\45"}.elegant_arrow_triangle-up_alt2:before{content:"\46"}.elegant_arrow_triangle-down_alt2:before{content:"\47"}.elegant_arrow_triangle-left_alt2:before{content:"\48"}.elegant_arrow_triangle-right_alt2:before{content:"\49"}.elegant_arrow_back:before{content:"\4a"}.elegant_icon_minus-06:before{content:"\4b"}.elegant_icon_plus:before{content:"\4c"}.elegant_icon_close:before{content:"\4d"}.elegant_icon_check:before{content:"\4e"}.elegant_icon_minus_alt2:before{content:"\4f"}.elegant_icon_plus_alt2:before{content:"\50"}.elegant_icon_close_alt2:before{content:"\51"}.elegant_icon_check_alt2:before{content:"\52"}.elegant_icon_zoom-out_alt:before{content:"\53"}.elegant_icon_zoom-in_alt:before{content:"\54"}.elegant_icon_search:before{content:"\55"}.elegant_icon_box-empty:before{content:"\56"}.elegant_icon_box-selected:before{content:"\57"}.elegant_icon_minus-box:before{content:"\58"}.elegant_icon_plus-box:before{content:"\59"}.elegant_icon_box-checked:before{content:"\5a"}.elegant_icon_circle-empty:before{content:"\5b"}.elegant_icon_circle-slelected:before{content:"\5c"}.elegant_icon_stop_alt2:before{content:"\5d"}.elegant_icon_stop:before{content:"\5e"}.elegant_icon_pause_alt2:before{content:"\5f"}.elegant_icon_pause:before{content:"\60"}.elegant_icon_menu:before{content:"\61"}.elegant_icon_menu-square_alt2:before{content:"\62"}.elegant_icon_menu-circle_alt2:before{content:"\63"}.elegant_icon_ul:before{content:"\64"}.elegant_icon_ol:before{content:"\65"}.elegant_icon_adjust-horiz:before{content:"\66"}.elegant_icon_adjust-vert:before{content:"\67"}.elegant_icon_document_alt:before{content:"\68"}.elegant_icon_documents_alt:before{content:"\69"}.elegant_icon_pencil:before{content:"\6a"}.elegant_icon_pencil-edit_alt:before{content:"\6b"}.elegant_icon_pencil-edit:before{content:"\6c"}.elegant_icon_folder-alt:before{content:"\6d"}.elegant_icon_folder-open_alt:before{content:"\6e"}.elegant_icon_folder-add_alt:before{content:"\6f"}.elegant_icon_info_alt:before{content:"\70"}.elegant_icon_error-oct_alt:before{content:"\71"}.elegant_icon_error-circle_alt:before{content:"\72"}.elegant_icon_error-triangle_alt:before{content:"\73"}.elegant_icon_question_alt2:before{content:"\74"}.elegant_icon_question:before{content:"\75"}.elegant_icon_comment_alt:before{content:"\76"}.elegant_icon_chat_alt:before{content:"\77"}.elegant_icon_vol-mute_alt:before{content:"\78"}.elegant_icon_volume-low_alt:before{content:"\79"}.elegant_icon_volume-high_alt:before{content:"\7a"}.elegant_icon_quotations:before{content:"\7b"}.elegant_icon_quotations_alt2:before{content:"\7c"}.elegant_icon_clock_alt:before{content:"\7d"}.elegant_icon_lock_alt:before{content:"\7e"}.elegant_icon_lock-open_alt:before{content:"\e000"}.elegant_icon_key_alt:before{content:"\e001"}.elegant_icon_cloud_alt:before{content:"\e002"}.elegant_icon_cloud-upload_alt:before{content:"\e003"}.elegant_icon_cloud-download_alt:before{content:"\e004"}.elegant_icon_image:before{content:"\e005"}.elegant_icon_images:before{content:"\e006"}.elegant_icon_lightbulb_alt:before{content:"\e007"}.elegant_icon_gift_alt:before{content:"\e008"}.elegant_icon_house_alt:before{content:"\e009"}.elegant_icon_genius:before{content:"\e00a"}.elegant_icon_mobile:before{content:"\e00b"}.elegant_icon_tablet:before{content:"\e00c"}.elegant_icon_laptop:before{content:"\e00d"}.elegant_icon_desktop:before{content:"\e00e"}.elegant_icon_camera_alt:before{content:"\e00f"}.elegant_icon_mail_alt:before{content:"\e010"}.elegant_icon_cone_alt:before{content:"\e011"}.elegant_icon_ribbon_alt:before{content:"\e012"}.elegant_icon_bag_alt:before{content:"\e013"}.elegant_icon_creditcard:before{content:"\e014"}.elegant_icon_cart_alt:before{content:"\e015"}.elegant_icon_paperclip:before{content:"\e016"}.elegant_icon_tag_alt:before{content:"\e017"}.elegant_icon_tags_alt:before{content:"\e018"}.elegant_icon_trash_alt:before{content:"\e019"}.elegant_icon_cursor_alt:before{content:"\e01a"}.elegant_icon_mic_alt:before{content:"\e01b"}.elegant_icon_compass_alt:before{content:"\e01c"}.elegant_icon_pin_alt:before{content:"\e01d"}.elegant_icon_pushpin_alt:before{content:"\e01e"}.elegant_icon_map_alt:before{content:"\e01f"}.elegant_icon_drawer_alt:before{content:"\e020"}.elegant_icon_toolbox_alt:before{content:"\e021"}.elegant_icon_book_alt:before{content:"\e022"}.elegant_icon_calendar:before{content:"\e023"}.elegant_icon_film:before{content:"\e024"}.elegant_icon_table:before{content:"\e025"}.elegant_icon_contacts_alt:before{content:"\e026"}.elegant_icon_headphones:before{content:"\e027"}.elegant_icon_lifesaver:before{content:"\e028"}.elegant_icon_piechart:before{content:"\e029"}.elegant_icon_refresh:before{content:"\e02a"}.elegant_icon_link_alt:before{content:"\e02b"}.elegant_icon_link:before{content:"\e02c"}.elegant_icon_loading:before{content:"\e02d"}.elegant_icon_blocked:before{content:"\e02e"}.elegant_icon_archive_alt:before{content:"\e02f"}.elegant_icon_heart_alt:before{content:"\e030"}.elegant_icon_star_alt:before{content:"\e031"}.elegant_icon_star-half_alt:before{content:"\e032"}.elegant_icon_star:before{content:"\e033"}.elegant_icon_star-half:before{content:"\e034"}.elegant_icon_tools:before{content:"\e035"}.elegant_icon_tool:before{content:"\e036"}.elegant_icon_cog:before{content:"\e037"}.elegant_icon_cogs:before{content:"\e038"}.elegant_arrow_up_alt:before{content:"\e039"}.elegant_arrow_down_alt:before{content:"\e03a"}.elegant_arrow_left_alt:before{content:"\e03b"}.elegant_arrow_right_alt:before{content:"\e03c"}.elegant_arrow_left-up_alt:before{content:"\e03d"}.elegant_arrow_right-up_alt:before{content:"\e03e"}.elegant_arrow_right-down_alt:before{content:"\e03f"}.elegant_arrow_left-down_alt:before{content:"\e040"}.elegant_arrow_condense_alt:before{content:"\e041"}.elegant_arrow_expand_alt3:before{content:"\e042"}.elegant_arrow_carrot_up_alt:before{content:"\e043"}.elegant_arrow_carrot-down_alt:before{content:"\e044"}.elegant_arrow_carrot-left_alt:before{content:"\e045"}.elegant_arrow_carrot-right_alt:before{content:"\e046"}.elegant_arrow_carrot-2up_alt:before{content:"\e047"}.elegant_arrow_carrot-2dwnn_alt:before{content:"\e048"}.elegant_arrow_carrot-2left_alt:before{content:"\e049"}.elegant_arrow_carrot-2right_alt:before{content:"\e04a"}.elegant_arrow_triangle-up_alt:before{content:"\e04b"}.elegant_arrow_triangle-down_alt:before{content:"\e04c"}.elegant_arrow_triangle-left_alt:before{content:"\e04d"}.elegant_arrow_triangle-right_alt:before{content:"\e04e"}.elegant_icon_minus_alt:before{content:"\e04f"}.elegant_icon_plus_alt:before{content:"\e050"}.elegant_icon_close_alt:before{content:"\e051"}.elegant_icon_check_alt:before{content:"\e052"}.elegant_icon_zoom-out:before{content:"\e053"}.elegant_icon_zoom-in:before{content:"\e054"}.elegant_icon_stop_alt:before{content:"\e055"}.elegant_icon_menu-square_alt:before{content:"\e056"}.elegant_icon_menu-circle_alt:before{content:"\e057"}.elegant_icon_document:before{content:"\e058"}.elegant_icon_documents:before{content:"\e059"}.elegant_icon_pencil_alt:before{content:"\e05a"}.elegant_icon_folder:before{content:"\e05b"}.elegant_icon_folder-open:before{content:"\e05c"}.elegant_icon_folder-add:before{content:"\e05d"}.elegant_icon_folder_upload:before{content:"\e05e"}.elegant_icon_folder_download:before{content:"\e05f"}.elegant_icon_info:before{content:"\e060"}.elegant_icon_error-circle:before{content:"\e061"}.elegant_icon_error-oct:before{content:"\e062"}.elegant_icon_error-triangle:before{content:"\e063"}.elegant_icon_question_alt:before{content:"\e064"}.elegant_icon_comment:before{content:"\e065"}.elegant_icon_chat:before{content:"\e066"}.elegant_icon_vol-mute:before{content:"\e067"}.elegant_icon_volume-low:before{content:"\e068"}.elegant_icon_volume-high:before{content:"\e069"}.elegant_icon_quotations_alt:before{content:"\e06a"}.elegant_icon_clock:before{content:"\e06b"}.elegant_icon_lock:before{content:"\e06c"}.elegant_icon_lock-open:before{content:"\e06d"}.elegant_icon_key:before{content:"\e06e"}.elegant_icon_cloud:before{content:"\e06f"}.elegant_icon_cloud-upload:before{content:"\e070"}.elegant_icon_cloud-download:before{content:"\e071"}.elegant_icon_lightbulb:before{content:"\e072"}.elegant_icon_gift:before{content:"\e073"}.elegant_icon_house:before{content:"\e074"}.elegant_icon_camera:before{content:"\e075"}.elegant_icon_mail:before{content:"\e076"}.elegant_icon_cone:before{content:"\e077"}.elegant_icon_ribbon:before{content:"\e078"}.elegant_icon_bag:before{content:"\e079"}.elegant_icon_cart:before{content:"\e07a"}.elegant_icon_tag:before{content:"\e07b"}.elegant_icon_tags:before{content:"\e07c"}.elegant_icon_trash:before{content:"\e07d"}.elegant_icon_cursor:before{content:"\e07e"}.elegant_icon_mic:before{content:"\e07f"}.elegant_icon_compass:before{content:"\e080"}.elegant_icon_pin:before{content:"\e081"}.elegant_icon_pushpin:before{content:"\e082"}.elegant_icon_map:before{content:"\e083"}.elegant_icon_drawer:before{content:"\e084"}.elegant_icon_toolbox:before{content:"\e085"}.elegant_icon_book:before{content:"\e086"}.elegant_icon_contacts:before{content:"\e087"}.elegant_icon_archive:before{content:"\e088"}.elegant_icon_heart:before{content:"\e089"}.elegant_icon_profile:before{content:"\e08a"}.elegant_icon_group:before{content:"\e08b"}.elegant_icon_grid-2x2:before{content:"\e08c"}.elegant_icon_grid-3x3:before{content:"\e08d"}.elegant_icon_music:before{content:"\e08e"}.elegant_icon_pause_alt:before{content:"\e08f"}.elegant_icon_phone:before{content:"\e090"}.elegant_icon_upload:before{content:"\e091"}.elegant_icon_download:before{content:"\e092"}.elegant_social_facebook:before{content:"\e093"}.elegant_social_twitter:before{content:"\e094"}.elegant_social_pinterest:before{content:"\e095"}.elegant_social_googleplus:before{content:"\e096"}.elegant_social_tumblr:before{content:"\e097"}.elegant_social_tumbleupon:before{content:"\e098"}.elegant_social_wordpress:before{content:"\e099"}.elegant_social_instagram:before{content:"\e09a"}.elegant_social_dribbble:before{content:"\e09b"}.elegant_social_vimeo:before{content:"\e09c"}.elegant_social_linkedin:before{content:"\e09d"}.elegant_social_rss:before{content:"\e09e"}.elegant_social_deviantart:before{content:"\e09f"}.elegant_social_share:before{content:"\e0a0"}.elegant_social_myspace:before{content:"\e0a1"}.elegant_social_skype:before{content:"\e0a2"}.elegant_social_youtube:before{content:"\e0a3"}.elegant_social_picassa:before{content:"\e0a4"}.elegant_social_googledrive:before{content:"\e0a5"}.elegant_social_flickr:before{content:"\e0a6"}.elegant_social_blogger:before{content:"\e0a7"}.elegant_social_spotify:before{content:"\e0a8"}.elegant_social_delicious:before{content:"\e0a9"}.elegant_social_facebook_circle:before{content:"\e0aa"}.elegant_social_twitter_circle:before{content:"\e0ab"}.elegant_social_pinterest_circle:before{content:"\e0ac"}.elegant_social_googleplus_circle:before{content:"\e0ad"}.elegant_social_tumblr_circle:before{content:"\e0ae"}.elegant_social_stumbleupon_circle:before{content:"\e0af"}.elegant_social_wordpress_circle:before{content:"\e0b0"}.elegant_social_instagram_circle:before{content:"\e0b1"}.elegant_social_dribbble_circle:before{content:"\e0b2"}.elegant_social_vimeo_circle:before{content:"\e0b3"}.elegant_social_linkedin_circle:before{content:"\e0b4"}.elegant_social_rss_circle:before{content:"\e0b5"}.elegant_social_deviantart_circle:before{content:"\e0b6"}.elegant_social_share_circle:before{content:"\e0b7"}.elegant_social_myspace_circle:before{content:"\e0b8"}.elegant_social_skype_circle:before{content:"\e0b9"}.elegant_social_youtube_circle:before{content:"\e0ba"}.elegant_social_picassa_circle:before{content:"\e0bb"}.elegant_social_googledrive_alt2:before{content:"\e0bc"}.elegant_social_flickr_circle:before{content:"\e0bd"}.elegant_social_blogger_circle:before{content:"\e0be"}.elegant_social_spotify_circle:before{content:"\e0bf"}.elegant_social_delicious_circle:before{content:"\e0c0"}.elegant_social_facebook_square:before{content:"\e0c1"}.elegant_social_twitter_square:before{content:"\e0c2"}.elegant_social_pinterest_square:before{content:"\e0c3"}.elegant_social_googleplus_square:before{content:"\e0c4"}.elegant_social_tumblr_square:before{content:"\e0c5"}.elegant_social_stumbleupon_square:before{content:"\e0c6"}.elegant_social_wordpress_square:before{content:"\e0c7"}.elegant_social_instagram_square:before{content:"\e0c8"}.elegant_social_dribbble_square:before{content:"\e0c9"}.elegant_social_vimeo_square:before{content:"\e0ca"}.elegant_social_linkedin_square:before{content:"\e0cb"}.elegant_social_rss_square:before{content:"\e0cc"}.elegant_social_deviantart_square:before{content:"\e0cd"}.elegant_social_share_square:before{content:"\e0ce"}.elegant_social_myspace_square:before{content:"\e0cf"}.elegant_social_skype_square:before{content:"\e0d0"}.elegant_social_youtube_square:before{content:"\e0d1"}.elegant_social_picassa_square:before{content:"\e0d2"}.elegant_social_googledrive_square:before{content:"\e0d3"}.elegant_social_flickr_square:before{content:"\e0d4"}.elegant_social_blogger_square:before{content:"\e0d5"}.elegant_social_spotify_square:before{content:"\e0d6"}.elegant_social_delicious_square:before{content:"\e0d7"}.elegant_icon_printer:before{content:"\e103"}.elegant_icon_calulator:before{content:"\e0ee"}.elegant_icon_building:before{content:"\e0ef"}.elegant_icon_floppy:before{content:"\e0e8"}.elegant_icon_drive:before{content:"\e0ea"}.elegant_icon_search-2:before{content:"\e101"}.elegant_icon_id:before{content:"\e107"}.elegant_icon_id-2:before{content:"\e108"}.elegant_icon_puzzle:before{content:"\e102"}.elegant_icon_like:before{content:"\e106"}.elegant_icon_dislike:before{content:"\e0eb"}.elegant_icon_mug:before{content:"\e105"}.elegant_icon_currency:before{content:"\e0ed"}.elegant_icon_wallet:before{content:"\e100"}.elegant_icon_pens:before{content:"\e104"}.elegant_icon_easel:before{content:"\e0e9"}.elegant_icon_flowchart:before{content:"\e109"}.elegant_icon_datareport:before{content:"\e0ec"}.elegant_icon_briefcase:before{content:"\e0fe"}.elegant_icon_shield:before{content:"\e0f6"}.elegant_icon_percent:before{content:"\e0fb"}.elegant_icon_globe:before{content:"\e0e2"}.elegant_icon_globe-2:before{content:"\e0e3"}.elegant_icon_target:before{content:"\e0f5"}.elegant_icon_hourglass:before{content:"\e0e1"}.elegant_icon_balance:before{content:"\e0ff"}.elegant_icon_rook:before{content:"\e0f8"}.elegant_icon_printer-alt:before{content:"\e0fa"}.elegant_icon_calculator_alt:before{content:"\e0e7"}.elegant_icon_building_alt:before{content:"\e0fd"}.elegant_icon_floppy_alt:before{content:"\e0e4"}.elegant_icon_drive_alt:before{content:"\e0e5"}.elegant_icon_search_alt:before{content:"\e0f7"}.elegant_icon_id_alt:before{content:"\e0e0"}.elegant_icon_id-2_alt:before{content:"\e0fc"}.elegant_icon_puzzle_alt:before{content:"\e0f9"}.elegant_icon_like_alt:before{content:"\e0dd"}.elegant_icon_dislike_alt:before{content:"\e0f1"}.elegant_icon_mug_alt:before{content:"\e0dc"}.elegant_icon_currency_alt:before{content:"\e0f3"}.elegant_icon_wallet_alt:before{content:"\e0d8"}.elegant_icon_pens_alt:before{content:"\e0db"}.elegant_icon_easel_alt:before{content:"\e0f0"}.elegant_icon_flowchart_alt:before{content:"\e0df"}.elegant_icon_datareport_alt:before{content:"\e0f2"}.elegant_icon_briefcase_alt:before{content:"\e0f4"}.elegant_icon_shield_alt:before{content:"\e0d9"}.elegant_icon_percent_alt:before{content:"\e0da"}.elegant_icon_globe_alt:before{content:"\e0de"}.elegant_icon_clipboard:before{content:"\e0e6"}
/**
Theme Name: AirSlice
Description: Creative Responsive Wordpress Theme
*/
/**
* Table of Contents
*
* 1.0 - Browser Reset
* 2.0 - Core Animation
* 3.0 - Typography
* 4.0 - Grid system
* 5.0 - Tables
* 6.0 - Forms
* 7.0 - Buttons
* 8.0 - Dropdown menus
* 9.0 - Navs
* 10.0 - Navbars
* 11.0 - Breadcrumbs
* 12.0 - Pagination
* 13.0 - Labels
* 14.0 - Alerts
* 15.0 - Progress bars
* 16.0 - Panels
* 17.0 - Close icons
* 18.0 - Morphsearch
* 19.0 - Mediaelementplayer
* 20.0 - Modals
* 21.0 - Tooltips
* 22.0 - Popovers
* 23.0 - Carousel
* 24.0 - DH Slider
* 25.0 - Shortcodes
* 25.1 - Animate Box
* 25.2 - Call to Action
* 25.3 - Separator
* 25.4 - Caroufredsel Slider
* 25.5 - Testimonial
* 25.6 - Client
* 25.7 - Counter
* 25.8 - Google Map
* 25.9 - Iconbox
* 25.10 - Piechart
* 25.11 - Pricing Table
* 25.12 - Timeline
* 25.13 - Team Member
* 25.14 - Single Image
* 25.15 - Latestnews
* 25.16 - Embed
* 25.17 - Lists Ul
* 26.0 - Header
* 27.0 - Footer
* 28.0 - Porfolio
* 29.0 - Post
* 30.0 - Comment form
* 31.0 - Widget sidebar
* 32.0 - Contact form 7
* 34.0 - Utility classes
* 35.0 - Responsive: Utility classes
* 36.0 - Custom style
*/
@font-face {
font-family: "Flaticon";
src: url('../fonts/flaticon.eot');
src: url('../fonts/flaticon.eot#iefix') format('embedded-opentype'), url('../fonts/flaticon.woff') format('woff'), url('../fonts/flaticon.ttf') format('truetype'), url('../fonts/flaticon.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="dh-icon-"]:before,
[class^="dh-icon-"]:after {
font-family: Flaticon;
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dh-icon-chevron-left:before {
content: "\e000";
}
.dh-icon-circle-right:before {
content: "\e001";
}
.dh-icon-left-left:before {
content: "\e002";
}
.dh-icon-link:before {
content: "\e003";
}
.dh-icon-column:before {
content: "\e004";
}
.dh-icon-play:before {
content: "\e005";
}
.dh-icon-chevron-right:before {
content: "\e006";
}
.dh-icon-shopping:before {
content: "\e007";
}
.dh-icon-zoom-out:before {
content: "\e008";
}
.dh-icon-zoom-in:before {
content: "\e009";
}
/*--------------------------------------------------------------
1.0 - Browser Reset
--------------------------------------------------------------*/
@font-face {
font-family: 'proxima-nova';
src: url(../fonts/proximanova-regular-webfont.eot);
src: url('../fonts/proximanova-regular-webfont.eot?iefix') format('eot'), url(../fonts/proximanova-regular-webfont.woff) format('woff'), url(../fonts/proximanova-regular-webfont.ttf) format('truetype'), url('../fonts/proximanova-regular-webfont.svg#webfont') format('svg');
}
@font-face {
font-family: 'proxima-nova';
font-weight: 600;
src: url(../fonts/proximanova-semibold-webfont.eot);
src: url('../fonts/proximanova-semibold-webfont.eot?iefix') format('eot'), url(../fonts/proximanova-semibold-webfont.woff) format('woff'), url(../fonts/proximanova-semibold-webfont.ttf) format('truetype'), url('../fonts/proximanova-semibold-webfont.svg#webfont') format('svg');
}
@font-face {
font-family: 'proxima-nova';
font-weight: bold;
src: url(../fonts/proximanova-bold-webfont.eot);
src: url('../fonts/proximanova-bold-webfont.eot?iefix') format('eot'), url(../fonts/proximanova-bold-webfont.woff) format('woff'), url(../fonts/proximanova-bold-webfont.ttf) format('truetype'), url('../fonts/proximanova-bold-webfont.svg#webfont') format('svg');
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
text-rendering: optimizelegibility;
letter-spacing: 0.05px;
word-wrap: break-word;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
em {color: #000000; font-style: normal; }
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 2.7586206896551726em;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 0.13793103448275862em;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.main-content table {
width: 100%;
max-width: 100%;
margin-bottom: 1.5862068965517242em;
}
.main-content table > thead > tr > th,
.main-content table > tbody > tr > th,
.main-content table > tfoot > tr > th,
.main-content table > thead > tr > td,
.main-content table > tbody > tr > td,
.main-content table > tfoot > tr > td {
padding: 0.5517241379310345em;
line-height: 1.6;
vertical-align: top;
border-top: 1px solid #e5e5e5;
}
.main-content table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #e5e5e5;
}
.main-content table > caption + thead > tr:first-child > th,
.main-content table > colgroup + thead > tr:first-child > th,
.main-content table > thead:first-child > tr:first-child > th,
.main-content table > caption + thead > tr:first-child > td,
.main-content table > colgroup + thead > tr:first-child > td,
.main-content table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.main-content table > tbody + tbody {
border-top: 2px solid #e5e5e5;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 14.5px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 1.6;
color: #00000;
background: #fffff;
font-style: normal;
font-weight: 500;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #333333;
text-decoration: none;
}
a:hover,
a:focus {
color: #000000;
text-decoration: none;
}
a:focus {
outline: none;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
hr {
margin-top: 1.5862068965517242em;
margin-bottom: 1.5862068965517242em;
border: 0;
border-top: 1px solid #999999;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 0.13793103448275862em 0.27586206896551724em;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 3px;
}
kbd {
padding: 0.13793103448275862em 0.27586206896551724em;
font-size: 90%;
color: #ffffff;
background-color: #333333;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
box-shadow: none;
}
pre {
display: block;
padding: 0.2931034482758621em;
margin: 0 0 0.7931034482758621em;
font-size: 13.5px;
line-height: 1.6;
word-break: break-all;
word-wrap: break-word;
color: #666666;
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
border-radius: 3px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 23.448275862068964em;
overflow-y: scroll;
}
/*--------------------------------------------------------------
2.0 - Core Animation
--------------------------------------------------------------*/
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.linear {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.ease {
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.easeIn {
transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.easeOut {
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.easeInOut {
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
/*Penner Easing*/
.easeInQuad {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.easeInCubic {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.easeInQuart {
transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
-webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.easeInQuint {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.easeInSine {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.easeInExpo {
transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
-webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
.easeInCirc {
transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
-webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
/* easeInBack not supported in older versions of webkit.*/
/* see top comment for fix. */
.easeInBack {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.easeOutQuad {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.easeOutCubic {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.easeOutQuart {
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.easeOutQuint {
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.easeOutSine {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.easeOutExpo {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.easeOutCirc {
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* easeOutBack not supported in older versions of webkit. */
/* see top comment for fix. */
.easeOutBack {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.easeInOutQuad {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.easeInOutCubic {
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.easeInOutQuart {
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.easeInOutQuint {
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.easeInOutSine {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.easeInOutExpo {
transition-timing-function: cubic-bezier(1, 0, 0, 1);
-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.easeInOutCirc {
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/* easeInOutBack not supported in older versions of webkit. */
/* see top comment for fix. */
.easeInOutBack {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-moz-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-o-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-webkit-keyframes shake {
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 shake {
0%,
100% {
-moz-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
-moz-transform: translateX(10px);
}
}
@-o-keyframes shake {
0%,
100% {
-o-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-o-transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
-o-transform: translateX(10px);
}
}
@keyframes shake {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
transform: translateX(10px);
}
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-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;
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-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;
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slideInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes slideInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes slideOutUp {
0% {
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes slideOutUp {
0% {
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes slideOutLeft {
0% {
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes slideOutLeft {
0% {
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes slideOutRight {
0% {
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes slideOutRight {
0% {
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(0.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(0.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(0.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(0.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(0.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(0.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(0.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(0.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(0.3);
}
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-moz-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-moz-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-o-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-o-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@-moz-keyframes lightSpeedOut {
0% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@-o-keyframes lightSpeedOut {
0% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@-webkit-keyframes appear {
0% {
-webkit-transform: scale(0.5);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes appear {
0% {
-moz-transform: scale(0.5);
opacity: 0.1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes appear {
0% {
-o-transform: scale(0.5);
opacity: 0.1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes appear {
0% {
transform: scale(0.5);
opacity: 0.1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@media (min-width: 768px) {
.el-appear {
opacity: 0.1;
filter: alpha(opacity=10);
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.el-appear.animate-appear {
-webkit-animation: appear 1s 1 ease;
-o-animation: appear 1s 1 ease;
animation: appear 1s 1 ease;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes loadingFade {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes loadingFade {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes loadingFade {
0% {
opacity: 0;
filter: alpha(opacity=0);
}
50% {
opacity: 1;
filter: alpha(opacity=100);
}
100% {
opacity: 0;
filter: alpha(opacity=0);
}
}
.fade-loading {
text-align: center;
}
.fade-loading i {
-webkit-animation: 1.5s ease 0s normal none infinite loadingFade;
-o-animation: 1.5s ease 0s normal none infinite loadingFade;
animation: 1.5s ease 0s normal none infinite loadingFade;
background: none repeat scroll 0 0 #000000;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 4px;
opacity: 0;
filter: alpha(opacity=0);
width: 10px;
}
.fade-loading i:nth-child(0) {
-webkit-animation-delay: 0;
animation-delay: 0;
}
.fade-loading i:nth-child(1) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.fade-loading i:nth-child(2) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.fade-loading i:nth-child(3) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.fade-loading i:nth-child(4) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.spinner-loading {
-webkit-animation: fa-spin 1s infinite linear;
-o-animation: fa-spin 1s infinite linear;
animation: fa-spin 1s infinite linear;
-webkit-animation-timing-function: steps(8, start);
animation-timing-function: steps(8, start);
}
@keyframes loadmoreCube {
0% {
transform: translateX(-120px);
}
50% {
transform: translateX(0px) rotate(180deg) scale(2.2);
}
100% {
transform: translateX(120px);
}
}
@-o-keyframes loadmoreCube {
0% {
-o-transform: translateX(-120px);
}
50% {
-o-transform: translateX(0px) rotate(180deg) scale(2.2);
}
100% {
-o-transform: translateX(120px);
}
}
@-moz-keyframes loadmoreCube {
0% {
-moz-transform: translateX(-120px);
}
50% {
-moz-transform: translateX(0px) rotate(180deg) scale(2.2);
}
100% {
-moz-transform: translateX(120px);
}
}
@-webkit-keyframes loadmoreCube {
0% {
-webkit-transform: translateX(-120px);
}
50% {
-webkit-transform: translateX(0px) rotate(180deg) scale(2.2);
}
100% {
-webkit-transform: translateX(120px);
}
}
.loadmore-action {
text-align: center;
margin-top: 1.5862068965517242em;
margin-bottom: 1.5862068965517242em;
}
.loadmore-action .loadmore-loading {
display: none;
}
.loadmore-action .loadmore-loading span {
-webkit-animation: 2.5s ease-in-out 0s normal none infinite loadmoreCube;
-o-animation: 2.5s ease-in-out 0s normal none infinite loadmoreCube;
animation: 2.5s ease-in-out 0s normal none infinite loadmoreCube;
background: #000000;
height: 8px;
width: 8px;
display: inline-block;
}
.loadmore-action .loadmore-loading span:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.loadmore-action .loadmore-loading span:nth-child(2) {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.loadmore-action .loadmore-loading span:nth-child(3) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.loadmore-action .loadmore-loading span:nth-child(4) {
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.loadmore-action .loadmore-loading span:nth-child(5) {
-webkit-animation-delay: -2s;
animation-delay: -2s;
}
.loadmore-action .btn-loadmore {
border: 1px solid #000000;
background: transparent;
color: #000000;
text-transform: uppercase;
font-size: 1.2413793103448276em;
font-weight: 600;
padding: 0.5517241379310345rem 0.9655172413793104rem;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.loadmore-action .btn-loadmore:after {
content: "\f067";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.loadmore-action .btn-loadmore:after {
margin-left: 0.3448275862068966em;
}
.loadmore-action .btn-loadmore:hover {
background: #000000;
color: #fff;
}
.animate-box.animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.animate-box.animated.hinge {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.animate-box.animated {
visibility: hidden;
}
.go.animated {
visibility: visible;
}
.go.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
.go.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
.go.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
.go.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.go.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.go.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.go.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.go.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.go.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
.go.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
.go.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
.go.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
.go.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.go.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
.go.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
.go.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
.go.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
.go.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
.go.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
.go.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
.go.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
.go.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.go.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
.go.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
.go.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.go.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
.go.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
.go.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
.go.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
.go.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
.go.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
.go.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
.go.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
.go.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
.go.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
.go.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
.go.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
.go.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.go.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.dh-disable-animation .el-appear {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.dh-disable-animation .animate-box.animated {
visibility: visible;
}
.dh-disable-animation .column[data-fade="1"] {
opacity: 1;
filter: alpha(opacity=100);
}
.dh-disable-animation .row .row-image-bg[data-parallax="1"] {
background-position: 50% 0 !important;
background-attachment: scroll !important;
}
.dh-disable-animation .dh-lists[data-animation="1"] li {
opacity: 1;
filter: alpha(opacity=100);
left: 0 !important;
}
/*--------------------------------------------------------------
3.0 - Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-weight: 600;
line-height: 1.2;
color: #000000;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #8c8c8c;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 1rem;
margin-bottom: 1rem;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-size: 3.103448275862069em;
font-style: normal;
font-weight: 600;
}
h2,
.h2 {
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-size: 2.3448275862068964em;
font-style: normal;
font-weight: 600;
}
h3,
.h3 {
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-size: 1.6551724137931034em;
font-style: normal;
font-weight: 600;
}
h4,
.h4 {
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-size: 1.3793103448275863em;
font-style: normal;
font-weight: 600;
}
h5,
.h5 {
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-size: 1.0344827586206897em;
font-style: normal;
font-weight: 600;
}
h6,
.h6 {
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-size: 14.5px;
font-style: normal;
font-weight: 600;
}
p {
margin: 0 0 0.7931034482758621em;
}
.el-heading {
margin-top: 0;
font-size: 1.5em;
margin-bottom: 1rem;
}
.lead {
margin-bottom: 1.5862068965517242em;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21.75px;
}
}
.heading-typed .nth-typed {
display: inline-block;
min-width: 1px;
min-height: 1px;
font-weight: 100;
color: #000000;
}
small,
.small {
font-size: 85%;
}
cite {
font-style: normal;
}
mark,
.mark {
background-color: rgba(248, 215, 172, 0.3);
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #8c8c8c;
}
.text-primary {
color: #000000;
}
a.text-primary:hover {
color: #000000;
}
.text-success {
color: #57bb58;
}
a.text-success:hover {
color: #409f41;
}
.text-info {
color: #5788bb;
}
a.text-info:hover {
color: #406f9f;
}
.text-warning {
color: #f0ad4e;
}
a.text-warning:hover {
color: #ec971f;
}
.text-danger {
color: #bb5857;
}
a.text-danger:hover {
color: #9f4140;
}
.bg-primary {
color: #fff;
background-color: #000000;
}
a.bg-primary:hover {
background-color: #000000;
}
.bg-success {
background-color: rgba(160, 216, 160, 0.3);
}
a.bg-success:hover {
background-color: rgba(124, 202, 123, 0.3);
}
.bg-info {
background-color: rgba(160, 188, 216, 0.3);
}
a.bg-info:hover {
background-color: rgba(123, 163, 202, 0.3);
}
.bg-warning {
background-color: rgba(248, 215, 172, 0.3);
}
a.bg-warning:hover {
background-color: rgba(244, 193, 125, 0.3);
}
.bg-danger {
background-color: rgba(216, 160, 160, 0.3);
}
a.bg-danger:hover {
background-color: rgba(202, 123, 124, 0.3);
}
.page-header {
padding-bottom: -0.2068965517241379em;
margin: 3.1724137931034484em 0 1.5862068965517242em;
border-bottom: 1px solid #999999;
}
ul,
ol {
margin-top: 0;
margin-bottom: 0.7931034482758621em;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -0.3448275862068966em;
}
.list-inline > li {
display: inline-block;
padding-left: 0.3448275862068966em;
padding-right: 0.3448275862068966em;
}
dl {
margin-top: 0;
margin-bottom: 1.5862068965517242em;
}
dt,
dd {
line-height: 1.6;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #8c8c8c;
}
blockquote {
padding: 0 0 0 1.3793103448275863em;
margin: 1.5862068965517242em 0 1.5862068965517242em;
font-size: 14.5px;
border-left: 3px solid #000000;
font-style: italic;
font-weight: normal;
position: relative;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote p {
font-size: 1.1em;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.6;
color: #8c8c8c;
text-transform: uppercase;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
blockquote:after {
content: "";
}
address {
margin-bottom: 1.5862068965517242em;
font-style: normal;
line-height: 1.6;
}
iframe,
embed,
object {
max-height: 100%;
max-width: 100%;
border: 0;
}
/*--------------------------------------------------------------
4.0 - Grid system
--------------------------------------------------------------*/
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.full-wrap .container {
width: 100%;
max-width: 1280px;
}
.boxed-wrap {
background: #ffffff;
background-attachment: scroll;
background-position: center center;
background-repeat: repeat;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
margin: 0 auto;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.boxed-wrap {
width: 750px;
}
}
@media (min-width: 992px) {
.boxed-wrap {
width: 970px;
}
}
@media (min-width: 1200px) {
.boxed-wrap {
width: 1170px;
}
}
@media (min-width: 768px) {
.boxed-wrap .container {
width: 735px;
}
}
@media (min-width: 992px) {
.boxed-wrap .container {
width: 955px;
}
}
@media (min-width: 1200px) {
.boxed-wrap .container {
width: 1155px;
}
}
.boxed-wrap .header-container .container {
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 768px) {
.boxed-wrap .header-container .container {
width: 750px;
}
}
@media (min-width: 992px) {
.boxed-wrap .header-container .container {
width: 970px;
}
}
@media (min-width: 1200px) {
.boxed-wrap .header-container .container {
width: 1170px;
}
}
.content-container {
padding-top: 70px;
padding-bottom: 70px;
min-height: 200px;
}
@media (max-width: 767px) {
.content-container {
padding-top: 30px;
padding-bottom: 30px;
}
}
.content-container.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-full {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.box {
position: relative;
}
@media (max-width: 767px) {
.box.box-custom-margin-padding {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
}
.box.border-top {
border-top: 1px solid #e5e5e5;
}
.box.border-left {
border-left: 1px solid #e5e5e5;
}
.box.border-right {
border-right: 1px solid #e5e5e5;
}
.box.border-bottom {
border-bottom: 1px solid #e5e5e5;
}
.box-image-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -100;
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.box-image-bg.bg-repeat {
background-repeat: repeat;
background-size: auto auto !important;
}
.row-image-bg[data-fixed="1"],
.box-image-bg[data-parallax="1"] {
background-attachment: fixed;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row {
position: relative;
}
@media (max-width: 767px) {
.row.row-custom-padding {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
}
.row .row-image-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -100;
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.row .row-image-bg.bg-repeat {
background-repeat: repeat;
background-size: auto auto !important;
}
.row .row-image-bg[data-fixed="1"],
.row .row-image-bg[data-parallax="1"] {
background-attachment: fixed;
}
.row.border-top {
border-top: 1px solid #e5e5e5;
}
.row.border-left {
border-left: 1px solid #e5e5e5;
}
.row.border-right {
border-right: 1px solid #e5e5e5;
}
.row.border-bottom {
border-bottom: 1px solid #e5e5e5;
}
.row .box-video-bg,
.row .row-video-bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -100;
overflow: hidden;
}
.row .box-video-bg .full-video,
.row .row-video-bg .full-video {
min-height: 100%;
min-width: 100%;
position: relative;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: -100;
}
@media (min-width: 768px) {
.page-layout-right-sidebar .col-md-9.main-wrap .main-content,
.page-template-page-right-slidebar-php .col-md-9.main-wrap .main-content {
padding-right: 30px;
}
.page-layout-right-sidebar .col-md-3.sidebar-wrap,
.page-template-page-right-slidebar-php .col-md-3.sidebar-wrap {
padding-left: 0;
}
.page-layout-left-sidebar .col-md-9.main-wrap .main-content,
.page-template-page-left-slidebar-php .col-md-9.main-wrap .main-content {
padding-left: 30px;
}
.page-layout-left-sidebar .col-md-3.sidebar-wrap,
.page-template-page-left-slidebar-php .col-md-3.sidebar-wrap {
padding-right: 0;
}
}
.main-sidebar > div:first-child .widget-title {
margin-top: 0;
}
.col-md-2.sidebar-extra-wrap .extra-sidebar {
padding: 30px;
background-color: #fbfbfb;
}
@media (max-width: 1199px) {
.sidebar-extra-wrap {
display: none;
}
}
@media (max-width: 991px) and (min-width: 769px) {
.container {
width: 97%;
}
.main-wrap {
float: left;
width: 66.66666666666666%;
}
.col-md-12.main-wrap {
width: inherit;
float: none;
}
.sidebar-extra-wrap {
display: none;
}
.sidebar-wrap {
float: left;
width: 33.33333333333333%;
}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 767px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
width: 100%;
}
}
.column {
position: relative;
}
.column.border-top {
border-top: 1px solid #e5e5e5;
}
.column.border-left {
border-left: 1px solid #e5e5e5;
}
.column.border-right {
border-right: 1px solid #e5e5e5;
}
.column.border-bottom {
border-bottom: 1px solid #e5e5e5;
}
.column[data-fade="1"] {
opacity: 0;
filter: alpha(opacity=0);
}
@media (max-width: 991px) {
.column[data-fade="1"] {
opacity: 1;
filter: alpha(opacity=100);
}
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666666666666%;
}
.col-xs-10 {
width: 83.33333333333334%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666666666666%;
}
.col-xs-7 {
width: 58.333333333333336%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666666666667%;
}
.col-xs-4 {
width: 33.33333333333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.666666666666664%;
}
.col-xs-1 {
width: 8.333333333333332%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666666666666%;
}
.col-xs-pull-10 {
right: 83.33333333333334%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666666666666%;
}
.col-xs-pull-7 {
right: 58.333333333333336%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666666666667%;
}
.col-xs-pull-4 {
right: 33.33333333333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.666666666666664%;
}
.col-xs-pull-1 {
right: 8.333333333333332%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666666666666%;
}
.col-xs-push-10 {
left: 83.33333333333334%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666666666666%;
}
.col-xs-push-7 {
left: 58.333333333333336%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666666666667%;
}
.col-xs-push-4 {
left: 33.33333333333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.666666666666664%;
}
.col-xs-push-1 {
left: 8.333333333333332%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
margin-left: 8.333333333333332%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666666666666%;
}
.col-sm-10 {
width: 83.33333333333334%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666666666666%;
}
.col-sm-7 {
width: 58.333333333333336%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666666666667%;
}
.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-1 {
width: 8.333333333333332%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666666666666%;
}
.col-sm-pull-10 {
right: 83.33333333333334%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666666666666%;
}
.col-sm-pull-7 {
right: 58.333333333333336%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666666666667%;
}
.col-sm-pull-4 {
right: 33.33333333333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.666666666666664%;
}
.col-sm-pull-1 {
right: 8.333333333333332%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666666666666%;
}
.col-sm-push-10 {
left: 83.33333333333334%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666666666666%;
}
.col-sm-push-7 {
left: 58.333333333333336%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666666666667%;
}
.col-sm-push-4 {
left: 33.33333333333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.666666666666664%;
}
.col-sm-push-1 {
left: 8.333333333333332%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666666666666%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666666666666%;
}
.col-md-pull-10 {
right: 83.33333333333334%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666666666666%;
}
.col-md-pull-7 {
right: 58.333333333333336%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666666666667%;
}
.col-md-pull-4 {
right: 33.33333333333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.666666666666664%;
}
.col-md-pull-1 {
right: 8.333333333333332%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666666666666%;
}
.col-md-push-10 {
left: 83.33333333333334%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666666666666%;
}
.col-md-push-7 {
left: 58.333333333333336%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666666666667%;
}
.col-md-push-4 {
left: 33.33333333333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.666666666666664%;
}
.col-md-push-1 {
left: 8.333333333333332%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666666666666%;
}
.col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.col-md-offset-1 {
margin-left: 8.333333333333332%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666666666666%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666666666666%;
}
.col-lg-pull-10 {
right: 83.33333333333334%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666666666666%;
}
.col-lg-pull-7 {
right: 58.333333333333336%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666666666667%;
}
.col-lg-pull-4 {
right: 33.33333333333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.666666666666664%;
}
.col-lg-pull-1 {
right: 8.333333333333332%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666666666666%;
}
.col-lg-push-10 {
left: 83.33333333333334%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666666666666%;
}
.col-lg-push-7 {
left: 58.333333333333336%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666666666667%;
}
.col-lg-push-4 {
left: 33.33333333333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.666666666666664%;
}
.col-lg-push-1 {
left: 8.333333333333332%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666666666666%;
}
.col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666666666666%;
}
.col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.666666666666664%;
}
.col-lg-offset-1 {
margin-left: 8.333333333333332%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
/*--------------------------------------------------------------
5.0 - Tables
--------------------------------------------------------------*/
table {
background-color: transparent;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1.5862068965517242em;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 0.5517241379310345em;
line-height: 1.6;
vertical-align: top;
border-top: 1px solid #e5e5e5;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #e5e5e5;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #e5e5e5;
}
.table-bordered {
border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
/*--------------------------------------------------------------
6.0 - Forms
--------------------------------------------------------------*/
::-webkit-input-placeholder {
color: #999;
}
:-moz-placeholder {
color: #999;
}
::-moz-placeholder {
color: #999;
}
:-ms-input-placeholder {
color: #999;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 1.5862068965517242em;
font-size: 21.75px;
line-height: inherit;
color: #666666;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 0.3448275862068966em;
font-weight: 600;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 0.27586206896551724em 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
select {
-webkit-appearance: select;
-webkit-border-radius: 0px !important;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: none;
}
output {
display: block;
padding-top: 1.5517241379310345rem;
font-size: 14.5px;
line-height: 1.6;
color: #666666;
}
.form-control {
display: block;
width: 100%;
height: 2.689655172413793em;
padding: 0.5517241379310345rem;
font-size: 14.5px;
line-height: 1.6;
color: #666666;
background-color: #ffffff;
background-image: none;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none;
}
.form-control:focus {
border-color: #000000;
outline: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #999999;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 2.689655172413793em;
line-height: 1.6 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
line-height: 20.46551724137931px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
line-height: 3.306206896551724em;
}
.form-group {
margin-bottom: 1.0344827586206897em;
}
.radio,
.checkbox {
position: relative;
display: block;
min-height: 1.5862068965517242em;
margin-top: 0.6896551724137931em;
margin-bottom: 0.6896551724137931em;
}
.radio label,
.checkbox label {
padding-left: 1.3793103448275863em;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -1.3793103448275863em;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -0.3448275862068966em;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.input-sm {
height: 20.46551724137931px;
padding: 0.4827586206896552rem 0.8275862068965517rem;
font-size: 13px;
line-height: 1.5;
-webkit-border-radius: 3px;
border-radius: 3px;
}
select.input-sm {
height: 20.46551724137931px;
line-height: 20.46551724137931px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.input-lg {
height: 3.306206896551724em;
padding: 0.8275862068965517rem 1.2413793103448276rem;
font-size: 1.2413793103448276em;
line-height: 1.33;
-webkit-border-radius: 3px;
border-radius: 3px;
}
select.input-lg {
height: 3.306206896551724em;
line-height: 3.306206896551724em;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
/*--------------------------------------------------------------
7.0 - Buttons
--------------------------------------------------------------*/
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
}
.btn:hover,
.btn:focus {
color: #666666;
text-decoration: none;
}
.btn i,
.btn span {
z-index: 2;
position: relative;
}
.btn-uppercase {
text-transform: uppercase;
}
.btn-icon-left i {
margin-right: 0.3448275862068966em;
}
.btn-icon-right i {
margin-left: 0.3448275862068966em;
}
.btn-style-square {
-webkit-border-radius: 0;
border-radius: 0;
}
.btn-style-round,
.btn-style-round:after,
.btn-style-round:before {
-webkit-border-radius: 100px !important;
border-radius: 100px !important;
}
.btn-style-outlined {
background: none !important;
border-width: 2px !important;
}
.btn-default {
color: #666666;
background-color: #f5f5f5;
border-color: #e5e5e5;
}
.btn-default.btn-style-outlined {
color: #f5f5f5;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
color: #666666;
background-color: #dcdcdc;
border-color: #cccccc;
}
.btn-default:hover.btn-style-outlined,
.btn-default:focus.btn-style-outlined,
.btn-default:active.btn-style-outlined,
.btn-default.active.btn-style-outlined {
color: #cccccc;
}
.btn-default:hover.btn-style-3d,
.btn-default:focus.btn-style-3d,
.btn-default:active.btn-style-3d,
.btn-default.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #c6c6c6;
box-shadow: 0 5px 0 #c6c6c6;
}
.btn-default:active,
.btn-default.active {
background-image: none;
}
.btn-default.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #e5e5e5;
box-shadow: 0 5px 0 #e5e5e5;
}
.btn-primary {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.btn-primary.btn-style-outlined {
color: #000000;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.btn-primary:hover.btn-style-outlined,
.btn-primary:focus.btn-style-outlined,
.btn-primary:active.btn-style-outlined,
.btn-primary.active.btn-style-outlined {
color: #000000;
}
.btn-primary:hover.btn-style-3d,
.btn-primary:focus.btn-style-3d,
.btn-primary:active.btn-style-3d,
.btn-primary.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.btn-primary:active,
.btn-primary.active {
background-image: none;
}
.btn-primary.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #000000;
box-shadow: 0 5px 0 #000000;
}
.btn-success {
color: #ffffff;
background-color: #57bb58;
border-color: #57bb58;
}
.btn-success.btn-style-outlined {
color: #57bb58;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
color: #ffffff;
background-color: #409f41;
border-color: #409f41;
}
.btn-success:hover.btn-style-outlined,
.btn-success:focus.btn-style-outlined,
.btn-success:active.btn-style-outlined,
.btn-success.active.btn-style-outlined {
color: #409f41;
}
.btn-success:hover.btn-style-3d,
.btn-success:focus.btn-style-3d,
.btn-success:active.btn-style-3d,
.btn-success.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d973e;
box-shadow: 0 5px 0 #3d973e;
}
.btn-success:active,
.btn-success.active {
background-image: none;
}
.btn-success.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #57bb58;
box-shadow: 0 5px 0 #57bb58;
}
.btn-info {
color: #ffffff;
background-color: #5788bb;
border-color: #5788bb;
}
.btn-info.btn-style-outlined {
color: #5788bb;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
color: #ffffff;
background-color: #406f9f;
border-color: #406f9f;
}
.btn-info:hover.btn-style-outlined,
.btn-info:focus.btn-style-outlined,
.btn-info:active.btn-style-outlined,
.btn-info.active.btn-style-outlined {
color: #406f9f;
}
.btn-info:hover.btn-style-3d,
.btn-info:focus.btn-style-3d,
.btn-info:active.btn-style-3d,
.btn-info.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d6997;
box-shadow: 0 5px 0 #3d6997;
}
.btn-info:active,
.btn-info.active {
background-image: none;
}
.btn-info.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #5788bb;
box-shadow: 0 5px 0 #5788bb;
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-warning.btn-style-outlined {
color: #f0ad4e;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
color: #ffffff;
background-color: #ec971f;
border-color: #ec971f;
}
.btn-warning:hover.btn-style-outlined,
.btn-warning:focus.btn-style-outlined,
.btn-warning:active.btn-style-outlined,
.btn-warning.active.btn-style-outlined {
color: #ec971f;
}
.btn-warning:hover.btn-style-3d,
.btn-warning:focus.btn-style-3d,
.btn-warning:active.btn-style-3d,
.btn-warning.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #eb9316;
box-shadow: 0 5px 0 #eb9316;
}
.btn-warning:active,
.btn-warning.active {
background-image: none;
}
.btn-warning.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #f0ad4e;
box-shadow: 0 5px 0 #f0ad4e;
}
.btn-danger {
color: #ffffff;
background-color: #bb5857;
border-color: #bb5857;
}
.btn-danger.btn-style-outlined {
color: #bb5857;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
color: #ffffff;
background-color: #9f4140;
border-color: #9f4140;
}
.btn-danger:hover.btn-style-outlined,
.btn-danger:focus.btn-style-outlined,
.btn-danger:active.btn-style-outlined,
.btn-danger.active.btn-style-outlined {
color: #9f4140;
}
.btn-danger:hover.btn-style-3d,
.btn-danger:focus.btn-style-3d,
.btn-danger:active.btn-style-3d,
.btn-danger.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #973e3d;
box-shadow: 0 5px 0 #973e3d;
}
.btn-danger:active,
.btn-danger.active {
background-image: none;
}
.btn-danger.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #bb5857;
box-shadow: 0 5px 0 #bb5857;
}
.btn-primary.btn-effect-border-fade {
border-color: transparent;
box-shadow: 0 0 0 2px #000000 inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #000000 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #000000 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.btn-primary.btn-effect-border-fade:hover,
.btn-primary.btn-effect-border-fade:focus,
.btn-primary.btn-effect-border-fade:active,
.btn-primary.btn-effect-border-fade.active {
background-color: #000000;
box-shadow: 0 0 0 2px #3d976b inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #3d976b inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #3d976b inset, 0 0 1px rgba(0, 0, 0, 0);
}
.btn-primary.btn-effect-border-hollow {
border-color: transparent;
box-shadow: 0 0 0 2px #000000 inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #000000 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #000000 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
}
.btn-primary.btn-effect-border-hollow:hover,
.btn-primary.btn-effect-border-hollow:focus,
.btn-primary.btn-effect-border-hollow:active,
.btn-primary.btn-effect-border-hollow.active {
color: #000000;
background-color: transparent;
}
.btn-primary.btn-effect-border-trim {
position: relative;
}
.btn-primary.btn-effect-border-trim:before {
border: 2px solid white;
bottom: 2px;
content: "";
left: 2px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 2px;
top: 2px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.btn-primary.btn-effect-border-trim:hover:before,
.btn-primary.btn-effect-border-trim:focus:before,
.btn-primary.btn-effect-border-trim:active:before,
.btn-primary.btn-effect-border-trim.active:before {
opacity: 1;
filter: alpha(opacity=100);
}
.btn-primary.btn-effect-border-outline-outward {
position: relative;
border-color: transparent;
}
.btn-primary.btn-effect-border-outline-outward:before {
border: 2px solid #000000;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-primary.btn-effect-border-outline-outward:hover:before,
.btn-primary.btn-effect-border-outline-outward:focus:before,
.btn-primary.btn-effect-border-outline-outward:active:before,
.btn-primary.btn-effect-border-outline-outward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
}
.btn-primary.btn-effect-border-outline-inward {
position: relative;
border-color: transparent;
}
.btn-primary.btn-effect-border-outline-inward:before {
border: 2px solid #000000;
bottom: -12px;
content: "";
left: -12px;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
position: absolute;
right: -12px;
top: -12px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-primary.btn-effect-border-outline-inward:hover:before,
.btn-primary.btn-effect-border-outline-inward:focus:before,
.btn-primary.btn-effect-border-outline-inward:active:before,
.btn-primary.btn-effect-border-outline-inward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-primary.btn-effect-border-round-corners {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.btn-primary.btn-effect-border-round-corners:hover,
.btn-primary.btn-effect-border-round-corners:focus,
.btn-primary.btn-effect-border-round-corners:active,
.btn-primary.btn-effect-border-round-corners.active {
-webkit-border-radius: 2em;
border-radius: 2em;
}
.btn-primary.btn-effect-bg-fade-in {
background: transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #000000;
}
.btn-primary.btn-effect-bg-fade-in:hover,
.btn-primary.btn-effect-bg-fade-in:focus,
.btn-primary.btn-effect-bg-fade-in:active,
.btn-primary.btn-effect-bg-fade-in.active {
background-color: #000000;
color: #ffffff;
}
.btn-primary.btn-effect-bg-fade-out {
background-color: #000000;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #ffffff;
}
.btn-primary.btn-effect-bg-fade-out:hover,
.btn-primary.btn-effect-bg-fade-out:focus,
.btn-primary.btn-effect-bg-fade-out:active,
.btn-primary.btn-effect-bg-fade-out.active {
background: transparent;
color: #000000;
}
.btn-primary.btn-effect-bg-top {
position: relative;
background: transparent;
color: #000000;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-primary.btn-effect-bg-top:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: height;
transition-property: height;
z-index: 1;
background: none repeat scroll 0 0 #000000;
height: 0;
left: 0;
top: 0;
width: 100%;
}
.btn-primary.btn-effect-bg-top:hover,
.btn-primary.btn-effect-bg-top:focus,
.btn-primary.btn-effect-bg-top:active,
.btn-primary.btn-effect-bg-top.active {
color: #ffffff;
}
.btn-primary.btn-effect-bg-top:hover:after,
.btn-primary.btn-effect-bg-top:focus:after,
.btn-primary.btn-effect-bg-top:active:after,
.btn-primary.btn-effect-bg-top.active:after {
height: 100%;
}
.btn-primary.btn-effect-bg-right {
position: relative;
background: transparent;
color: #000000;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-primary.btn-effect-bg-right:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width;
transition-property: width;
z-index: 1;
background: none repeat scroll 0 0 #000000;
height: 100%;
left: 0;
top: 0;
width: 0;
}
.btn-primary.btn-effect-bg-right:hover,
.btn-primary.btn-effect-bg-right:focus,
.btn-primary.btn-effect-bg-right:active,
.btn-primary.btn-effect-bg-right.active {
color: #ffffff !important;
}
.btn-primary.btn-effect-bg-right:hover:after,
.btn-primary.btn-effect-bg-right:focus:after,
.btn-primary.btn-effect-bg-right:active:after,
.btn-primary.btn-effect-bg-right.active:after {
width: 100%;
}
.btn-primary.btn-effect-bg-center {
position: relative;
background: transparent;
color: #000000;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-primary.btn-effect-bg-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #000000;
height: 100%;
left: 50%;
top: 50%;
width: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-primary.btn-effect-bg-center:hover,
.btn-primary.btn-effect-bg-center:focus,
.btn-primary.btn-effect-bg-center:active,
.btn-primary.btn-effect-bg-center.active {
color: #ffffff !important;
}
.btn-primary.btn-effect-bg-center:hover:after,
.btn-primary.btn-effect-bg-center:focus:after,
.btn-primary.btn-effect-bg-center:active:after,
.btn-primary.btn-effect-bg-center.active:after {
width: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-primary.btn-effect-bg-skew-center {
position: relative;
background: transparent;
color: #000000;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-primary.btn-effect-bg-skew-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #000000;
height: 0;
left: 50%;
top: 50%;
width: 100%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-primary.btn-effect-bg-skew-center:hover,
.btn-primary.btn-effect-bg-skew-center:focus,
.btn-primary.btn-effect-bg-skew-center:active,
.btn-primary.btn-effect-bg-skew-center.active {
color: #ffffff !important;
}
.btn-primary.btn-effect-bg-skew-center:hover:after,
.btn-primary.btn-effect-bg-skew-center:focus:after,
.btn-primary.btn-effect-bg-skew-center:active:after,
.btn-primary.btn-effect-bg-skew-center.active:after {
height: 260%;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-primary.btn-effect-bg-horizontal-center {
position: relative;
background: transparent;
color: #000000;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-primary.btn-effect-bg-horizontal-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #000000;
height: 0%;
left: 50%;
top: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-primary.btn-effect-bg-horizontal-center:hover,
.btn-primary.btn-effect-bg-horizontal-center:focus,
.btn-primary.btn-effect-bg-horizontal-center:active,
.btn-primary.btn-effect-bg-horizontal-center.active {
color: #ffffff !important;
}
.btn-primary.btn-effect-bg-horizontal-center:hover:after,
.btn-primary.btn-effect-bg-horizontal-center:focus:after,
.btn-primary.btn-effect-bg-horizontal-center:active:after,
.btn-primary.btn-effect-bg-horizontal-center.active:after {
height: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-primary.btn-effect-icon-slide-in {
position: relative;
padding-right: 3em;
padding-left: 3em;
}
.btn-primary.btn-effect-icon-slide-in i {
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
filter: alpha(opacity=0);
line-height: inherit;
margin-left: 0;
}
.btn-primary.btn-effect-icon-slide-in span {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
left: 0;
}
.btn-primary.btn-effect-icon-slide-in:hover i,
.btn-primary.btn-effect-icon-slide-in:focus i,
.btn-primary.btn-effect-icon-slide-in:active i,
.btn-primary.btn-effect-icon-slide-in.active i {
margin-left: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-primary.btn-effect-icon-slide-in:hover span,
.btn-primary.btn-effect-icon-slide-in:focus span,
.btn-primary.btn-effect-icon-slide-in:active span,
.btn-primary.btn-effect-icon-slide-in.active span {
left: -0.5em;
}
.btn-primary.btn-effect-click-state {
position: relative;
}
.btn-primary.btn-effect-click-state:hover,
.btn-primary.btn-effect-click-state:focus,
.btn-primary.btn-effect-click-state:active,
.btn-primary.btn-effect-click-state.active {
top: 2px;
-webkit-box-shadow: 0 2px 0 #000000;
box-shadow: 0 2px 0 #000000;
}
.btn-success.btn-effect-border-fade {
border-color: transparent;
box-shadow: 0 0 0 2px #57bb58 inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #57bb58 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #57bb58 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.btn-success.btn-effect-border-fade:hover,
.btn-success.btn-effect-border-fade:focus,
.btn-success.btn-effect-border-fade:active,
.btn-success.btn-effect-border-fade.active {
background-color: #57bb58;
box-shadow: 0 0 0 2px #3d973e inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #3d973e inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #3d973e inset, 0 0 1px rgba(0, 0, 0, 0);
}
.btn-success.btn-effect-border-hollow {
border-color: transparent;
box-shadow: 0 0 0 2px #57bb58 inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #57bb58 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #57bb58 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
}
.btn-success.btn-effect-border-hollow:hover,
.btn-success.btn-effect-border-hollow:focus,
.btn-success.btn-effect-border-hollow:active,
.btn-success.btn-effect-border-hollow.active {
color: #57bb58;
background-color: transparent;
}
.btn-success.btn-effect-border-trim {
position: relative;
}
.btn-success.btn-effect-border-trim:before {
border: 2px solid white;
bottom: 2px;
content: "";
left: 2px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 2px;
top: 2px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.btn-success.btn-effect-border-trim:hover:before,
.btn-success.btn-effect-border-trim:focus:before,
.btn-success.btn-effect-border-trim:active:before,
.btn-success.btn-effect-border-trim.active:before {
opacity: 1;
filter: alpha(opacity=100);
}
.btn-success.btn-effect-border-outline-outward {
position: relative;
border-color: transparent;
}
.btn-success.btn-effect-border-outline-outward:before {
border: 2px solid #57bb58;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-success.btn-effect-border-outline-outward:hover:before,
.btn-success.btn-effect-border-outline-outward:focus:before,
.btn-success.btn-effect-border-outline-outward:active:before,
.btn-success.btn-effect-border-outline-outward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
}
.btn-success.btn-effect-border-outline-inward {
position: relative;
border-color: transparent;
}
.btn-success.btn-effect-border-outline-inward:before {
border: 2px solid #57bb58;
bottom: -12px;
content: "";
left: -12px;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
position: absolute;
right: -12px;
top: -12px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-success.btn-effect-border-outline-inward:hover:before,
.btn-success.btn-effect-border-outline-inward:focus:before,
.btn-success.btn-effect-border-outline-inward:active:before,
.btn-success.btn-effect-border-outline-inward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-success.btn-effect-border-round-corners {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.btn-success.btn-effect-border-round-corners:hover,
.btn-success.btn-effect-border-round-corners:focus,
.btn-success.btn-effect-border-round-corners:active,
.btn-success.btn-effect-border-round-corners.active {
-webkit-border-radius: 2em;
border-radius: 2em;
}
.btn-success.btn-effect-bg-fade-in {
background: transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #57bb58;
}
.btn-success.btn-effect-bg-fade-in:hover,
.btn-success.btn-effect-bg-fade-in:focus,
.btn-success.btn-effect-bg-fade-in:active,
.btn-success.btn-effect-bg-fade-in.active {
background-color: #57bb58;
color: #ffffff;
}
.btn-success.btn-effect-bg-fade-out {
background-color: #57bb58;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #ffffff;
}
.btn-success.btn-effect-bg-fade-out:hover,
.btn-success.btn-effect-bg-fade-out:focus,
.btn-success.btn-effect-bg-fade-out:active,
.btn-success.btn-effect-bg-fade-out.active {
background: transparent;
color: #57bb58;
}
.btn-success.btn-effect-bg-top {
position: relative;
background: transparent;
color: #57bb58;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-success.btn-effect-bg-top:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: height;
transition-property: height;
z-index: 1;
background: none repeat scroll 0 0 #57bb58;
height: 0;
left: 0;
top: 0;
width: 100%;
}
.btn-success.btn-effect-bg-top:hover,
.btn-success.btn-effect-bg-top:focus,
.btn-success.btn-effect-bg-top:active,
.btn-success.btn-effect-bg-top.active {
color: #ffffff;
}
.btn-success.btn-effect-bg-top:hover:after,
.btn-success.btn-effect-bg-top:focus:after,
.btn-success.btn-effect-bg-top:active:after,
.btn-success.btn-effect-bg-top.active:after {
height: 100%;
}
.btn-success.btn-effect-bg-right {
position: relative;
background: transparent;
color: #57bb58;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-success.btn-effect-bg-right:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width;
transition-property: width;
z-index: 1;
background: none repeat scroll 0 0 #57bb58;
height: 100%;
left: 0;
top: 0;
width: 0;
}
.btn-success.btn-effect-bg-right:hover,
.btn-success.btn-effect-bg-right:focus,
.btn-success.btn-effect-bg-right:active,
.btn-success.btn-effect-bg-right.active {
color: #ffffff !important;
}
.btn-success.btn-effect-bg-right:hover:after,
.btn-success.btn-effect-bg-right:focus:after,
.btn-success.btn-effect-bg-right:active:after,
.btn-success.btn-effect-bg-right.active:after {
width: 100%;
}
.btn-success.btn-effect-bg-center {
position: relative;
background: transparent;
color: #57bb58;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-success.btn-effect-bg-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #57bb58;
height: 100%;
left: 50%;
top: 50%;
width: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-success.btn-effect-bg-center:hover,
.btn-success.btn-effect-bg-center:focus,
.btn-success.btn-effect-bg-center:active,
.btn-success.btn-effect-bg-center.active {
color: #ffffff !important;
}
.btn-success.btn-effect-bg-center:hover:after,
.btn-success.btn-effect-bg-center:focus:after,
.btn-success.btn-effect-bg-center:active:after,
.btn-success.btn-effect-bg-center.active:after {
width: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-success.btn-effect-bg-skew-center {
position: relative;
background: transparent;
color: #57bb58;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-success.btn-effect-bg-skew-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #57bb58;
height: 0;
left: 50%;
top: 50%;
width: 100%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-success.btn-effect-bg-skew-center:hover,
.btn-success.btn-effect-bg-skew-center:focus,
.btn-success.btn-effect-bg-skew-center:active,
.btn-success.btn-effect-bg-skew-center.active {
color: #ffffff !important;
}
.btn-success.btn-effect-bg-skew-center:hover:after,
.btn-success.btn-effect-bg-skew-center:focus:after,
.btn-success.btn-effect-bg-skew-center:active:after,
.btn-success.btn-effect-bg-skew-center.active:after {
height: 260%;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-success.btn-effect-bg-horizontal-center {
position: relative;
background: transparent;
color: #57bb58;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-success.btn-effect-bg-horizontal-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #57bb58;
height: 0%;
left: 50%;
top: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-success.btn-effect-bg-horizontal-center:hover,
.btn-success.btn-effect-bg-horizontal-center:focus,
.btn-success.btn-effect-bg-horizontal-center:active,
.btn-success.btn-effect-bg-horizontal-center.active {
color: #ffffff !important;
}
.btn-success.btn-effect-bg-horizontal-center:hover:after,
.btn-success.btn-effect-bg-horizontal-center:focus:after,
.btn-success.btn-effect-bg-horizontal-center:active:after,
.btn-success.btn-effect-bg-horizontal-center.active:after {
height: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-success.btn-effect-icon-slide-in {
position: relative;
padding-right: 3em;
padding-left: 3em;
}
.btn-success.btn-effect-icon-slide-in i {
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
filter: alpha(opacity=0);
line-height: inherit;
margin-left: 0;
}
.btn-success.btn-effect-icon-slide-in span {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
left: 0;
}
.btn-success.btn-effect-icon-slide-in:hover i,
.btn-success.btn-effect-icon-slide-in:focus i,
.btn-success.btn-effect-icon-slide-in:active i,
.btn-success.btn-effect-icon-slide-in.active i {
margin-left: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-success.btn-effect-icon-slide-in:hover span,
.btn-success.btn-effect-icon-slide-in:focus span,
.btn-success.btn-effect-icon-slide-in:active span,
.btn-success.btn-effect-icon-slide-in.active span {
left: -0.5em;
}
.btn-success.btn-effect-click-state {
position: relative;
}
.btn-success.btn-effect-click-state:hover,
.btn-success.btn-effect-click-state:focus,
.btn-success.btn-effect-click-state:active,
.btn-success.btn-effect-click-state.active {
top: 2px;
-webkit-box-shadow: 0 2px 0 #409f41;
box-shadow: 0 2px 0 #409f41;
}
.btn-info.btn-effect-border-fade {
border-color: transparent;
box-shadow: 0 0 0 2px #5788bb inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #5788bb inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #5788bb inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.btn-info.btn-effect-border-fade:hover,
.btn-info.btn-effect-border-fade:focus,
.btn-info.btn-effect-border-fade:active,
.btn-info.btn-effect-border-fade.active {
background-color: #5788bb;
box-shadow: 0 0 0 2px #3d6997 inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #3d6997 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #3d6997 inset, 0 0 1px rgba(0, 0, 0, 0);
}
.btn-info.btn-effect-border-hollow {
border-color: transparent;
box-shadow: 0 0 0 2px #5788bb inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #5788bb inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #5788bb inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
}
.btn-info.btn-effect-border-hollow:hover,
.btn-info.btn-effect-border-hollow:focus,
.btn-info.btn-effect-border-hollow:active,
.btn-info.btn-effect-border-hollow.active {
color: #5788bb;
background-color: transparent;
}
.btn-info.btn-effect-border-trim {
position: relative;
}
.btn-info.btn-effect-border-trim:before {
border: 2px solid white;
bottom: 2px;
content: "";
left: 2px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 2px;
top: 2px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.btn-info.btn-effect-border-trim:hover:before,
.btn-info.btn-effect-border-trim:focus:before,
.btn-info.btn-effect-border-trim:active:before,
.btn-info.btn-effect-border-trim.active:before {
opacity: 1;
filter: alpha(opacity=100);
}
.btn-info.btn-effect-border-outline-outward {
position: relative;
border-color: transparent;
}
.btn-info.btn-effect-border-outline-outward:before {
border: 2px solid #5788bb;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-info.btn-effect-border-outline-outward:hover:before,
.btn-info.btn-effect-border-outline-outward:focus:before,
.btn-info.btn-effect-border-outline-outward:active:before,
.btn-info.btn-effect-border-outline-outward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
}
.btn-info.btn-effect-border-outline-inward {
position: relative;
border-color: transparent;
}
.btn-info.btn-effect-border-outline-inward:before {
border: 2px solid #5788bb;
bottom: -12px;
content: "";
left: -12px;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
position: absolute;
right: -12px;
top: -12px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-info.btn-effect-border-outline-inward:hover:before,
.btn-info.btn-effect-border-outline-inward:focus:before,
.btn-info.btn-effect-border-outline-inward:active:before,
.btn-info.btn-effect-border-outline-inward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-info.btn-effect-border-round-corners {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.btn-info.btn-effect-border-round-corners:hover,
.btn-info.btn-effect-border-round-corners:focus,
.btn-info.btn-effect-border-round-corners:active,
.btn-info.btn-effect-border-round-corners.active {
-webkit-border-radius: 2em;
border-radius: 2em;
}
.btn-info.btn-effect-bg-fade-in {
background: transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #5788bb;
}
.btn-info.btn-effect-bg-fade-in:hover,
.btn-info.btn-effect-bg-fade-in:focus,
.btn-info.btn-effect-bg-fade-in:active,
.btn-info.btn-effect-bg-fade-in.active {
background-color: #5788bb;
color: #ffffff;
}
.btn-info.btn-effect-bg-fade-out {
background-color: #5788bb;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #ffffff;
}
.btn-info.btn-effect-bg-fade-out:hover,
.btn-info.btn-effect-bg-fade-out:focus,
.btn-info.btn-effect-bg-fade-out:active,
.btn-info.btn-effect-bg-fade-out.active {
background: transparent;
color: #5788bb;
}
.btn-info.btn-effect-bg-top {
position: relative;
background: transparent;
color: #5788bb;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-info.btn-effect-bg-top:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: height;
transition-property: height;
z-index: 1;
background: none repeat scroll 0 0 #5788bb;
height: 0;
left: 0;
top: 0;
width: 100%;
}
.btn-info.btn-effect-bg-top:hover,
.btn-info.btn-effect-bg-top:focus,
.btn-info.btn-effect-bg-top:active,
.btn-info.btn-effect-bg-top.active {
color: #ffffff;
}
.btn-info.btn-effect-bg-top:hover:after,
.btn-info.btn-effect-bg-top:focus:after,
.btn-info.btn-effect-bg-top:active:after,
.btn-info.btn-effect-bg-top.active:after {
height: 100%;
}
.btn-info.btn-effect-bg-right {
position: relative;
background: transparent;
color: #5788bb;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-info.btn-effect-bg-right:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width;
transition-property: width;
z-index: 1;
background: none repeat scroll 0 0 #5788bb;
height: 100%;
left: 0;
top: 0;
width: 0;
}
.btn-info.btn-effect-bg-right:hover,
.btn-info.btn-effect-bg-right:focus,
.btn-info.btn-effect-bg-right:active,
.btn-info.btn-effect-bg-right.active {
color: #ffffff !important;
}
.btn-info.btn-effect-bg-right:hover:after,
.btn-info.btn-effect-bg-right:focus:after,
.btn-info.btn-effect-bg-right:active:after,
.btn-info.btn-effect-bg-right.active:after {
width: 100%;
}
.btn-info.btn-effect-bg-center {
position: relative;
background: transparent;
color: #5788bb;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-info.btn-effect-bg-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #5788bb;
height: 100%;
left: 50%;
top: 50%;
width: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-info.btn-effect-bg-center:hover,
.btn-info.btn-effect-bg-center:focus,
.btn-info.btn-effect-bg-center:active,
.btn-info.btn-effect-bg-center.active {
color: #ffffff !important;
}
.btn-info.btn-effect-bg-center:hover:after,
.btn-info.btn-effect-bg-center:focus:after,
.btn-info.btn-effect-bg-center:active:after,
.btn-info.btn-effect-bg-center.active:after {
width: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-info.btn-effect-bg-skew-center {
position: relative;
background: transparent;
color: #5788bb;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-info.btn-effect-bg-skew-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #5788bb;
height: 0;
left: 50%;
top: 50%;
width: 100%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-info.btn-effect-bg-skew-center:hover,
.btn-info.btn-effect-bg-skew-center:focus,
.btn-info.btn-effect-bg-skew-center:active,
.btn-info.btn-effect-bg-skew-center.active {
color: #ffffff !important;
}
.btn-info.btn-effect-bg-skew-center:hover:after,
.btn-info.btn-effect-bg-skew-center:focus:after,
.btn-info.btn-effect-bg-skew-center:active:after,
.btn-info.btn-effect-bg-skew-center.active:after {
height: 260%;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-info.btn-effect-bg-horizontal-center {
position: relative;
background: transparent;
color: #5788bb;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-info.btn-effect-bg-horizontal-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #5788bb;
height: 0%;
left: 50%;
top: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-info.btn-effect-bg-horizontal-center:hover,
.btn-info.btn-effect-bg-horizontal-center:focus,
.btn-info.btn-effect-bg-horizontal-center:active,
.btn-info.btn-effect-bg-horizontal-center.active {
color: #ffffff !important;
}
.btn-info.btn-effect-bg-horizontal-center:hover:after,
.btn-info.btn-effect-bg-horizontal-center:focus:after,
.btn-info.btn-effect-bg-horizontal-center:active:after,
.btn-info.btn-effect-bg-horizontal-center.active:after {
height: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-info.btn-effect-icon-slide-in {
position: relative;
padding-right: 3em;
padding-left: 3em;
}
.btn-info.btn-effect-icon-slide-in i {
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
filter: alpha(opacity=0);
line-height: inherit;
margin-left: 0;
}
.btn-info.btn-effect-icon-slide-in span {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
left: 0;
}
.btn-info.btn-effect-icon-slide-in:hover i,
.btn-info.btn-effect-icon-slide-in:focus i,
.btn-info.btn-effect-icon-slide-in:active i,
.btn-info.btn-effect-icon-slide-in.active i {
margin-left: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-info.btn-effect-icon-slide-in:hover span,
.btn-info.btn-effect-icon-slide-in:focus span,
.btn-info.btn-effect-icon-slide-in:active span,
.btn-info.btn-effect-icon-slide-in.active span {
left: -0.5em;
}
.btn-info.btn-effect-click-state {
position: relative;
}
.btn-info.btn-effect-click-state:hover,
.btn-info.btn-effect-click-state:focus,
.btn-info.btn-effect-click-state:active,
.btn-info.btn-effect-click-state.active {
top: 2px;
-webkit-box-shadow: 0 2px 0 #406f9f;
box-shadow: 0 2px 0 #406f9f;
}
.btn-warning.btn-effect-border-fade {
border-color: transparent;
box-shadow: 0 0 0 2px #f0ad4e inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #f0ad4e inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #f0ad4e inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.btn-warning.btn-effect-border-fade:hover,
.btn-warning.btn-effect-border-fade:focus,
.btn-warning.btn-effect-border-fade:active,
.btn-warning.btn-effect-border-fade.active {
background-color: #f0ad4e;
box-shadow: 0 0 0 2px #eb9316 inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #eb9316 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #eb9316 inset, 0 0 1px rgba(0, 0, 0, 0);
}
.btn-warning.btn-effect-border-hollow {
border-color: transparent;
box-shadow: 0 0 0 2px #f0ad4e inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #f0ad4e inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #f0ad4e inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
}
.btn-warning.btn-effect-border-hollow:hover,
.btn-warning.btn-effect-border-hollow:focus,
.btn-warning.btn-effect-border-hollow:active,
.btn-warning.btn-effect-border-hollow.active {
color: #f0ad4e;
background-color: transparent;
}
.btn-warning.btn-effect-border-trim {
position: relative;
}
.btn-warning.btn-effect-border-trim:before {
border: 2px solid white;
bottom: 2px;
content: "";
left: 2px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 2px;
top: 2px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.btn-warning.btn-effect-border-trim:hover:before,
.btn-warning.btn-effect-border-trim:focus:before,
.btn-warning.btn-effect-border-trim:active:before,
.btn-warning.btn-effect-border-trim.active:before {
opacity: 1;
filter: alpha(opacity=100);
}
.btn-warning.btn-effect-border-outline-outward {
position: relative;
border-color: transparent;
}
.btn-warning.btn-effect-border-outline-outward:before {
border: 2px solid #f0ad4e;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-warning.btn-effect-border-outline-outward:hover:before,
.btn-warning.btn-effect-border-outline-outward:focus:before,
.btn-warning.btn-effect-border-outline-outward:active:before,
.btn-warning.btn-effect-border-outline-outward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
}
.btn-warning.btn-effect-border-outline-inward {
position: relative;
border-color: transparent;
}
.btn-warning.btn-effect-border-outline-inward:before {
border: 2px solid #f0ad4e;
bottom: -12px;
content: "";
left: -12px;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
position: absolute;
right: -12px;
top: -12px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-warning.btn-effect-border-outline-inward:hover:before,
.btn-warning.btn-effect-border-outline-inward:focus:before,
.btn-warning.btn-effect-border-outline-inward:active:before,
.btn-warning.btn-effect-border-outline-inward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-warning.btn-effect-border-round-corners {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.btn-warning.btn-effect-border-round-corners:hover,
.btn-warning.btn-effect-border-round-corners:focus,
.btn-warning.btn-effect-border-round-corners:active,
.btn-warning.btn-effect-border-round-corners.active {
-webkit-border-radius: 2em;
border-radius: 2em;
}
.btn-warning.btn-effect-bg-fade-in {
background: transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #f0ad4e;
}
.btn-warning.btn-effect-bg-fade-in:hover,
.btn-warning.btn-effect-bg-fade-in:focus,
.btn-warning.btn-effect-bg-fade-in:active,
.btn-warning.btn-effect-bg-fade-in.active {
background-color: #f0ad4e;
color: #ffffff;
}
.btn-warning.btn-effect-bg-fade-out {
background-color: #f0ad4e;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #ffffff;
}
.btn-warning.btn-effect-bg-fade-out:hover,
.btn-warning.btn-effect-bg-fade-out:focus,
.btn-warning.btn-effect-bg-fade-out:active,
.btn-warning.btn-effect-bg-fade-out.active {
background: transparent;
color: #f0ad4e;
}
.btn-warning.btn-effect-bg-top {
position: relative;
background: transparent;
color: #f0ad4e;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-warning.btn-effect-bg-top:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: height;
transition-property: height;
z-index: 1;
background: none repeat scroll 0 0 #f0ad4e;
height: 0;
left: 0;
top: 0;
width: 100%;
}
.btn-warning.btn-effect-bg-top:hover,
.btn-warning.btn-effect-bg-top:focus,
.btn-warning.btn-effect-bg-top:active,
.btn-warning.btn-effect-bg-top.active {
color: #ffffff;
}
.btn-warning.btn-effect-bg-top:hover:after,
.btn-warning.btn-effect-bg-top:focus:after,
.btn-warning.btn-effect-bg-top:active:after,
.btn-warning.btn-effect-bg-top.active:after {
height: 100%;
}
.btn-warning.btn-effect-bg-right {
position: relative;
background: transparent;
color: #f0ad4e;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-warning.btn-effect-bg-right:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width;
transition-property: width;
z-index: 1;
background: none repeat scroll 0 0 #f0ad4e;
height: 100%;
left: 0;
top: 0;
width: 0;
}
.btn-warning.btn-effect-bg-right:hover,
.btn-warning.btn-effect-bg-right:focus,
.btn-warning.btn-effect-bg-right:active,
.btn-warning.btn-effect-bg-right.active {
color: #ffffff !important;
}
.btn-warning.btn-effect-bg-right:hover:after,
.btn-warning.btn-effect-bg-right:focus:after,
.btn-warning.btn-effect-bg-right:active:after,
.btn-warning.btn-effect-bg-right.active:after {
width: 100%;
}
.btn-warning.btn-effect-bg-center {
position: relative;
background: transparent;
color: #f0ad4e;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-warning.btn-effect-bg-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #f0ad4e;
height: 100%;
left: 50%;
top: 50%;
width: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-warning.btn-effect-bg-center:hover,
.btn-warning.btn-effect-bg-center:focus,
.btn-warning.btn-effect-bg-center:active,
.btn-warning.btn-effect-bg-center.active {
color: #ffffff !important;
}
.btn-warning.btn-effect-bg-center:hover:after,
.btn-warning.btn-effect-bg-center:focus:after,
.btn-warning.btn-effect-bg-center:active:after,
.btn-warning.btn-effect-bg-center.active:after {
width: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-warning.btn-effect-bg-skew-center {
position: relative;
background: transparent;
color: #f0ad4e;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-warning.btn-effect-bg-skew-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #f0ad4e;
height: 0;
left: 50%;
top: 50%;
width: 100%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-warning.btn-effect-bg-skew-center:hover,
.btn-warning.btn-effect-bg-skew-center:focus,
.btn-warning.btn-effect-bg-skew-center:active,
.btn-warning.btn-effect-bg-skew-center.active {
color: #ffffff !important;
}
.btn-warning.btn-effect-bg-skew-center:hover:after,
.btn-warning.btn-effect-bg-skew-center:focus:after,
.btn-warning.btn-effect-bg-skew-center:active:after,
.btn-warning.btn-effect-bg-skew-center.active:after {
height: 260%;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-warning.btn-effect-bg-horizontal-center {
position: relative;
background: transparent;
color: #f0ad4e;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-warning.btn-effect-bg-horizontal-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #f0ad4e;
height: 0%;
left: 50%;
top: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-warning.btn-effect-bg-horizontal-center:hover,
.btn-warning.btn-effect-bg-horizontal-center:focus,
.btn-warning.btn-effect-bg-horizontal-center:active,
.btn-warning.btn-effect-bg-horizontal-center.active {
color: #ffffff !important;
}
.btn-warning.btn-effect-bg-horizontal-center:hover:after,
.btn-warning.btn-effect-bg-horizontal-center:focus:after,
.btn-warning.btn-effect-bg-horizontal-center:active:after,
.btn-warning.btn-effect-bg-horizontal-center.active:after {
height: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-warning.btn-effect-icon-slide-in {
position: relative;
padding-right: 3em;
padding-left: 3em;
}
.btn-warning.btn-effect-icon-slide-in i {
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
filter: alpha(opacity=0);
line-height: inherit;
margin-left: 0;
}
.btn-warning.btn-effect-icon-slide-in span {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
left: 0;
}
.btn-warning.btn-effect-icon-slide-in:hover i,
.btn-warning.btn-effect-icon-slide-in:focus i,
.btn-warning.btn-effect-icon-slide-in:active i,
.btn-warning.btn-effect-icon-slide-in.active i {
margin-left: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-warning.btn-effect-icon-slide-in:hover span,
.btn-warning.btn-effect-icon-slide-in:focus span,
.btn-warning.btn-effect-icon-slide-in:active span,
.btn-warning.btn-effect-icon-slide-in.active span {
left: -0.5em;
}
.btn-warning.btn-effect-click-state {
position: relative;
}
.btn-warning.btn-effect-click-state:hover,
.btn-warning.btn-effect-click-state:focus,
.btn-warning.btn-effect-click-state:active,
.btn-warning.btn-effect-click-state.active {
top: 2px;
-webkit-box-shadow: 0 2px 0 #ec971f;
box-shadow: 0 2px 0 #ec971f;
}
.btn-danger.btn-effect-border-fade {
border-color: transparent;
box-shadow: 0 0 0 2px #bb5857 inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #bb5857 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #bb5857 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.btn-danger.btn-effect-border-fade:hover,
.btn-danger.btn-effect-border-fade:focus,
.btn-danger.btn-effect-border-fade:active,
.btn-danger.btn-effect-border-fade.active {
background-color: #bb5857;
box-shadow: 0 0 0 2px #973e3d inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #973e3d inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #973e3d inset, 0 0 1px rgba(0, 0, 0, 0);
}
.btn-danger.btn-effect-border-hollow {
border-color: transparent;
box-shadow: 0 0 0 2px #bb5857 inset, 0 0 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #bb5857 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 2px #bb5857 inset, 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
}
.btn-danger.btn-effect-border-hollow:hover,
.btn-danger.btn-effect-border-hollow:focus,
.btn-danger.btn-effect-border-hollow:active,
.btn-danger.btn-effect-border-hollow.active {
color: #bb5857;
background-color: transparent;
}
.btn-danger.btn-effect-border-trim {
position: relative;
}
.btn-danger.btn-effect-border-trim:before {
border: 2px solid white;
bottom: 2px;
content: "";
left: 2px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 2px;
top: 2px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.btn-danger.btn-effect-border-trim:hover:before,
.btn-danger.btn-effect-border-trim:focus:before,
.btn-danger.btn-effect-border-trim:active:before,
.btn-danger.btn-effect-border-trim.active:before {
opacity: 1;
filter: alpha(opacity=100);
}
.btn-danger.btn-effect-border-outline-outward {
position: relative;
border-color: transparent;
}
.btn-danger.btn-effect-border-outline-outward:before {
border: 2px solid #bb5857;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-danger.btn-effect-border-outline-outward:hover:before,
.btn-danger.btn-effect-border-outline-outward:focus:before,
.btn-danger.btn-effect-border-outline-outward:active:before,
.btn-danger.btn-effect-border-outline-outward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
}
.btn-danger.btn-effect-border-outline-inward {
position: relative;
border-color: transparent;
}
.btn-danger.btn-effect-border-outline-inward:before {
border: 2px solid #bb5857;
bottom: -12px;
content: "";
left: -12px;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
position: absolute;
right: -12px;
top: -12px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
}
.btn-danger.btn-effect-border-outline-inward:hover:before,
.btn-danger.btn-effect-border-outline-inward:focus:before,
.btn-danger.btn-effect-border-outline-inward:active:before,
.btn-danger.btn-effect-border-outline-inward.active:before {
bottom: -6px;
left: -6px;
right: -6px;
top: -6px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-danger.btn-effect-border-round-corners {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.btn-danger.btn-effect-border-round-corners:hover,
.btn-danger.btn-effect-border-round-corners:focus,
.btn-danger.btn-effect-border-round-corners:active,
.btn-danger.btn-effect-border-round-corners.active {
-webkit-border-radius: 2em;
border-radius: 2em;
}
.btn-danger.btn-effect-bg-fade-in {
background: transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #bb5857;
}
.btn-danger.btn-effect-bg-fade-in:hover,
.btn-danger.btn-effect-bg-fade-in:focus,
.btn-danger.btn-effect-bg-fade-in:active,
.btn-danger.btn-effect-bg-fade-in.active {
background-color: #bb5857;
color: #ffffff;
}
.btn-danger.btn-effect-bg-fade-out {
background-color: #bb5857;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background-color;
transition-property: background-color;
color: #ffffff;
}
.btn-danger.btn-effect-bg-fade-out:hover,
.btn-danger.btn-effect-bg-fade-out:focus,
.btn-danger.btn-effect-bg-fade-out:active,
.btn-danger.btn-effect-bg-fade-out.active {
background: transparent;
color: #bb5857;
}
.btn-danger.btn-effect-bg-top {
position: relative;
background: transparent;
color: #bb5857;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-danger.btn-effect-bg-top:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: height;
transition-property: height;
z-index: 1;
background: none repeat scroll 0 0 #bb5857;
height: 0;
left: 0;
top: 0;
width: 100%;
}
.btn-danger.btn-effect-bg-top:hover,
.btn-danger.btn-effect-bg-top:focus,
.btn-danger.btn-effect-bg-top:active,
.btn-danger.btn-effect-bg-top.active {
color: #ffffff;
}
.btn-danger.btn-effect-bg-top:hover:after,
.btn-danger.btn-effect-bg-top:focus:after,
.btn-danger.btn-effect-bg-top:active:after,
.btn-danger.btn-effect-bg-top.active:after {
height: 100%;
}
.btn-danger.btn-effect-bg-right {
position: relative;
background: transparent;
color: #bb5857;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-danger.btn-effect-bg-right:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width;
transition-property: width;
z-index: 1;
background: none repeat scroll 0 0 #bb5857;
height: 100%;
left: 0;
top: 0;
width: 0;
}
.btn-danger.btn-effect-bg-right:hover,
.btn-danger.btn-effect-bg-right:focus,
.btn-danger.btn-effect-bg-right:active,
.btn-danger.btn-effect-bg-right.active {
color: #ffffff !important;
}
.btn-danger.btn-effect-bg-right:hover:after,
.btn-danger.btn-effect-bg-right:focus:after,
.btn-danger.btn-effect-bg-right:active:after,
.btn-danger.btn-effect-bg-right.active:after {
width: 100%;
}
.btn-danger.btn-effect-bg-center {
position: relative;
background: transparent;
color: #bb5857;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-danger.btn-effect-bg-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #bb5857;
height: 100%;
left: 50%;
top: 50%;
width: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-danger.btn-effect-bg-center:hover,
.btn-danger.btn-effect-bg-center:focus,
.btn-danger.btn-effect-bg-center:active,
.btn-danger.btn-effect-bg-center.active {
color: #ffffff !important;
}
.btn-danger.btn-effect-bg-center:hover:after,
.btn-danger.btn-effect-bg-center:focus:after,
.btn-danger.btn-effect-bg-center:active:after,
.btn-danger.btn-effect-bg-center.active:after {
width: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-danger.btn-effect-bg-skew-center {
position: relative;
background: transparent;
color: #bb5857;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-danger.btn-effect-bg-skew-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #bb5857;
height: 0;
left: 50%;
top: 50%;
width: 100%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-danger.btn-effect-bg-skew-center:hover,
.btn-danger.btn-effect-bg-skew-center:focus,
.btn-danger.btn-effect-bg-skew-center:active,
.btn-danger.btn-effect-bg-skew-center.active {
color: #ffffff !important;
}
.btn-danger.btn-effect-bg-skew-center:hover:after,
.btn-danger.btn-effect-bg-skew-center:focus:after,
.btn-danger.btn-effect-bg-skew-center:active:after,
.btn-danger.btn-effect-bg-skew-center.active:after {
height: 260%;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-danger.btn-effect-bg-horizontal-center {
position: relative;
background: transparent;
color: #bb5857;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
}
.btn-danger.btn-effect-bg-horizontal-center:after {
content: "";
position: absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
background: none repeat scroll 0 0 #bb5857;
height: 0%;
left: 50%;
top: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.btn-danger.btn-effect-bg-horizontal-center:hover,
.btn-danger.btn-effect-bg-horizontal-center:focus,
.btn-danger.btn-effect-bg-horizontal-center:active,
.btn-danger.btn-effect-bg-horizontal-center.active {
color: #ffffff !important;
}
.btn-danger.btn-effect-bg-horizontal-center:hover:after,
.btn-danger.btn-effect-bg-horizontal-center:focus:after,
.btn-danger.btn-effect-bg-horizontal-center:active:after,
.btn-danger.btn-effect-bg-horizontal-center.active:after {
height: 100%;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.btn-danger.btn-effect-icon-slide-in {
position: relative;
padding-right: 3em;
padding-left: 3em;
}
.btn-danger.btn-effect-icon-slide-in i {
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
filter: alpha(opacity=0);
line-height: inherit;
margin-left: 0;
}
.btn-danger.btn-effect-icon-slide-in span {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
left: 0;
}
.btn-danger.btn-effect-icon-slide-in:hover i,
.btn-danger.btn-effect-icon-slide-in:focus i,
.btn-danger.btn-effect-icon-slide-in:active i,
.btn-danger.btn-effect-icon-slide-in.active i {
margin-left: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-danger.btn-effect-icon-slide-in:hover span,
.btn-danger.btn-effect-icon-slide-in:focus span,
.btn-danger.btn-effect-icon-slide-in:active span,
.btn-danger.btn-effect-icon-slide-in.active span {
left: -0.5em;
}
.btn-danger.btn-effect-click-state {
position: relative;
}
.btn-danger.btn-effect-click-state:hover,
.btn-danger.btn-effect-click-state:focus,
.btn-danger.btn-effect-click-state:active,
.btn-danger.btn-effect-click-state.active {
top: 2px;
-webkit-box-shadow: 0 2px 0 #9f4140;
box-shadow: 0 2px 0 #9f4140;
}
.btn-white {
color: #ffffff;
border-color: #ffffff !important;
background: rgba(0, 0, 0, 0);
background: none !important;
border-width: 2px !important;
-webkit-border-radius: 0;
border-radius: 0;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
color: #fff;
}
.btn-white.btn-effect-icon-slide-in {
position: relative;
padding-right: 2em;
padding-left: 2em;
}
.btn-white.btn-effect-icon-slide-in i {
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
filter: alpha(opacity=0);
line-height: inherit;
margin-left: 0;
}
.btn-white.btn-effect-icon-slide-in span {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
left: 0;
}
.btn-white.btn-effect-icon-slide-in:hover i,
.btn-white.btn-effect-icon-slide-in:focus i,
.btn-white.btn-effect-icon-slide-in:active i,
.btn-white.btn-effect-icon-slide-in.active i {
margin-left: 0.3448275862068966em;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-white.btn-effect-icon-slide-in:hover span,
.btn-white.btn-effect-icon-slide-in:focus span,
.btn-white.btn-effect-icon-slide-in:active span,
.btn-white.btn-effect-icon-slide-in.active span {
left: -0.5em;
}
.btn-link {
color: #333333;
font-weight: normal;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #000000;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
color: #8c8c8c;
text-decoration: none;
}
.btn-lg {
padding: 1.0275862068965518rem 1.4413793103448276rem;
font-size: 1.2413793103448276em;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.btn-sm {
padding: 0.6827586206896552rem 1.0275862068965518rem;
font-size: 13px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.btn-xs {
padding: 0.40689655172413797rem 0.6827586206896552rem;
font-size: 13px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.btn-align-center {
display: table;
margin-left: auto;
margin-right: auto;
}
.btn-align-right {
float: right;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.3448275862068966em;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
/*--------------------------------------------------------------
8.0 - Dropdown menus
--------------------------------------------------------------*/
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.13793103448275862em;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
padding: 0;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 11.03448275862069em;
margin: 0px 0 0;
list-style: none;
font-size: 14.5px;
text-align: left;
background-color: #ffffff;
-webkit-box-shadow: 0 0.461538em 0.923077em rgba(0, 0, 0, 0.175);
box-shadow: 0 0.461538em 0.923077em rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: -0.2068965517241379em 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 0.20689655172413793em 1.3793103448275863em;
clear: both;
line-height: 1.6;
color: #666666;
white-space: nowrap;
}
.dropdown-menu > li > a:hover {
text-decoration: none;
color: #595959;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #000000;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid;
content: "";
}
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 0.06896551724137931em;
}
/*--------------------------------------------------------------
9.0 - Navs
--------------------------------------------------------------*/
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 0.6rem 1.1rem;
}
.nav > li > a:hover {
text-decoration: none;
background-color: #999999;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #e5e5e5;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.6;
border: 1px solid transparent;
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
background: transparent;
}
.nav-tabs > li > a > i {
margin-right: 0.5em;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background: #fff;
color: #808080;
border: 1px solid #e5e5e5;
border-bottom-color: transparent;
cursor: default;
}
.tab-content {
padding: 20px 0;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.tab-content .widget {
margin-bottom: 0;
}
.widget .tab-content {
padding-bottom: 0;
}
/* custom inclusion of right, left and below tabs */
.tabs-top > .nav-tabs > li > a {
border-top-width: 2px;
}
.tabs-top > .nav-tabs > .active > a,
.tabs-top > .nav-tabs > .active > a:hover,
.tabs-top > .nav-tabs > .active > a:focus {
border-top: 2px solid #000000;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.tabs-below > .nav-tabs {
border-top: 1px solid #e5e5e5;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
-webkit-border-radius: 0;
border-radius: 0;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #e5e5e5 #000000 #e5e5e5;
border-bottom-width: 2px;
}
.tabs-right,
.tabs-left {
display: table;
width: 100%;
}
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
display: table-cell;
width: 30%;
vertical-align: middle;
}
.tabs-right > .nav-tabs > li,
.tabs-left > .nav-tabs > li {
float: none;
}
.tabs-right > .tab-content,
.tabs-left > .tab-content {
padding: 0;
float: none;
display: table-cell;
vertical-align: top;
width: 70%;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
margin-right: 1.3103448275862069em;
border-right: 1px solid #e5e5e5;
}
.tabs-left > .tab-content {
padding-left: 20px;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 0;
border-radius: 0;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #e5e5e5 transparent #e5e5e5 #000000;
*border-right-color: #ffffff;
border-left-width: 2px;
}
.tabs-right > .nav-tabs {
margin-left: 1.3103448275862069em;
border-left: 1px solid #e5e5e5;
}
.tabs-right > .tab-content {
padding-right: 20px;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0;
border-radius: 0;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #e5e5e5 #000000 #e5e5e5 transparent;
*border-left-color: #ffffff;
border-right-width: 2px;
}
.tabs-default a {
color: #666666;
}
.tabs-default a:hover,
.tabs-default a:focus {
color: #666666;
}
.tabs-default.tabs-top .nav-tabs > li.active > a,
.tabs-default.tabs-top .nav-tabs > li.active > a:hover,
.tabs-default.tabs-top .nav-tabs > li.active > a:focus {
border-top-color: #e5e5e5;
color: #666666;
}
.tabs-default.tabs-left .nav-tabs > li.active > a,
.tabs-default.tabs-left .nav-tabs > li.active > a:hover,
.tabs-default.tabs-left .nav-tabs > li.active > a:focus {
border-left-color: #e5e5e5;
color: #666666;
}
.tabs-default.tabs-right .nav-tabs > li.active > a,
.tabs-default.tabs-right .nav-tabs > li.active > a:hover,
.tabs-default.tabs-right .nav-tabs > li.active > a:focus {
border-right-color: #e5e5e5;
color: #666666;
}
.tabs-default.tabs-below .nav-tabs > li.active > a,
.tabs-default.tabs-below .nav-tabs > li.active > a:hover,
.tabs-default.tabs-below .nav-tabs > li.active > a:focus {
border-bottom-color: #e5e5e5;
color: #666666;
}
.tabs-primary a {
color: #666666;
}
.tabs-primary a:hover,
.tabs-primary a:focus {
color: #000000;
}
.tabs-primary.tabs-top .nav-tabs > li.active > a,
.tabs-primary.tabs-top .nav-tabs > li.active > a:hover,
.tabs-primary.tabs-top .nav-tabs > li.active > a:focus {
border-top-color: #000000;
color: #000000;
}
.tabs-primary.tabs-left .nav-tabs > li.active > a,
.tabs-primary.tabs-left .nav-tabs > li.active > a:hover,
.tabs-primary.tabs-left .nav-tabs > li.active > a:focus {
border-left-color: #000000;
color: #000000;
}
.tabs-primary.tabs-right .nav-tabs > li.active > a,
.tabs-primary.tabs-right .nav-tabs > li.active > a:hover,
.tabs-primary.tabs-right .nav-tabs > li.active > a:focus {
border-right-color: #000000;
color: #000000;
}
.tabs-primary.tabs-below .nav-tabs > li.active > a,
.tabs-primary.tabs-below .nav-tabs > li.active > a:hover,
.tabs-primary.tabs-below .nav-tabs > li.active > a:focus {
border-bottom-color: #000000;
color: #000000;
}
.tabs-success a {
color: #666666;
}
.tabs-success a:hover,
.tabs-success a:focus {
color: #57bb58;
}
.tabs-success.tabs-top .nav-tabs > li.active > a,
.tabs-success.tabs-top .nav-tabs > li.active > a:hover,
.tabs-success.tabs-top .nav-tabs > li.active > a:focus {
border-top-color: #57bb58;
color: #57bb58;
}
.tabs-success.tabs-left .nav-tabs > li.active > a,
.tabs-success.tabs-left .nav-tabs > li.active > a:hover,
.tabs-success.tabs-left .nav-tabs > li.active > a:focus {
border-left-color: #57bb58;
color: #57bb58;
}
.tabs-success.tabs-right .nav-tabs > li.active > a,
.tabs-success.tabs-right .nav-tabs > li.active > a:hover,
.tabs-success.tabs-right .nav-tabs > li.active > a:focus {
border-right-color: #57bb58;
color: #57bb58;
}
.tabs-success.tabs-below .nav-tabs > li.active > a,
.tabs-success.tabs-below .nav-tabs > li.active > a:hover,
.tabs-success.tabs-below .nav-tabs > li.active > a:focus {
border-bottom-color: #57bb58;
color: #57bb58;
}
.tabs-info a {
color: #666666;
}
.tabs-info a:hover,
.tabs-info a:focus {
color: #5788bb;
}
.tabs-info.tabs-top .nav-tabs > li.active > a,
.tabs-info.tabs-top .nav-tabs > li.active > a:hover,
.tabs-info.tabs-top .nav-tabs > li.active > a:focus {
border-top-color: #5788bb;
color: #5788bb;
}
.tabs-info.tabs-left .nav-tabs > li.active > a,
.tabs-info.tabs-left .nav-tabs > li.active > a:hover,
.tabs-info.tabs-left .nav-tabs > li.active > a:focus {
border-left-color: #5788bb;
color: #5788bb;
}
.tabs-info.tabs-right .nav-tabs > li.active > a,
.tabs-info.tabs-right .nav-tabs > li.active > a:hover,
.tabs-info.tabs-right .nav-tabs > li.active > a:focus {
border-right-color: #5788bb;
color: #5788bb;
}
.tabs-info.tabs-below .nav-tabs > li.active > a,
.tabs-info.tabs-below .nav-tabs > li.active > a:hover,
.tabs-info.tabs-below .nav-tabs > li.active > a:focus {
border-bottom-color: #5788bb;
color: #5788bb;
}
.tabs-warning a {
color: #666666;
}
.tabs-warning a:hover,
.tabs-warning a:focus {
color: #f0ad4e;
}
.tabs-warning.tabs-top .nav-tabs > li.active > a,
.tabs-warning.tabs-top .nav-tabs > li.active > a:hover,
.tabs-warning.tabs-top .nav-tabs > li.active > a:focus {
border-top-color: #f0ad4e;
color: #f0ad4e;
}
.tabs-warning.tabs-left .nav-tabs > li.active > a,
.tabs-warning.tabs-left .nav-tabs > li.active > a:hover,
.tabs-warning.tabs-left .nav-tabs > li.active > a:focus {
border-left-color: #f0ad4e;
color: #f0ad4e;
}
.tabs-warning.tabs-right .nav-tabs > li.active > a,
.tabs-warning.tabs-right .nav-tabs > li.active > a:hover,
.tabs-warning.tabs-right .nav-tabs > li.active > a:focus {
border-right-color: #f0ad4e;
color: #f0ad4e;
}
.tabs-warning.tabs-below .nav-tabs > li.active > a,
.tabs-warning.tabs-below .nav-tabs > li.active > a:hover,
.tabs-warning.tabs-below .nav-tabs > li.active > a:focus {
border-bottom-color: #f0ad4e;
color: #f0ad4e;
}
.tabs-danger a {
color: #666666;
}
.tabs-danger a:hover,
.tabs-danger a:focus {
color: #bb5857;
}
.tabs-danger.tabs-top .nav-tabs > li.active > a,
.tabs-danger.tabs-top .nav-tabs > li.active > a:hover,
.tabs-danger.tabs-top .nav-tabs > li.active > a:focus {
border-top-color: #bb5857;
color: #bb5857;
}
.tabs-danger.tabs-left .nav-tabs > li.active > a,
.tabs-danger.tabs-left .nav-tabs > li.active > a:hover,
.tabs-danger.tabs-left .nav-tabs > li.active > a:focus {
border-left-color: #bb5857;
color: #bb5857;
}
.tabs-danger.tabs-right .nav-tabs > li.active > a,
.tabs-danger.tabs-right .nav-tabs > li.active > a:hover,
.tabs-danger.tabs-right .nav-tabs > li.active > a:focus {
border-right-color: #bb5857;
color: #bb5857;
}
.tabs-danger.tabs-below .nav-tabs > li.active > a,
.tabs-danger.tabs-below .nav-tabs > li.active > a:hover,
.tabs-danger.tabs-below .nav-tabs > li.active > a:focus {
border-bottom-color: #bb5857;
color: #bb5857;
}
.tabs-center > .nav-tabs {
text-align: center;
}
.tabs-center > .nav-tabs > li {
display: inline-block;
float: none;
}
.tabs-full > .nav-tabs {
display: table;
width: 100%;
}
.tabs-full > .nav-tabs > li {
display: table-cell;
float: none;
}
.tabs-full > .nav-tabs > li > a {
margin-right: 0;
background-color: #f5f5f5;
}
.tabs-full > .nav-tabs > li.active > a,
.tabs-full > .nav-tabs > li.active > a:hover,
.tabs-full > .nav-tabs > li.active > a:focus {
background-color: #fff;
}
.tabs-full.tabs-top > .nav-tabs > li > a {
border-top-width: 2px;
margin-bottom: -1px;
}
.tabs-full.tabs-below > .nav-tabs > li > a {
border-bottom-width: 2px;
margin-top: -1px;
}
/*--------------------------------------------------------------
10.0 - Navbars
--------------------------------------------------------------*/
.navbar {
margin-bottom: 1.5862068965517242em;
border-bottom: 0px solid transparent;
}
@media (min-width: 992px) {
.navbar-header {
float: none;
}
}
.navbar-collapse {
overflow-x: visible;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 992px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
}
.navbar-to-fixed {
top: -84px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.navbar-to-fixed.navbar-fixed-top {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
filter: alpha(opacity=100);
}
.navbar-fixed-top .navbar-collapse {
max-height: 23.448275862068964em;
}
.container > .navbar-wrap,
.container-fluid > .navbar-wrap,
.container > .navbar-header-left,
.container-fluid > .navbar-header-left,
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
@media (min-width: 992px) {
.container > .navbar-wrap,
.container-fluid > .navbar-wrap,
.container > .navbar-header-left,
.container-fluid > .navbar-header-left,
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media (min-width: 992px) {
.navbar-fixed-top {
border-radius: 0;
}
}
.boxed-wrap .navbar-fixed-top {
left: auto;
right: auto;
}
.navbar-fixed-top {
top: 0;
}
.navbar-brand {
float: left;
font-size: 1.2413793103448276em;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 992px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -0.6896551724137931em;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 2.2413793103448274em;
margin-bottom: 2.2413793103448274em;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
-webkit-border-radius: 1px;
border-radius: 1px;
position: relative;
transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-webkit-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-o-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-moz-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggle.x .bar-top {
top: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.navbar-toggle.x .bar-middle {
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.navbar-toggle.x .bar-bottom {
top: -5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
@media (min-width: 992px) {
.navbar-toggle {
display: none;
}
}
.navbar-header .navbar-toggle {
border-color: transparent;
}
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
background-color: rgba(0, 0, 0, 0.2);
}
.navbar-header .navbar-toggle .icon-bar {
background-color: #333333;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.5862068965517242em;
}
@media (max-width: 991px) {
.navbar-nav > li > a {
line-height: 1.5862068965517242em !important;
font-size: 14.5px;
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 991px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li .dropdown-menu > li > a {
padding-left: 3.4482758620689653em;
}
.navbar-nav .open .dropdown-menu > li > a {
padding: 0.6896551724137931em 1.0344827586206897em 0.6896551724137931em 1.7241379310344827em;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 1.5862068965517242em;
}
.navbar-nav .open .dropdown-menu > li > a:hover {
background-image: none;
}
}
@media (min-width: 992px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 3.3590963139120094em;
padding-bottom: 3.3590963139120094em;
}
.navbar-nav.navbar-right:last-child {
margin-right: -0.6896551724137931em;
}
}
.header-type-default .navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
@media (min-width: 992px) {
.header-type-default .navbar-nav > li > .dropdown-menu {
top: 99px;
}
}
@media (min-width: 992px) {
.header-type-default .navbar-fixed-top .navbar-nav > li > .dropdown-menu {
top: 80px;
}
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-default {
background-color: #000000;
border-color: #000000;
}
@media (min-width: 992px) {
.header-type-default .navbar-default {
height: 99px;
-webkit-transition: height 0s;
-o-transition: height 0s;
transition: height 0s;
}
}
@media (min-width: 992px) {
.header-type-default .navbar-fixed-top.navbar-default {
height: 80px;
}
}
.navbar-default .navbar-brand {
color: #1f1f1f;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #050505;
background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
color: #1f1f1f;
}
.navbar-default .navbar-nav > li > a:hover {
color: #000000;
background-color: transparent;
}
.navbar-default .navbar-nav .open > a {
color: #000000;
background-color: transparent;
}
.navbar-default .navbar-nav .current-menu-ancestor > a,
.navbar-default .navbar-nav .current-menu-parent > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav .current-menu-ancestor > a:hover,
.navbar-default .navbar-nav .current-menu-parent > a:hover,
.navbar-default .navbar-nav > .active > a:hover {
color: #000000;
background-color: transparent;
}
.navbar-default .navbar-collapse {
border-color: #e6e6e6;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
background-color: transparent;
}
@media (max-width: 991px) {
.navbar-default .navbar-nav .open .dropdown-menu > li {
border-color: #e6e6e6;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #1f1f1f;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #000000;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #000000;
background-color: transparent;
}
}
@media (max-width: 767px) {
.navbar-brand {
padding: 0;
}
}
.navbar-brand img {
max-height: 98px
padding: 10px 0;
}
@media (min-width: 992px) {
.header-type-default .navbar-brand img {
max-height: 98px;
-webkit-transition: max-height 0.2s;
-o-transition: max-height 0.2s;
transition: max-height 0.2s;
}
}
@media (min-width: 992px) {
.header-type-default .animate-children .navbar-brand img {
max-height: 79px;
}
.navbar-default-wrap {
/*
background-image: url(../images/logoAquiTeEspero.png);
background-size: 206px 90px;
background-position: left 28% top 5px;
background-repeat: no-repeat;
*/
}
}
.navbar-brand .logo-fixed {
display: none;
}
@media (max-width: 991px) {
.navbar-brand .logo {
display: block;
max-width: 600px;
}
.navbar-brand .logo-fixed {
display: none;
}
}
.navbar-fixed-top .navbar-brand img {
/*padding: 5px 0;*/
}
.navbar-fixed-top .navbar-brand .logo {
display: none;
}
.navbar-fixed-top .navbar-brand .logo-fixed {
display: block;
}
.navbar-brand .logo-mobile {
display: none;
}
@media (max-width: 767px) {
.navbar-brand .logo,
.navbar-brand .logo-fixed {
display: none;
}
.navbar-brand .logo-mobile {
display: inline-block;
/*background-image: url(../images/logoAquiTeEsperoCarta.png);*/
}
}
.navbar-default {
margin-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-default .primary-navbar-collapse {
float: right;
}
@media (max-width: 991px) {
.navbar-default .primary-navbar-collapse {
float: none;
}
.navbar-brand .logo-mobile {
display: inline-block;
/*background-image: url(../images/logoAquiTeEsperoCarta.png);*/
}
}
.navbar-default .navbar-collapse {
border: none;
}
.primary-nav .menu-item-navbar-brand {
display: none;
}
@media (min-width: 992px) {
.header-default-center .navbar-wrap > .navbar-header {
display: none;
}
.header-default-center .menu-item-navbar-brand {
position: static !important;
padding: 0 3rem !important;
vertical-align: top;
}
.header-default-center .menu-item-navbar-brand .navbar-brand {
display: block;
float: none;
margin: 0 !important;
padding: 0 !important;
position: relative;
height: 100%;
}
.header-default-center .navbar-default .primary-navbar-collapse {
float: none;
padding: 0;
}
.header-default-center.header-type-default .primary-nav {
float: none;
text-align: center;
width: 100%;
margin: 0;
}
.header-default-center.header-type-default .primary-nav > li {
padding: 0 15px;
display: inline-block;
float: none;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.header-default-center .menu-item-navbar-brand {
padding: 0 1rem !important;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.header-default-center.header-type-default .primary-nav > li {
padding: 0 7.5px;
}
}
.navbar-collapse {
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-wrap {
position: relative;
}
.primary-nav {
font-size: 14.5px;
font-style: normal;
font-weight: 400;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.primary-nav .navicon {
margin-right: 0.5517241379310345rem;
font-size: 14.5px;
}
.header-type-center2 .primary-nav > li > a .navicon,
.header-type-below .primary-nav > li > a .navicon,
.header-type-classic .primary-nav > li > a .navicon {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-top: -2px;
}
@media (min-width: 992px) {
.primary-nav > .megamenu > .dropdown-menu {
background: #ffffff;
border-top: 2px solid #000000;
}
.primary-nav > .megamenu.megamenu-fullwidth {
position: static !important;
}
.primary-nav > .megamenu.megamenu-fullwidth > .dropdown-menu {
width: 100%;
}
.primary-nav > .megamenu .megamenu-title {
margin: 0;
padding: 0.5em;
font-size: 1.3em;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 0.6896551724137931em;
}
.primary-nav > .megamenu .megamenu-title a {
background: transparent !important;
}
.primary-nav > .megamenu .megamenu-title .caret {
display: none;
}
.primary-nav > .megamenu > .dropdown-menu .widget {
margin-bottom: 0;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar {
padding: 0.6896551724137931em;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar a {
margin: 0;
padding: 0;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar .products {
margin: 0;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar .products li {
margin: 0;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar .products li img {
width: 100%;
}
.primary-nav > .megamenu > .dropdown-menu > li {
display: table-cell;
vertical-align: top;
border-bottom: none;
border-top: none;
border-right: 1px solid #e6e6e6;
padding: 0.6896551724137931em 0.6896551724137931em 1.3793103448275863em;
min-width: 200px;
}
.primary-nav > .megamenu > .dropdown-menu > li:last-child {
border-right: none;
}
.primary-nav > .megamenu > .dropdown-menu > li.mega-col-12 {
width: 100%;
}
.primary-nav > .megamenu > .dropdown-menu > li.mega-col-3 {
width: 25%;
}
.primary-nav > .megamenu > .dropdown-menu > li.mega-col-6 {
width: 50%;
}
.primary-nav > .megamenu > .dropdown-menu > li.mega-col-4 {
width: 33.3333%;
}
.primary-nav > .megamenu > .dropdown-menu > li > a {
background: #ffffff;
}
.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu {
display: block !important;
position: relative;
-webkit-box-shadow: none !important;
box-shadow: none !important;
float: none;
left: 0 !important;
top: 0 !important;
opacity: 1 !important;
}
.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu li {
border: none;
}
.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu a {
background: #ffffff;
}
.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu a:hover {
color: #000000;
}
.primary-nav > .megamenu.open > .dropdown-menu {
display: table !important;
}
}
.primary-nav .dropdown-menu {
min-width: 200px;
}
.primary-nav .dropdown-menu li {
border-bottom: none;
border-top: 1px solid #e6e6e6;
}
.primary-nav .dropdown-menu li:first-child {
border-top: none;
}
.primary-nav .dropdown-menu li.menu-item-has-children > .dropdown-menu {
margin: 0;
left: 100%;
top: 0;
}
@media (max-width: 991px) {
.primary-nav .dropdown-menu li .megamenu-title {
font-size: 14.5px;
font-weight: 400;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
margin: 0;
padding: 0.6896551724137931em 1.0344827586206897em 0.6896551724137931em 1.7241379310344827em;
position: relative;
color: #1f1f1f;
}
.primary-nav .dropdown-menu li .megamenu-title .caret {
cursor: pointer;
}
}
.primary-nav .dropdown-menu a {
color: #1f1f1f;
padding: 0.65em 0.9655172413793104rem;
background: #ffffff;
}
.primary-nav .dropdown-menu a:hover {
color: #000000;
background: #f5f5f5;
}
.primary-nav .dropdown-menu .open > a {
color: #000000;
}
.primary-nav .dropdown-menu .active > a {
color: #000000;
background: #f5f5f5;
}
.primary-nav .dropdown-menu .active > a:hover {
color: #000000;
background: #f5f5f5;
}
.primary-nav li.menu-item-has-children {
position: relative;
}
@media (max-width: 991px) {
.primary-nav li.menu-item-has-children.open > .megamenu-title > .caret:before,
.primary-nav li.menu-item-has-children.open > a > .caret:before {
content: "\f068";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
}
@media (max-width: 991px) {
.primary-nav li {
border-bottom: 1px solid #e6e6e6;
}
.primary-nav li:first-child {
border-top: 1px solid #e6e6e6;
}
.primary-nav li:last-child {
border-bottom: none;
}
}
.primary-nav > li > .dropdown-menu {
border-top: 2px solid #000000;
}
.primary-nav > li > a {
position: relative;
}
@media (min-width: 992px) {
.header-type-center2 .primary-nav > li > a,
.header-type-below .primary-nav > li > a,
.header-type-classic .primary-nav > li > a {
padding-top: 0;
padding-bottom: 0;
line-height: 99px;
text-transform: uppercase;
font-weight: 400;
}
.header-type-default .primary-nav > li > a {
text-transform: uppercase;
font-weight: 400;
line-height: 1;
vertical-align: middle;
text-align: center;
display: block;
position: relative;
padding: 42px 1.1rem 0;
-webkit-transition: padding 0.2s;
-o-transition: padding 0.2s;
transition: padding 0.2s;
}
.header-type-default .primary-nav > li > a .navicon {
display: block;
font-size: 21px;
margin: 0;
position: absolute;
top: 25px;
color: #000000;
left: 0;
width: 100%;
height: 30px;
line-height: 30px;
overflow: hidden;
-webkit-transition: height 0.2s;
-o-transition: height 0.2s;
transition: height 0.2s;
}
.header-type-default .primary-nav > li > a .navicon ~ span.underline {
margin-top: 15px;
display: block;
}
.header-type-default .animate-children .primary-nav > li > a {
padding: 32px 1rem;
max-height: 80px;
}
.header-type-default .animate-children .primary-nav > li > a .navicon {
height: 0;
}
.header-type-default .animate-children .primary-nav > li > a .navicon ~ span.underline {
margin-top: 0;
}
}
.header-type-center2 .primary-nav > li > a > .navicon ~ .underline,
.header-type-below .primary-nav > li > a > .navicon ~ .underline,
.header-type-classic .primary-nav > li > a > .navicon ~ .underline {
padding-left: 1.5em;
}
.primary-nav > li > a > .underline {
position: relative;
}
@media (min-width: 992px) {
.primary-nav > li > a > .caret {
display: none;
}
}
.primary-nav > li.menu-item-has-children {
position: relative;
}
.primary-nav > li.menu-item-has-children .caret {
border: none;
vertical-align: baseline;
margin-left: 0.13793103448275862em;
font-size: 0.9655172413793104em;
}
@media (min-width: 992px) {
.primary-nav > li.menu-item-has-children .caret:before {
content: "\f107";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
}
@media (max-width: 991px) {
.primary-nav > li.menu-item-has-children .caret {
height: 100%;
padding: 10px;
position: absolute;
right: 0px;
top: 0;
width: 40px;
text-align: center;
}
.primary-nav > li.menu-item-has-children .caret:before {
content: "\f067";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
}
@media (min-width: 992px) {
.primary-nav > li.menu-item-has-children li.menu-item-has-children .caret {
position: absolute;
right: 0.9655172413793104rem;
}
.primary-nav > li.menu-item-has-children li.menu-item-has-children .caret:before {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
}
.primary-nav > li.current-menu-parent > a,
.primary-nav > li.current-menu-parent > a:hover {
color: #000000;
background-color: transparent;
}
@media (max-width: 991px) {
.primary-nav .dropdown-menu {
position: relative;
float: none;
}
.primary-nav > li > a {
font-size: 14.5px;
}
}
.navbar-fixed-top {
border-color: transparent;
color: #1f1f1f;
-webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);
box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);
background: #000000;
}
.navbar-fixed-top .header-search-overlay .searchform .searchinput {
font-size: 1em;
}
.navbar-fixed-top .navbar-nav.primary-nav > li:not(.active):not(.current-menu-ancestor):not(.current-menu-parent) > a {
color: #1f1f1f;
}
.navbar-fixed-top .navbar-nav.primary-nav > li:not(.active):not(.current-menu-ancestor):not(.current-menu-parent) > a:hover,
.navbar-fixed-top .navbar-nav.primary-nav > li.open:not(.active):not(.current-menu-ancestor):not(.current-menu-parent) > a,
.navbar-fixed-top .navbar-nav.primary-nav > .current-menu-parent > a,
.navbar-fixed-top .navbar-nav.primary-nav > .current-menu-parent > a:hover,
.navbar-fixed-top .navbar-nav.primary-nav > .current-menu-ancestor > a,
.navbar-fixed-top .navbar-nav.primary-nav > .current-menu-ancestor > a:hover,
.navbar-fixed-top .navbar-nav.primary-nav > .active > a,
.navbar-fixed-top .navbar-nav.primary-nav > .open > a {
color: #000000;
}
.navbar-fixed-top .navbar-nav.primary-nav > .active > a:hover,
.navbar-fixed-top .navbar-nav.primary-nav > .open > a:hover,
.navbar-fixed-top .navbar-nav.primary-nav > li > a:hover {
color: #000000;
}
.navbar-fixed-top .navbar-nav.primary-nav .megamenu-sidebar {
color: #fff;
}
.navbar-fixed-top .navbar-nav.primary-nav .dropdown-menu {
background-color: #ffffff !important;
}
.navbar-fixed-top .navbar-nav.primary-nav .dropdown-menu .megamenu-title {
border-bottom: 1px solid rgba(218, 218, 218, 0.49);
}
.navbar-fixed-top .navbar-nav.primary-nav .dropdown-menu .megamenu-title a {
background: transparent !important;
}
.navbar-fixed-top .navbar-nav.primary-nav .dropdown-menu li {
border-color: rgba(218, 218, 218, 0.49) !important;
}
.navbar-fixed-top .navbar-nav.primary-nav .dropdown-menu li:hover {
background: transparent !important;
}
.navbar-fixed-top .navbar-nav.primary-nav .dropdown-menu a {
background: transparent !important;
}
.navbar-fixed-top .minicart-icon span {
background: #c6c6c6;
color: #fff;
}
@media (min-width: 992px) {
.primary-nav {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.header-type-default .navbar-default > div,
.header-type-default .navbar-default .primary-navbar-collapse,
.header-type-default .navbar-default .primary-nav {
position: static;
height: 100% !important;
}
.header-type-default .navbar-default .navbar-wrap,
.header-type-default .navbar-default .primary-nav > li {
position: relative;
height: 100% !important;
}
.header-type-default li.navbar-minicart,
.header-type-default li.navbar-search {
display: none !important;
}
}
.navbar-minicart {
position: relative;
}
.navbar-minicart:hover .minicart {
display: block;
}
.header-type-below .navbar-minicart {
margin-left: 30px;
}
.header-type-below .navbar-minicart:before {
content: "";
height: 30%;
position: absolute;
width: 1px;
background: #e6e6e6;
left: -15px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (max-width: 991px) {
.navbar-minicart {
display: none !important;
}
}
.header-type-toggle-offcanvas .navbar-header,
.header-type-toggle .navbar-header {
margin-right: 15px;
margin-left: 15px;
}
@media (min-width: 992px) {
.header-type-toggle-offcanvas .navbar-header,
.header-type-toggle .navbar-header {
margin-right: 0;
margin-left: 0;
}
}
@media (min-width: 992px) {
.header-type-toggle .primary-nav > .megamenu > .dropdown-menu {
border: none;
}
.header-type-toggle .primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu a {
background: transparent;
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) {
border-width: 0 0 0px 0;
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:hover,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:hover,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:hover,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:focus,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:focus,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:focus,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .navicon,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .navicon,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .navicon {
color: #fff;
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav .dropdown-menu a:focus,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav .dropdown-menu a:hover {
color: #fff;
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu-sidebar {
color: #fff;
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu .megamenu-title {
color: #fff;
border-bottom-color: rgba(218, 218, 218, 0.49);
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu > .dropdown-menu > li {
border-right-color: rgba(218, 218, 218, 0.49);
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu > .dropdown-menu > li li a:hover,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu > .dropdown-menu > li li a:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top).navbar-fixed-top {
background: #ffffff;
border-color: transparent;
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .dropdown-menu {
background-color: rgba(0, 0, 0, 0.85);
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .dropdown-menu a {
color: #fff;
background: transparent;
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .dropdown-menu a:focus,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .dropdown-menu a:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .dropdown-menu li {
border-color: rgba(218, 218, 218, 0.49);
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .dropdown-menu > li > a:hover,
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .dropdown-menu > li > a:focus {
background-color: rgba(0, 0, 0, 0.3);
}
.header-type-toggle .navbar-default:not(.navbar-fixed-top) .megamenu > .dropdown-menu .dropdown-menu {
background: transparent;
}
.header-type-toggle.header-transparent .navbar-default:not(.navbar-fixed-top),
.header-type-toggle.header-transparent .navbar-default {
background: transparent !important;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.header-type-toggle .navbar-default {
height: 76px;
}
.header-type-toggle.in-active .navbar-default-wrap {
height: 0;
-webkit-transition: background 0.5s ease 0.7s, height 0.5s ease 0.7s;
-o-transition: background 0.5s ease 0.7s, height 0.5s ease 0.7s;
transition: background 0.5s ease 0.7s, height 0.5s ease 0.7s;
overflow: hidden;
}
.header-type-toggle.active .navbar-default-wrap {
color: #373b37;
height: 76px;
overflow: visible;
-webkit-transition: background 0.5s ease 0s, height 0.2s ease 0s;
-o-transition: background 0.5s ease 0s, height 0.2s ease 0s;
transition: background 0.5s ease 0s, height 0.2s ease 0s;
}
.header-type-toggle .navbar-fixed-top {
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.header-type-toggle.active .navbar-default:not(.navbar-fixed-top) .navbar-default-wrap {
background: none repeat scroll 0 0 #040404;
}
.header-type-toggle.active .navbar-default.navbar-fixed-top .navbar-default-wrap {
background: #ffffff;
}
.header-type-toggle .navbar-default .primary-navbar-collapse {
float: none;
}
.header-type-toggle .navbar-brand img {
max-height: 68px;
padding: 5px 0;
}
.header-type-toggle .navbar-header {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 30px;
overflow: hidden;
z-index: 1031;
}
.header-type-toggle .navbar-header .navbar-brand {
padding: 0;
}
.header-type-toggle .navbar-nav > li > a {
opacity: 0;
filter: alpha(opacity=0);
top: -15px;
-webkit-transition: opacity 0.5s ease 0s, top 0.5s ease 0s;
-o-transition: opacity 0.5s ease 0s, top 0.5s ease 0s;
transition: opacity 0.5s ease 0s, top 0.5s ease 0s;
}
.header-type-toggle.active .navbar-nav > li > a {
opacity: 1;
filter: alpha(opacity=100);
top: 0;
}
.header-type-toggle .navbar-nav > li > a {
padding-bottom: 1.8rem;
padding-top: 1.8rem;
}
.header-type-toggle .primary-nav {
float: none;
display: table;
margin: 0 auto;
}
.header-type-toggle .navbar:not(.navbar-fixed-top) {
position: relative;
}
}
@media (min-width: 992px) {
.header-type-toggle-offcanvas.header-transparent .navbar-default:not(.navbar-fixed-top),
.header-type-toggle-offcanvas.header-transparent .navbar-default {
background: transparent !important;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.header-type-toggle-offcanvas .navbar-default {
height: 76px;
}
.header-type-toggle-offcanvas .navbar-default.navbar-fixed-top {
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
background: #fff !important;
}
.header-type-toggle-offcanvas .navbar-brand img {
max-height: 68px;
padding: 5px 0;
}
.header-type-toggle-offcanvas .navbar-header {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 30px;
overflow: hidden;
z-index: 1031;
}
.header-type-toggle-offcanvas .navbar-header .navbar-brand {
padding: 0;
}
.header-type-toggle-offcanvas .navbar:not(.navbar-fixed-top) {
position: relative;
}
}
.navbar-toggle-fixed {
position: absolute;
top: 50%;
margin-top: -12px;
right: 30px;
overflow: hidden;
width: 30px;
height: 24px;
z-index: 1031;
}
@media (max-width: 991px) {
.navbar-toggle-fixed {
display: none;
}
}
.navbar-toggle-fixed .navbar-toggle-fixed-btn {
cursor: pointer;
display: inline-block;
height: 100%;
position: absolute;
vertical-align: middle;
width: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.navbar-toggle-fixed .navbar-toggle-fixed-btn i {
background: none repeat scroll 0 0 #1f1f1f;
border-radius: 2px;
display: block;
height: 2px;
left: 0;
position: absolute;
top: 10px;
width: 100%;
}
.header-type-toggle.active .navbar-toggle-fixed .navbar-toggle-fixed-btn i,
.header-transparent .navbar-toggle-fixed .navbar-toggle-fixed-btn i {
background: #fff;
}
.navbar-fixed-top .navbar-toggle-fixed .navbar-toggle-fixed-btn i {
background: none repeat scroll 0 0 #1f1f1f !important;
}
.header-type-toggle .navbar-toggle-fixed .navbar-toggle-fixed-btn i {
-webkit-transition: background 0.2s ease 0.75s,top 0.2s ease 0.25s, left 0.2s ease 0.25s, opacity 0.2s ease 0.25s, transform 0.2s ease 0s;
-o-transition: background 0.2s ease 0.75s,top 0.2s ease 0.25s, left 0.2s ease 0.25s, opacity 0.2s ease 0.25s, transform 0.2s ease 0s;
transition: background 0.2s ease 0.75s,top 0.2s ease 0.25s, left 0.2s ease 0.25s, opacity 0.2s ease 0.25s, transform 0.2s ease 0s;
}
.navbar-toggle-fixed .navbar-toggle-fixed-btn i:first-child {
top: 0;
}
.navbar-toggle-fixed .navbar-toggle-fixed-btn i:last-child {
top: 20px;
}
.header-type-toggle.active .navbar-toggle-fixed .navbar-toggle-fixed-btn i {
left: 0;
opacity: 0;
-webkit-transition: background 0.2s ease 0s, top 0.2s ease 0s, left 0.2s ease 0s, opacity 0.2s ease 0s, transform 0.2s ease 0.25s;
-o-transition: background 0.2s ease 0s, top 0.2s ease 0s, left 0.2s ease 0s, opacity 0.2s ease 0s, transform 0.2s ease 0.25s;
transition: background 0.2s ease 0s, top 0.2s ease 0s, left 0.2s ease 0s, opacity 0.2s ease 0s, transform 0.2s ease 0.25s;
}
.header-type-toggle.active .navbar-toggle-fixed .navbar-toggle-fixed-btn i:first-child {
left: 0;
opacity: 1;
top: 10px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.header-type-toggle.active .navbar-toggle-fixed .navbar-toggle-fixed-btn i:last-child {
left: 0;
opacity: 1;
top: 10px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.offcanvas-close {
display: block;
height: 24px;
overflow: hidden;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.offcanvas-close-btn {
cursor: pointer;
display: inline-block;
height: 100%;
overflow: hidden;
position: absolute;
right: 0;
vertical-align: middle;
width: 100%;
width: 30px;
}
.offcanvas-close-btn i {
background: none repeat scroll 0 0 #1f1f1f;
border-radius: 2px;
display: block;
height: 2px;
position: absolute;
top: 10px;
width: 100%;
left: 0;
opacity: 0;
}
.offcanvas-close-btn i:first-child {
left: 0;
opacity: 1;
top: 10px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.offcanvas-close-btn i:last-child {
left: 0;
opacity: 1;
top: 10px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.offcanvas-overlay {
background-color: #b5b5b5;
height: 100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: fixed;
top: 0;
-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
width: 100%;
z-index: 1050;
visibility: hidden;
}
.offcanvas {
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
background: none repeat scroll 0 0 #f5f5f5;
bottom: 0;
position: fixed;
right: -315px;
top: 0;
width: 315px;
z-index: 9999;
overflow-y: auto;
overflow-x: hidden;
}
.offcanvas-wrap {
position: relative;
padding: 30px;
margin-top: 30px;
}
.open-offcanvas .offcanvas {
right: 0;
}
.open-offcanvas .offcanvas-overlay {
opacity: 0.8;
filter: alpha(opacity=80);
visibility: visible;
}
.offcanvas-nav {
margin: 0;
padding: 0;
}
.offcanvas-nav li {
display: block;
position: relative;
}
.offcanvas-nav li.menu-item-has-children {
position: relative;
}
.offcanvas-nav li.menu-item-has-children .caret {
border: none;
vertical-align: baseline;
margin-left: 0.13793103448275862em;
font-size: 0.9655172413793104em;
height: 100%;
padding: 10px;
position: absolute;
right: 10px;
top: 0;
width: 40px;
text-align: center;
}
.offcanvas-nav li.menu-item-has-children .caret:before {
content: "\f067";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.offcanvas-nav li.menu-item-has-children.open > .megamenu-title > .caret:before,
.offcanvas-nav li.menu-item-has-children.open > a > .caret:before {
content: "\f068";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.offcanvas-nav li.menu-item-has-children.open .dropdown-menu {
background-color: transparent;
border: 0 none;
box-shadow: none;
float: none;
margin-top: 0;
position: static;
width: auto;
}
.offcanvas-nav li.menu-item-has-children.open .dropdown-menu > li > a {
line-height: 1.65517em;
padding: 0.689655em 1.03448em 0.689655em 1.72414em;
}
.offcanvas-nav li.menu-item-has-children.open .dropdown-menu .dropdown-menu > li > a {
padding-left: 3.44828em;
}
.offcanvas-nav a {
display: block;
line-height: 1.65517em;
padding-bottom: 0.689655em;
padding-top: 0.689655em;
text-transform: uppercase;
position: relative;
color: #1f1f1f;
}
.offcanvas-nav a:hover {
color: #000000;
}
.offcanvas-nav .dropdown-menu > li > a:hover,
.offcanvas-nav .dropdown-menu > li > a:focus {
background: transparent;
}
.offcanvas-nav .dropdown-menu > li.active > a,
.offcanvas-nav .dropdown-menu > li.active > a:hover,
.offcanvas-nav .dropdown-menu > li.active > a:focus {
background: transparent;
}
.offcanvas-nav .dropdown-menu a {
color: #1f1f1f;
}
.offcanvas-nav .dropdown-menu a:hover {
color: #000000;
}
.offcanvas-nav .navbar-search {
display: none;
}
.offcanvas-widget {
margin-top: 3rem;
}
/*--------------------------------------------------------------
11.0 - Breadcrumbs
--------------------------------------------------------------*/
.breadcrumb {
list-style: none;
font-size: 13px;
margin: 0;
padding: 0;
opacity: 0.75;
filter: alpha(opacity=75);
}
.breadcrumb > li {
display: inline-block;
color: #ffffff;
}
.breadcrumb > li + li:before {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ffffff;
}
.breadcrumb > li a {
color: #ffffff;
}
.breadcrumb > li a:hover {
color: #ffffff;
text-decoration: underline;
}
.breadcrumb > .active {
color: #ffffff;
}
/*--------------------------------------------------------------
13.0 - Labels
--------------------------------------------------------------*/
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -0.06896551724137931em;
}
.label-default {
background-color: #8c8c8c;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #737373;
}
.label-primary {
background-color: #000000;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #000000;
}
.label-success {
background-color: #57bb58;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #409f41;
}
.label-info {
background-color: #5788bb;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #406f9f;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #bb5857;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #9f4140;
}
/*--------------------------------------------------------------
14.0 - Alerts
--------------------------------------------------------------*/
.alert {
padding: 1.0344827586206897em;
margin-bottom: 1.5862068965517242em;
border: 1px solid transparent;
border-radius: 3px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 0.3448275862068966em;
}
.alert-style-square {
-webkit-border-radius: 0;
border-radius: 0;
}
.alert-style-square-outlined {
-webkit-border-radius: 0;
border-radius: 0;
background: none !important;
border-width: 2px;
}
.alert-style-round {
-webkit-border-radius: 50px;
border-radius: 50px;
}
.alert-style-outlined {
background: none !important;
border-width: 2px;
}
.alert-style-3d {
border-width: 1px 1px 5px 1px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 1.450653983353151em;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
color: inherit;
}
.alert-default {
background-color: #ffffff;
border-color: #e5e5e5;
color: #666666;
}
.alert-default hr {
border-top-color: #d8d8d8;
}
.alert-default .alert-link {
color: #999999;
}
.alert-primary {
background-color: rgba(160, 216, 188, 0.3);
border-color: rgba(141, 209, 175, 0.3);
color: #000000;
}
.alert-primary hr {
border-top-color: rgba(123, 202, 162, 0.3);
}
.alert-primary .alert-link {
color: #999999;
}
.alert-success {
background-color: rgba(160, 216, 160, 0.3);
border-color: rgba(142, 209, 141, 0.3);
color: #57bb58;
}
.alert-success hr {
border-top-color: rgba(124, 202, 123, 0.3);
}
.alert-success .alert-link {
color: #999999;
}
.alert-info {
background-color: rgba(160, 188, 216, 0.3);
border-color: rgba(141, 176, 209, 0.3);
color: #5788bb;
}
.alert-info hr {
border-top-color: rgba(123, 163, 202, 0.3);
}
.alert-info .alert-link {
color: #999999;
}
.alert-warning {
background-color: rgba(248, 215, 172, 0.3);
border-color: rgba(246, 204, 149, 0.3);
color: #f0ad4e;
}
.alert-warning hr {
border-top-color: rgba(244, 193, 125, 0.3);
}
.alert-warning .alert-link {
color: #999999;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #bb5857;
}
.alert-danger hr {
border-top-color: rgba(202, 123, 124, 0.3);
}
.alert-danger .alert-link {
color: #999999;
}
/*--------------------------------------------------------------
16.0 - Panels
--------------------------------------------------------------*/
.panel {
margin-bottom: 0.7931034482758621em;
background-color: #ffffff;
border: 1px solid transparent;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.panel-body {
padding: 1.0344827586206897em;
}
.panel-heading {
padding: 0.6896551724137931em 1.0344827586206897em;
border-bottom: 1px solid transparent;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 1.3em;
color: inherit;
}
.panel-title > a {
color: inherit;
display: block;
position: relative;
}
.panel-title > a:before,
.panel-title > a:after {
font-size: 90%;
position: absolute !important;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.panel-title > a:before {
left: 0;
margin-right: 1.0344827586206897em;
}
.panel-title > a:after {
right: 0;
}
.panel-icon-none-left .panel-title > a {
padding-left: 1.5em;
}
.panel-icon-none-left .panel-title > a:before {
content: "\f067";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-heading.active.panel-icon-none-left .panel-title > a:before {
content: "\f068";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-icon-none-right .panel-title > a {
padding-right: 1.5em;
}
.panel-icon-none-right .panel-title > a:after {
content: "\f067";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-heading.active.panel-icon-none-right .panel-title > a:after {
content: "\f068";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-icon-circle-left .panel-title > a {
padding-left: 1.5em;
}
.panel-icon-circle-left .panel-title > a:before {
content: "\f055";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-heading.active.panel-icon-circle-left .panel-title > a:before {
content: "\f056";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-icon-circle-right .panel-title > a {
padding-right: 1.5em;
}
.panel-icon-circle-right .panel-title > a:after {
content: "\f055";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-heading.active.panel-icon-circle-right .panel-title > a:after {
content: "\f056";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-icon-square-left .panel-title > a {
padding-left: 1.5em;
}
.panel-icon-square-left .panel-title > a:before {
content: "\f0fe";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-heading.active.panel-icon-square-left .panel-title > a:before {
content: "\f146";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-icon-square-right .panel-title > a {
padding-right: 1.5em;
}
.panel-icon-square-right .panel-title > a:after {
content: "\f0fe";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-heading.active.panel-icon-square-right .panel-title > a:after {
content: "\f146";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-icon-square-o-left .panel-title > a {
padding-left: 1.5em;
}
.panel-icon-square-o-left .panel-title > a:before {
content: "\f196";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-heading.active.panel-icon-square-o-left .panel-title > a:before {
content: "\f147";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-icon-square-o-right .panel-title > a {
padding-right: 1.5em;
}
.panel-icon-square-o-right .panel-title > a:after {
content: "\f196";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-heading.active.panel-icon-square-o-right .panel-title > a:after {
content: "\f147";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.panel-footer {
padding: 0.6896551724137931em 1.0344827586206897em;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 2px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 2px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 2px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 2px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
border-top: 1px solid #e5e5e5;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-none {
border-bottom-color: transparent;
margin-bottom: 0;
background: transparent;
}
.panel-none:last-child {
margin-bottom: 1.5862068965517242em;
}
.panel-outline {
border-bottom-color: #e5e5e5;
margin-bottom: 0;
}
.panel-outline:last-child {
margin-bottom: 1.5862068965517242em;
}
.panel-default {
border-color: #e5e5e5;
}
.panel-default > .panel-heading {
color: #666666;
background-color: #f5f5f5;
border-color: #e5e5e5;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #e5e5e5;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #666666;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #e5e5e5;
}
.panel-primary {
border-color: #000000;
}
.panel-primary > .panel-heading {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #000000;
}
.panel-primary > .panel-heading .badge {
color: #000000;
background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #000000;
}
.panel-success {
border-color: rgba(142, 209, 141, 0.3);
}
.panel-success > .panel-heading {
color: #57bb58;
background-color: rgba(160, 216, 160, 0.3);
border-color: rgba(142, 209, 141, 0.3);
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgba(142, 209, 141, 0.3);
}
.panel-success > .panel-heading .badge {
color: rgba(160, 216, 160, 0.3);
background-color: #57bb58;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgba(142, 209, 141, 0.3);
}
.panel-info {
border-color: rgba(141, 176, 209, 0.3);
}
.panel-info > .panel-heading {
color: #5788bb;
background-color: rgba(160, 188, 216, 0.3);
border-color: rgba(141, 176, 209, 0.3);
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgba(141, 176, 209, 0.3);
}
.panel-info > .panel-heading .badge {
color: rgba(160, 188, 216, 0.3);
background-color: #5788bb;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgba(141, 176, 209, 0.3);
}
.panel-warning {
border-color: rgba(246, 204, 149, 0.3);
}
.panel-warning > .panel-heading {
color: #f0ad4e;
background-color: rgba(248, 215, 172, 0.3);
border-color: rgba(246, 204, 149, 0.3);
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgba(246, 204, 149, 0.3);
}
.panel-warning > .panel-heading .badge {
color: rgba(248, 215, 172, 0.3);
background-color: #f0ad4e;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgba(246, 204, 149, 0.3);
}
.panel-danger {
border-color: rgba(209, 141, 142, 0.3);
}
.panel-danger > .panel-heading {
color: #bb5857;
background-color: rgba(216, 160, 160, 0.3);
border-color: rgba(209, 141, 142, 0.3);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgba(209, 141, 142, 0.3);
}
.panel-danger > .panel-heading .badge {
color: rgba(216, 160, 160, 0.3);
background-color: #bb5857;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgba(209, 141, 142, 0.3);
}
/*--------------------------------------------------------------
17.0 - Close icons
--------------------------------------------------------------*/
.close {
float: right;
font-size: 21.75px;
font-weight: bold;
line-height: 1;
color: #000000;
opacity: 0.3;
filter: alpha(opacity=30);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
/*--------------------------------------------------------------
19.0 - Mediaelementplayer
--------------------------------------------------------------*/
.mejs-overlay-button {
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 50%;
border-radius: 50%;
width: 50px;
height: 50px;
margin-left: -25px !important;
}
.mejs-overlay-button:before {
font-family: "FontAwesome";
font-size: 22px;
content: "\f04b";
color: #fff;
display: block;
text-align: center;
line-height: 50px;
width: 50px;
height: 50px;
padding-left: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mejs-poster {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.mejs-container {
background: none;
}
.mejs-container .mejs-controls {
background: #f5f5f5 !important;
font-size: 11px !important;
}
.mejs-container.mejs-audio div.mejs-volume-button {
min-height: 0;
}
.mejs-container .mejs-controls > div {
min-height: 26px;
height: auto;
}
.mejs-controls .mejs-button button {
background-image: none;
height: 16px !important;
line-height: 0 !important;
margin: 8px 5px;
}
.mejs-controls .mejs-button button:before {
font-family: "FontAwesome";
font-size: 13px;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mejs-container .mejs-controls .mejs-time {
min-height: 0;
}
.mejs-container .mejs-controls .mejs-time span {
color: #000;
}
.mejs-controls .mejs-play button:before {
content: "\f04b";
}
.mejs-controls .mejs-pause button:before {
content: "\f04c";
}
.mejs-overlay-loading,
.mejs-overlay-loading span {
background: none !important;
}
.mejs-controls .mejs-time-rail span {
-webkit-border-radius: 0;
border-radius: 0;
height: 6px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #fff;
margin: 6px 5px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #dcdcdc !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #000000 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
border-color: #dcdcdc transparent transparent !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
border: 1px solid #dcdcdc !important;
background: #dcdcdc !important;
}
.mejs-controls .mejs-fullscreen-button button:before {
content: "\f065";
}
.mejs-controls .mejs-unfullscreen button:before {
content: "\f066";
}
.mejs-controls .mejs-volume-button button:before {
content: "\f028";
}
.mejs-controls .mejs-mute button:before {
/* content: "\f026"; */
}
.mejs-controls .mejs-unmute button:before {
content: "\f026";
}
.mejs-controls div.mejs-horizontal-volume-slider {
float: right;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #fff;
-webkit-border-radius: 0;
border-radius: 0;
height: 6px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #000000 !important;
-webkit-border-radius: 0;
border-radius: 0;
height: 6px;
}
.mejs-contextmenu {
z-index: 1001;
}
.dh-mfp-popup .mfp-content {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
-webkit-transform-origin: center top 0;
-moz-transform-origin: center top 0;
-ms-transform-origin: center top 0;
transform-origin: center top 0;
}
.dh-mfp-popup.mfp-ready .mfp-content {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.dh-mfp-popup .mfp-content .embed-wrap,
.dh-mfp-popup .mfp-content .video-embed-wrap {
max-width: 800px;
margin: 50px auto;
position: relative;
}
.dh-mfp-popup .mfp-content .embed-wrap .mfp-close,
.dh-mfp-popup .mfp-content .video-embed-wrap .mfp-close {
color: #fff;
right: -16px;
top: -35px;
}
/*--------------------------------------------------------------
20.0 - Modals
--------------------------------------------------------------*/
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-overflow-scrolling: touch;
z-index: 1080;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
-o-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
-ms-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
-moz-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
-webkit-transform-origin: center top 0;
-moz-transform-origin: center top 0;
-ms-transform-origin: center top 0;
transform-origin: center top 0;
}
.modal.in .modal-dialog {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.6896551724137931em;
}
.modal-dialog.modal-dialog-center {
left: 50%;
margin: 0;
position: absolute;
top: 50%;
}
.modal-dialog.modal-dialog-center .modal-body {
overflow-y: auto;
}
.modal-dialog.modal-dialog-center .modal-footer {
margin-top: 0;
}
@media (max-width: 767px) {
.modal-dialog.modal-dialog-center {
width: 100%;
}
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 1.0344827586206897em;
border-bottom: 1px solid #e5e5e5;
min-height: 2.63448275862069em;
}
.modal-header .close {
margin-top: -0.13793103448275862em;
}
.modal-title {
margin: 0;
line-height: 1.6;
}
.modal-body {
position: relative;
padding: 1.0344827586206897em;
}
.modal-footer {
padding: 1.0344827586206897em;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 0.3448275862068966em;
margin-bottom: 0;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.user-lostpassword-modal .modal-content,
.user-login-modal .modal-content {
border-width: 0px;
}
.user-lostpassword-modal .modal-body,
.user-login-modal .modal-body {
padding-top: 2rem;
padding-bottom: 2rem;
}
@media (min-width: 768px) {
.user-lostpassword-modal .modal-dialog,
.user-login-modal .modal-dialog {
width: 400px;
}
}
.user-lostpassword-modal .modal-header,
.user-login-modal .modal-header {
background-color: #000000;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.user-lostpassword-modal .modal-header .modal-title,
.user-login-modal .modal-header .modal-title {
color: #fff;
}
.user-lostpassword-modal .modal-footer,
.user-login-modal .modal-footer {
background-color: #f5f5f5;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.user-lostpassword-modal .modal-footer button,
.user-login-modal .modal-footer button {
padding-left: 2rem;
padding-right: 2rem;
}
.user-lostpassword-modal .user-modal-result,
.user-login-modal .user-modal-result {
text-align: center;
}
.user-lostpassword-modal .user-modal-result a,
.user-login-modal .user-modal-result a {
color: #000000;
}
.user-lostpassword-modal .user-modal-result a:hover,
.user-login-modal .user-modal-result a:hover {
text-decoration: underline;
}
.user-lostpassword-modal .user-modal-result .error-response,
.user-login-modal .user-modal-result .error-response {
color: #bb5857;
}
.user-lostpassword-modal .user-modal-result .success-response,
.user-login-modal .user-modal-result .success-response {
color: #57bb58;
}
.user-login-modal .user-login-facebook {
text-align: center;
}
.user-login-modal .user-login-or {
text-align: center;
margin-bottom: 1.5rem;
margin-top: 2rem;
position: relative;
}
.user-login-modal .user-login-or:before {
position: absolute;
width: 100%;
height: 1px;
background: #e5e5e5;
top: 50%;
margin-top: -1px;
content: "";
left: 0;
}
.user-login-modal .user-login-or span {
border: 1px solid #e5e5e5;
display: inline-block;
font-size: 1.1rem;
height: 2.5em;
width: 2.5em;
font-style: italic;
-webkit-border-radius: 100%;
border-radius: 100%;
line-height: 2.1em;
position: relative;
z-index: 2;
background-color: #fff;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 2.0689655172413794em auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
/*--------------------------------------------------------------
21.0 - Tooltips
--------------------------------------------------------------*/
.tooltip {
position: absolute;
z-index: 1070;
display: block;
visibility: visible;
font-size: 13px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -0.20689655172413793em;
padding: 5px 0;
}
.tooltip.right {
margin-left: 0.20689655172413793em;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 0.20689655172413793em;
padding: 5px 0;
}
.tooltip.left {
margin-left: -0.20689655172413793em;
padding: 0 5px;
}
a[data-toggle="popover"],
a[data-toggle="tooltip"] {
color: #000000;
text-decoration: underline;
}
a[data-toggle="popover"]:hover,
a[data-toggle="tooltip"]:hover {
color: #000000;
}
.tooltip-inner {
max-width: 13.793103448275861em;
padding: 0.20689655172413793em 0.5517241379310345em;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
/*--------------------------------------------------------------
22.0 - Popovers
--------------------------------------------------------------*/
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 19.03448275862069em;
padding: 1px;
text-align: left;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #e5e5e5;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 0.5517241379310345em 0.9655172413793104em;
font-size: 1.1em;
font-weight: normal;
line-height: 1.1;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 3px 3px 0 0;
color: #333333;
}
.popover-content {
padding: 0.6206896551724138em 0.9655172413793104em;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
border-width: 10px;
content: "";
}
.popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #e5e5e5;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -11px;
}
.popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #e5e5e5;
border-right-color: rgba(0, 0, 0, 0.2);
}
.popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #ffffff;
}
.popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #e5e5e5;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -11px;
}
.popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #e5e5e5;
border-left-color: rgba(0, 0, 0, 0.2);
}
.popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -10px;
}
/*--------------------------------------------------------------
23.0 - Carousel
--------------------------------------------------------------*/
.carousel {
position: relative;
}
.carousel.fade {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel.fade {
opacity: 1;
filter: alpha(opacity=100);
}
.carousel.fade .carousel-inner .item {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition-property: opacity;
width: 100%;
height: 100%;
}
.carousel.fade .carousel-inner .active {
opacity: 1;
z-index: 1;
}
.carousel.fade .carousel-inner .active.left,
.carousel.fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel.fade .carousel-inner .next.left,
.carousel.fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #ffffff;
text-align: center;
z-index: 10;
}
.carousel-control.right {
left: auto;
right: 0;
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .carousel-icon-prev,
.carousel-control .carousel-icon-next {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .carousel-icon-prev {
left: 50%;
margin-left: -10px;
}
.carousel-control .carousel-icon-next {
right: 50%;
margin-right: -10px;
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
text-indent: -999px;
border: 1px solid #ffffff;
border-radius: 10px;
cursor: pointer;
margin: 0px 3px;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
background-color: #ffffff;
}
@media screen and (min-width: 768px) {
.carousel-control .carousel-icon-prev,
.carousel-control .carousel-icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .carousel-icon-prev {
margin-left: -15px;
}
.carousel-control .carousel-icon-next {
margin-right: -15px;
}
.carousel-indicators {
bottom: 20px;
}
}
/*--------------------------------------------------------------
24.0 - DH Slider
--------------------------------------------------------------*/
@-webkit-keyframes text-from-bottom {
0% {
top: 70px;
opacity: 0;
filter: alpha(opacity=0);
}
50% {
top: 45px;
opacity: 0;
filter: alpha(opacity=0);
}
100% {
top: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
}
@-moz-keyframes text-from-bottom {
0% {
top: 70px;
opacity: 0;
filter: alpha(opacity=0);
}
50% {
top: 45px;
opacity: 0;
filter: alpha(opacity=0);
}
100% {
top: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
}
@-o-keyframes text-from-bottom {
0% {
top: 70px;
opacity: 0;
filter: alpha(opacity=0);
}
50% {
top: 45px;
opacity: 0;
filter: alpha(opacity=0);
}
100% {
top: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
}
@keyframes text-from-bottom {
0% {
top: 70px;
opacity: 0;
filter: alpha(opacity=0);
}
50% {
top: 45px;
opacity: 0;
filter: alpha(opacity=0);
}
100% {
top: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
}
.dhslider {
margin: 0 auto;
padding: 0;
position: relative;
}
.dhslider .dhslider-loader {
background: none repeat scroll 0 0 #393939;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 50;
}
.dhslider .dhslider-loader .fade-loading {
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.dhslider .dhslider-wrap {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0;
padding: 0;
}
.dhslider .slide-bg {
background-position: center 0;
background-repeat: no-repeat;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.dhslider .slide-bg-1 {
background-image:url(../images/slideshow/slider-1.jpg);
}
.dhslider .slide-bg-2 {
background-image:url(../images/slideshow/drops.png);
}
.dhslider .slide-bg-3 {
background-image:url(../images/slideshow/slider-2.jpg);
}
.dhslider .slider-overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(../images/grid-overlay.png) repeat scroll 0 0 rgba(174, 174, 174, 0.25);
z-index: 2;
}
.dhslider .slide-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 3;
}
.dhslider .video-embed-wrap {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.dhslider .video-embed-wrap video {
position: relative;
visibility: visible;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.dhslider .carousel-control {
background: none;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.dhslider .carousel-control .carousel-icon-prev,
.dhslider .carousel-control .carousel-icon-next {
width: 50px;
height: 50px;
margin-top: -25px;
border: 2px solid #fff;
-webkit-border-radius: 100%;
border-radius: 100%;
line-height: 45px;
}
.dhslider .carousel-control:hover,
.dhslider .carousel-control:focus {
outline: 0;
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.dhslider .carousel-control .carousel-icon-prev {
margin-left: -25px;
}
.dhslider .carousel-control .carousel-icon-next {
margin-right: -25px;
}
@media (max-width: 767px) {
.dhslider .carousel-control {
display: none;
}
}
.dhslider:hover .carousel-control {
opacity: 0.5;
filter: alpha(opacity=50);
visibility: visible;
}
.dhslider:hover .carousel-control:hover,
.dhslider:hover .carousel-control:focus {
outline: 0;
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.dhslider .slider-caption {
position: absolute;
z-index: 9;
width: 100%;
top: 50%;
}
.dhslider .slider-caption.caption-align-left {
padding-left: 15%;
width: 50%;
}
.dhslider .slider-caption.caption-align-left .slider-caption-text {
max-width: none;
}
.dhslider .slider-caption.caption-align-center {
padding: 0 15%;
text-align: center;
}
.dhslider .slider-caption.caption-align-right {
padding-right: 15%;
width: 50%;
left: auto;
right: 0;
}
.dhslider .slider-caption.caption-align-right .slider-caption-text {
max-width: none;
}
@media (max-width: 1199px) {
.dhslider .slider-caption {
padding: 0 10% !important;
text-align: center !important;
width: 100% !important;
left: auto;
right: auto;
}
}
.dhslider .slider-caption .btn {
line-height: 1;
font-size: 1.2em;
border-width: 2px;
margin: 0 10px;
}
@media (max-width: 1199px) {
.dhslider .slider-caption .btn {
font-size: 1em;
}
}
@media (max-width: 767px) {
.dhslider .slider-caption .btn {
font-size: 0.8em;
}
}
.dhslider .slider-caption .slider-heading-text {
color: #fff;
font-size: 4em;
margin: 0;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.dhslider .slider-caption .slider-heading-text {
font-size: 3em;
}
}
@media (max-width: 767px) {
.dhslider .slider-caption .slider-heading-text {
font-size: 2em;
margin-bottom: 10px;
}
}
.dhslider .slider-caption .slider-caption-text {
font-size: 1.4em;
color: #fff;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.dhslider .slider-caption .slider-caption-text {
font-size: 1em;
}
}
@media (max-width: 767px) {
.dhslider .slider-caption .slider-caption-text {
font-size: 0.8em;
margin-bottom: 10px;
}
}
@media (min-width: 992px) {
.dhslider .carousel-inner .slider-caption .slider-heading-text,
.dhslider .carousel-inner .slider-caption .slider-caption-text,
.dhslider .carousel-inner .slider-caption .slider-buttons a {
opacity: 0;
filter: alpha(opacity=0);
top: 70px;
position: relative;
}
.dhslider .carousel-inner .active .slider-caption .slider-heading-text,
.dhslider .carousel-inner .active .slider-caption .slider-caption-text,
.dhslider .carousel-inner .active .slider-caption .slider-buttons a {
opacity: 1;
filter: alpha(opacity=100);
top: 0;
-webkit-animation: text-from-bottom 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-animation: text-from-bottom 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
animation: text-from-bottom 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.dhslider .carousel-inner .active .slider-caption .slider-caption-text {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.dhslider .carousel-inner .active .slider-caption .slider-buttons a {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
}
/*--------------------------------------------------------------
25.0 - Shortcodes
25.1 - Animate Box
25.2 - Call to Action
25.3 - Separator
25.4 - Caroufredsel Slider
25.5 - Testimonial
25.6 - Client
25.7 - Counter
25.8 - Google Map
25.9 - Iconbox
25.10 - Piechart
25.11 - Pricing Table
25.12 - Timeline
25.13 - Team Member
25.14 - Single Image
25.15 - Latestnews
25.16 - Embed
25.17 - Lists Ul
--------------------------------------------------------------*/
/*--------------------------------------------------------------
25.1 - Animate Box
--------------------------------------------------------------*/
@media (max-width: 991px) {
.animate-box.animated {
visibility: visible;
}
}
/*--------------------------------------------------------------
25.2 - Call to Action
--------------------------------------------------------------*/
.cta {
background: #f5f5f5;
padding: 15px;
border: 1px solid #e5e5e5;
}
.cta .cta-heading h3 {
margin-top: 0;
}
.cta .cta-heading h4 {
font-weight:normal
}
.cta .cta-heading h4 span {
color: #000000
}
.cta-heading h1 span {
color: #000000
}
@media (max-width: 768px) {
.cta-heading h1 {font-size: 36px}
.cta-heading h1 span {
color: #000000;
font-size:36px;
}
}
.cta-heading a{
color:#000000;
}
.cta-heading a:hover{
text-decoration:underline;
}
.cta-style-rounded {
-webkit-border-radius: 3px;
border-radius: 3px;
}
.cta-style-square {
-webkit-border-radius: 0;
border-radius: 0;
}
.cta-style-round {
-webkit-border-radius: 50px;
border-radius: 50px;
}
.cta-style-outlined {
background: none !important;
border-width: 2px;
}
.cta-btn-bottom .cta-heading,
.cta-btn-right .cta-heading {
margin-bottom: 30px;
}
.cta-custom-1 {
background-color:#1e73be;
border-color:#1e73be;
}
.cta-custom-1 h3, .cta-custom-1 h4 {
color: #ffffff;
}
.cta-custom-2 {
background-color:#ffffff;
border-color:#dd3333;
}
.cta-custom-2 button {
padding:10px 40px 10px 40px;
border-width:1px;
font-size:14px;
}
@media (min-width: 768px) {
.cta-btn-left,
.cta-btn-right {
display: table;
width: 100%;
padding: 0;
}
.cta-btn-left .cta-heading,
.cta-btn-right .cta-heading {
display: table-cell;
vertical-align: middle;
padding: 15px;
margin: 0;
}
.cta-btn-left .cta-btn,
.cta-btn-right .cta-btn {
padding: 15px;
display: table-cell;
vertical-align: middle;
}
.cta-btn-right .cta-heading {
padding-right: 0;
}
.cta-btn-left .cta-heading {
padding-left: 0;
}
}
/*--------------------------------------------------------------
25.3 - Separator
--------------------------------------------------------------*/
.separator {
display: table;
clear: both;
height: 1px;
margin: 0 auto;
}
.separator.separator-double {
height: 3px;
}
.separator.separator-double .separator-line {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
height: 3px;
}
.separator.separator-dashed .separator-line {
border-top-style: dashed;
}
.separator.separator-dotted .separator-line {
border-top-style: dotted;
}
.separator.separator-border-2 .separator-line {
border-width: 2px;
}
.separator.separator-width-10 {
width: 10%;
margin-left: auto;
margin-right: auto;
}
.separator.separator-width-20 {
width: 20%;
margin-left: auto;
margin-right: auto;
}
.separator.separator-width-30 {
width: 30%;
margin-left: auto;
margin-right: auto;
}
.separator.separator-width-40 {
width: 40%;
margin-left: auto;
margin-right: auto;
}
.separator.separator-width-50 {
width: 50%;
margin-left: auto;
margin-right: auto;
}
.separator.separator-width-60 {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.separator.separator-width-70 {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.separator.separator-width-80 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.separator.separator-width-90 {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.separator.separator-width-100 {
width: 100%;
}
.separator i,
.separator h4 {
display: table-cell;
white-space: nowrap;
}
.separator.separator-align-center h4 {
padding: 0 0.8em;
}
.separator.separator-align-center i {
padding: 0 5px;
}
.separator.separator-align-left {
margin-left: 0;
}
.separator.separator-align-left h4 {
padding: 0 0.8em 0 0;
}
.separator.separator-align-left i {
padding: 0 5px 0 0;
}
.separator.separator-align-left > span {
width: 100%;
}
.separator.separator-align-left .separator-left {
display: none;
}
.separator.separator-align-right {
margin-right: 0;
}
.separator.separator-align-right h4 {
padding: 0 0 0 0.8em;
margin: 0 !important;
}
.separator.separator-align-right i {
padding: 0 0 0 5px;
}
.separator.separator-align-right > span {
width: 100%;
}
.separator.separator-align-right .separator-right {
display: none;
}
.separator > span {
display: table-cell;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.separator .separator-line {
height: 1px;
border-top: 1px solid #e5e5e5;
display: block;
position: relative;
top: 1px;
width: 100%;
}
/*--------------------------------------------------------------
25.4 - Caroufredsel Slider
--------------------------------------------------------------*/
.caroufredsel {
position: relative;
overflow: hidden;
padding: 0;
}
.caroufredsel .caroufredsel-wrap {
position: relative;
overflow: hidden;
height: 100%;
margin: 0 -0.6896551724137931em;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-items {
margin: 0;
padding: 0;
list-style: none;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-item {
float: left;
padding: 0;
list-style: none;
margin: 0 0.6896551724137931em;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-item > a > img,
.caroufredsel .caroufredsel-wrap .caroufredsel-item > img {
width: 100%;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next,
.caroufredsel .caroufredsel-wrap .caroufredsel-prev {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 40px;
height: 40px;
line-height: 37px;
font-size: 20px;
border: 1px solid #fff;
text-align: center;
z-index: 100;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next:hover,
.caroufredsel .caroufredsel-wrap .caroufredsel-prev:hover {
background-color: #000000;
border-color: transparent;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next.disabled,
.caroufredsel .caroufredsel-wrap .caroufredsel-prev.disabled {
display: none !important;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-prev {
left: -35px;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-prev:before {
content: "\f104";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next {
right: -35px;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next:before {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.caroufredsel .caroufredsel-wrap:hover > .caroufredsel-prev {
left: 20px;
}
.caroufredsel .caroufredsel-wrap:hover > .caroufredsel-next {
right: 20px;
}
.caroufredsel .caroufredsel-pagination {
text-align: center;
margin-top: 15px;
}
.caroufredsel .caroufredsel-pagination a {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 2px;
text-indent: -9999em;
width: 10px;
}
.caroufredsel .caroufredsel-pagination a:hover,
.caroufredsel .caroufredsel-pagination a.selected {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0);
}
/*--------------------------------------------------------------
25.5 - Testimonial
--------------------------------------------------------------*/
.testimonial .testimonial-text {
font-style: italic;
font-size: 1.2em;
text-align: center;
padding: 1.2rem;
background: #f5f5f5;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
margin-bottom: 1.2rem;
}
.testimonial .testimonial-text > span {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.1em;
line-height: 1;
}
.testimonial .testimonial-text:before {
border-top: 8px solid #f5f5f5;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
bottom: -8px;
content: "";
height: 0;
left: 50%;
margin-left: -8px;
position: absolute;
width: 0;
}
.testimonial.bg-transparent .testimonial-text {
background: rgba(0, 0, 0, 0);
}
.testimonial.bg-transparent .testimonial-text:before {
display: none;
}
.testimonial .testimonial-avatar {
text-align: center;
}
.testimonial .testimonial-avatar img {
width: 60px !important;
height: 60px!important;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.testimonial .testimonial-author {
text-align: center;
margin-top: 0.5em;
font-weight: bold;
}
.testimonial .testimonial-company {
text-align: center;
margin-top: 0.5em;
font-size: 13px;
}
.testimonial .caroufredsel .caroufredsel-pagination a {
border-color:#ffffff;
}
.testimonial .caroufredsel .caroufredsel-pagination a.selected,
.testimonial .caroufredsel .caroufredsel-pagination a:hover {
background-color:#ffffff;
}
/*--------------------------------------------------------------
25.6 - Client
--------------------------------------------------------------*/
.client.client-grid {
overflow: hidden;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
.client.client-grid > .row .client-item {
padding: 15px;
}
.client.client-grid > .row > div {
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
/*--------------------------------------------------------------
25.7 - Counter
--------------------------------------------------------------*/
.counter {
text-align: center;
margin-bottom: 15px;
}
.counter.counter-icon-top .counter-icon {
display: block;
}
.counter.counter-icon-left .counter-icon {
margin-right: 10px;
line-height: 1;
display: inline-block;
}
.counter .counter-count {
font-weight: 600;
line-height: 1.2;
margin-bottom: 0.7931034482758621em;
}
.counter .counter-unit {
font-size: 80%;
}
.counter .counter-number {
margin-top: 0;
}
.counter .counter-text {
display: block;
font-weight: 600;
line-height: 1.2;
margin-top: 0;
}
/*--------------------------------------------------------------
25.8 - Google Map
--------------------------------------------------------------*/
.google-map img {
max-width: none;
}
.google-map div,
.google-map div:before,
.google-map div:after {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.google-map .gm-style .gm-style-iw,
.google-map .gm-style .gm-style-iw a,
.google-map .gm-style .gm-style-iw span,
.google-map .gm-style .gm-style-iw label,
.google-map .gm-style .gm-style-iw div {
font-family: arial;
letter-spacing: 0;
line-height: 1.1em;
}
.gmap {
height: 450px;
}
/*--------------------------------------------------------------
25.9 - Iconbox
--------------------------------------------------------------*/
.iconbox {
margin-bottom: 15px;
}
.iconbox.iconbox-bg {
background: #f5f5f5;
padding: 30px 15px;
}
.iconbox .iconbox-icon {
text-align: center;
}
.iconbox .iconbox-icon i[data-link] {
cursor: pointer;
}
.iconbox .iconbox-icon i {
width: 1.5em;
position: relative;
text-align: center;
display: inline-block;
vertical-align: top;
line-height: 1;
}
.iconbox .iconbox-icon.icon-circle i {
border: 1px solid #e5e5e5;
vertical-align: middle;
width: 2em;
height: 2em;
line-height: 2em !important;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.iconbox .iconbox-icon.icon-circle i:before {
line-height: 2em !important;
}
.iconbox .iconbox-icon.icon-color-default i {
color: #8c8c8c;
border: none;
vertical-align: middle;
width: 2em;
height: 2em;
line-height: 2em;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.iconbox .iconbox-icon.icon-color-default i:before {
line-height: 2em;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-default i {
z-index: 1;
position: relative;
border: none !important;
background: rgba(245, 245, 245, 0.1);
-webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
transition: background 0.2s ease 0s, color 0.2s ease 0s;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-default i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
-webkit-box-shadow: 0 0 0 1px #f5f5f5;
box-shadow: 0 0 0 1px #f5f5f5;
left: -5px;
opacity: 0;
filter: alpha(opacity=0);
padding: 5px;
top: -5px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-default i {
background: #f5f5f5;
color: #fff;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-default i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-default i:before {
line-height: 2em;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-default i {
z-index: 1;
border: none !important;
background: transparent;
color: #fff;
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
-webkit-box-shadow: 0 0 0 1px #f5f5f5;
box-shadow: 0 0 0 1px #f5f5f5;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-default i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #f5f5f5;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-default i {
color: #fff;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-default i:after {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-default i:before {
line-height: 2em;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-default i {
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
background: transparent;
-webkit-box-shadow: 0 0 0 1px #f5f5f5;
box-shadow: 0 0 0 1px #f5f5f5;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-default i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #f5f5f5;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-default i {
color: #fff;
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-default i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-default i:before {
line-height: 2em;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-default i {
-webkit-transition: box-shadow 0.2s ease 0s;
-o-transition: box-shadow 0.2s ease 0s;
transition: box-shadow 0.2s ease 0s;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-default i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
box-shadow: 0 0 0 1px #f5f5f5;
left: 0;
padding: 0;
top: 0;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-default i {
box-shadow: 0 0 0 6px #f5f5f5;
color: #f5f5f5;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-default i:after {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-default.icon-circle i {
border-color: #e5e5e5;
}
.iconbox .iconbox-icon.icon-color-primary i {
color: #000000;
border: none;
vertical-align: middle;
width: 2em;
height: 2em;
line-height: 2em;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.iconbox .iconbox-icon.icon-color-primary i:before {
line-height: 2em;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-primary i {
z-index: 1;
position: relative;
border: none !important;
background: rgba(128, 128, 128, 0.23);
-webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
transition: background 0.2s ease 0s, color 0.2s ease 0s;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-primary i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
-webkit-box-shadow: 0 0 0 1px #000000;
box-shadow: 0 0 0 1px #000000;
left: -5px;
opacity: 0;
filter: alpha(opacity=0);
padding: 5px;
top: -5px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-primary i {
background: #000000;
color: #fff;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-primary i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-primary i:before {
line-height: 2em;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-primary i {
z-index: 1;
border: none !important;
background: transparent;
color: #fff;
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
-webkit-box-shadow: 0 0 0 1px #000000;
box-shadow: 0 0 0 1px #000000;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-primary i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #000000;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-primary i {
color: #fff;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-primary i:after {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-primary i:before {
line-height: 2em;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-primary i {
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
background: transparent;
-webkit-box-shadow: 0 0 0 1px #000000;
box-shadow: 0 0 0 1px #000000;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-primary i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #000000;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-primary i {
color: #fff;
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-primary i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-primary i:before {
line-height: 2em;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-primary i {
-webkit-transition: box-shadow 0.2s ease 0s;
-o-transition: box-shadow 0.2s ease 0s;
transition: box-shadow 0.2s ease 0s;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-primary i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
box-shadow: 0 0 0 1px #000000;
left: 0;
padding: 0;
top: 0;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-primary i {
box-shadow: 0 0 0 6px #000000;
color: #000000;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-primary i:after {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-primary.icon-circle i {
border: 1px solid #000000;
}
.iconbox .iconbox-icon.icon-color-success i {
color: #000000;
border: none;
vertical-align: middle;
width: 2em;
height: 2em;
line-height: 2em;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.iconbox .iconbox-icon.icon-color-success i:before {
line-height: 2em;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-success i {
z-index: 1;
position: relative;
border: none !important;
background: rgba(87, 187, 88, 0.1);
-webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
transition: background 0.2s ease 0s, color 0.2s ease 0s;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-success i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
-webkit-box-shadow: 0 0 0 1px #000000;
box-shadow: 0 0 0 1px #000000;
left: -5px;
opacity: 0;
filter: alpha(opacity=0);
padding: 5px;
top: -5px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-success i {
background: #000000;
color: #fff;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-success i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-success i:before {
line-height: 2em;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-success i {
z-index: 1;
border: none !important;
background: transparent;
color: #fff;
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
-webkit-box-shadow: 0 0 0 1px #57bb58;
box-shadow: 0 0 0 1px #57bb58;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-success i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #57bb58;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-success i {
color: #fff;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-success i:after {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-success i:before {
line-height: 2em;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-success i {
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
background: transparent;
-webkit-box-shadow: 0 0 0 1px #57bb58;
box-shadow: 0 0 0 1px #57bb58;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-success i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #57bb58;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-success i {
color: #fff;
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-success i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-success i:before {
line-height: 2em;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-success i {
-webkit-transition: box-shadow 0.2s ease 0s;
-o-transition: box-shadow 0.2s ease 0s;
transition: box-shadow 0.2s ease 0s;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-success i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
box-shadow: 0 0 0 1px #57bb58;
left: 0;
padding: 0;
top: 0;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-success i {
box-shadow: 0 0 0 6px #57bb58;
color: #57bb58;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-success i:after {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-success.icon-circle i {
border: 1px solid #57bb58;
}
.iconbox .iconbox-icon.icon-color-info i {
color: #5788bb;
border: none;
vertical-align: middle;
width: 2em;
height: 2em;
line-height: 2em;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.iconbox .iconbox-icon.icon-color-info i:before {
line-height: 2em;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-info i {
z-index: 1;
position: relative;
border: none !important;
background: rgba(87, 136, 187, 0.1);
-webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
transition: background 0.2s ease 0s, color 0.2s ease 0s;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-info i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
-webkit-box-shadow: 0 0 0 1px #000000;
box-shadow: 0 0 0 1px #000000;
left: -5px;
opacity: 0;
filter: alpha(opacity=0);
padding: 5px;
top: -5px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-info i {
background: #FFF;
color: #fff;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-info i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-info i:before {
line-height: 2em;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-info i {
z-index: 1;
border: none !important;
background: transparent;
color: #fff;
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
-webkit-box-shadow: 0 0 0 1px #5788bb;
box-shadow: 0 0 0 1px #5788bb;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-info i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #5788bb;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-info i {
color: #fff;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-info i:after {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-info i:before {
line-height: 2em;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-info i {
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
background: transparent;
-webkit-box-shadow: 0 0 0 1px #5788bb;
box-shadow: 0 0 0 1px #5788bb;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-info i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #5788bb;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-info i {
color: #fff;
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-info i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-info i:before {
line-height: 2em;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-info i {
-webkit-transition: box-shadow 0.2s ease 0s;
-o-transition: box-shadow 0.2s ease 0s;
transition: box-shadow 0.2s ease 0s;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-info i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
box-shadow: 0 0 0 1px #5788bb;
left: 0;
padding: 0;
top: 0;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-info i {
box-shadow: 0 0 0 6px #5788bb;
color: #5788bb;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-info i:after {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-info.icon-circle i {
border: 1px solid #5788bb;
}
.iconbox .iconbox-icon.icon-color-warning i {
color: #f0ad4e;
border: none;
vertical-align: middle;
width: 2em;
height: 2em;
line-height: 2em;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.iconbox .iconbox-icon.icon-color-warning i:before {
line-height: 2em;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-warning i {
z-index: 1;
position: relative;
border: none !important;
background: rgba(240, 173, 78, 0.1);
-webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
transition: background 0.2s ease 0s, color 0.2s ease 0s;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-warning i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
-webkit-box-shadow: 0 0 0 1px #f0ad4e;
box-shadow: 0 0 0 1px #f0ad4e;
left: -5px;
opacity: 0;
filter: alpha(opacity=0);
padding: 5px;
top: -5px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-warning i {
background: #f0ad4e;
color: #fff;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-warning i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-warning i:before {
line-height: 2em;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-warning i {
z-index: 1;
border: none !important;
background: transparent;
color: #fff;
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
-webkit-box-shadow: 0 0 0 1px #f0ad4e;
box-shadow: 0 0 0 1px #f0ad4e;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-warning i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #f0ad4e;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-warning i {
color: #fff;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-warning i:after {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-warning i:before {
line-height: 2em;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-warning i {
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
background: transparent;
-webkit-box-shadow: 0 0 0 1px #f0ad4e;
box-shadow: 0 0 0 1px #f0ad4e;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-warning i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #f0ad4e;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-warning i {
color: #fff;
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-warning i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-warning i:before {
line-height: 2em;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-warning i {
-webkit-transition: box-shadow 0.2s ease 0s;
-o-transition: box-shadow 0.2s ease 0s;
transition: box-shadow 0.2s ease 0s;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-warning i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
box-shadow: 0 0 0 1px #f0ad4e;
left: 0;
padding: 0;
top: 0;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-warning i {
box-shadow: 0 0 0 6px #f0ad4e;
color: #f0ad4e;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-warning i:after {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-warning.icon-circle i {
border: 1px solid #f0ad4e;
}
.iconbox .iconbox-icon.icon-color-danger i {
color: #bb5857;
border: none;
vertical-align: middle;
width: 2em;
height: 2em;
line-height: 2em;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.iconbox .iconbox-icon.icon-color-danger i:before {
line-height: 2em;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-danger i {
z-index: 1;
position: relative;
border: none !important;
background: rgba(187, 88, 87, 0.1);
-webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
transition: background 0.2s ease 0s, color 0.2s ease 0s;
}
.iconbox-effect-1.iconbox .iconbox-icon.icon-color-danger i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
-webkit-box-shadow: 0 0 0 1px #bb5857;
box-shadow: 0 0 0 1px #bb5857;
left: -5px;
opacity: 0;
filter: alpha(opacity=0);
padding: 5px;
top: -5px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-danger i {
background: #bb5857;
color: #fff;
}
.iconbox-effect-1:hover.iconbox .iconbox-icon.icon-color-danger i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-danger i:before {
line-height: 2em;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-danger i {
z-index: 1;
border: none !important;
background: transparent;
color: #fff;
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
-webkit-box-shadow: 0 0 0 1px #bb5857;
box-shadow: 0 0 0 1px #bb5857;
}
.iconbox-effect-2.iconbox .iconbox-icon.icon-color-danger i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #bb5857;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-danger i {
color: #fff;
}
.iconbox-effect-2:hover.iconbox .iconbox-icon.icon-color-danger i:after {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-danger i:before {
line-height: 2em;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-danger i {
-webkit-transition: color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s;
transition: color 0.3s ease 0s;
background: transparent;
-webkit-box-shadow: 0 0 0 1px #bb5857;
box-shadow: 0 0 0 1px #bb5857;
}
.iconbox-effect-3.iconbox .iconbox-icon.icon-color-danger i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
background: none repeat scroll 0 0 #bb5857;
left: -2px;
padding: 2px;
top: -2px;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-danger i {
color: #fff;
}
.iconbox-effect-3:hover.iconbox .iconbox-icon.icon-color-danger i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox .iconbox-icon.icon-color-danger i:before {
line-height: 2em;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-danger i {
-webkit-transition: box-shadow 0.2s ease 0s;
-o-transition: box-shadow 0.2s ease 0s;
transition: box-shadow 0.2s ease 0s;
}
.iconbox-effect-4.iconbox .iconbox-icon.icon-color-danger i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 100%;
position: absolute;
width: 100%;
box-shadow: 0 0 0 1px #bb5857;
left: 0;
padding: 0;
top: 0;
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-danger i {
box-shadow: 0 0 0 6px #bb5857;
color: #bb5857;
}
.iconbox-effect-4:hover.iconbox .iconbox-icon.icon-color-danger i:after {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.iconbox .iconbox-icon.icon-color-danger.icon-circle i {
border: 1px solid #bb5857;
}
.iconbox .iconbox-icon.icon-size-default {
font-size: 25px;
}
.iconbox .iconbox-icon.icon-size-lg {
font-size: 86px;
}
.iconbox .iconbox-icon.icon-size-sm {
font-size: 13px;
}
.iconbox .iconbox-content .el-heading {
font-size: 1.4em;
}
.iconbox .iconbox-content p {
margin: 0;
padding: 0;
}
.iconbox .iconbox-content a {
margin-top: 10px;
display: inline-block;
}
.iconbox.iconbox-pos-top .iconbox-icon {
padding-bottom: 10px;
}
.iconbox.iconbox-pos-top .iconbox-content {
padding-top: 10px;
text-align: center;
}
.iconbox.iconbox-pos-left {
display: table;
width: 100%;
}
.iconbox.iconbox-pos-left .iconbox-icon {
display: table-cell;
vertical-align: top;
padding-right: 5px;
}
@media (min-width: 992px) {
.iconbox.iconbox-pos-left .iconbox-icon {
width: 1%;
}
}
.iconbox.iconbox-pos-left .iconbox-icon i {
height: 2em;
line-height: 1;
width: 2em;
}
.iconbox.iconbox-pos-left .iconbox-icon i:before {
line-height: 1;
}
.iconbox.iconbox-pos-left .iconbox-icon.icon-circle {
padding-right: 20px;
padding-top: 10px;
}
.iconbox.iconbox-pos-left .iconbox-content {
text-align: left;
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
.iconbox.iconbox-pos-right {
display: table;
width: 100%;
}
.iconbox.iconbox-pos-right .iconbox-icon {
display: table-cell;
vertical-align: top;
padding-left: 5px;
}
@media (min-width: 992px) {
.iconbox.iconbox-pos-right .iconbox-icon {
width: 1%;
}
}
.iconbox.iconbox-pos-right .iconbox-icon i {
height: 2em;
line-height: 1;
width: 2em;
}
.iconbox.iconbox-pos-right .iconbox-icon i:before {
line-height: 1;
}
.iconbox.iconbox-pos-right .iconbox-icon.icon-circle {
padding-left: 20px;
}
.iconbox.iconbox-pos-right .iconbox-content {
text-align: right;
display: table-cell;
vertical-align: top;
padding-right: 5px;
}
@media (max-width: 767px) {
.iconbox.iconbox-pos-left,
.iconbox.iconbox-pos-right {
display: block;
position: relative;
}
.iconbox.iconbox-pos-left .iconbox-icon,
.iconbox.iconbox-pos-right .iconbox-icon {
padding: 0 0 10px 0 !important;
}
.iconbox.iconbox-pos-left .iconbox-content,
.iconbox.iconbox-pos-right .iconbox-content,
.iconbox.iconbox-pos-left .iconbox-icon,
.iconbox.iconbox-pos-right .iconbox-icon {
display: block;
text-align: center;
}
.iconbox.iconbox-pos-right .iconbox-icon {
position: absolute;
width: 100%;
top: 0;
left: 0;
}
}
/*--------------------------------------------------------------
25.10 - Piechart
--------------------------------------------------------------*/
.piechart {
margin-bottom: 15px;
}
.piechart .el-heading {
text-align: center;
}
.piechart .pichart-canvas {
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
margin: 0 auto 0.7931034482758621em;
padding: 4px;
}
.piechart .pichart-canvas canvas {
position: relative;
z-index: 1;
}
.piechart .pichart-canvas-back {
border: 6px solid #e5e5e5;
-webkit-border-radius: 50%;
border-radius: 50%;
box-sizing: border-box;
display: block;
height: 100%;
left: 4px;
opacity: 0.3;
position: absolute;
top: 4px;
width: 100%;
}
.piechart .pichart-canvas-value {
display: block;
font-size: 1.5em;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.piechart .piechart-primary {
background: #000000;
border-color: transparent;
}
.piechart .piechart-success {
background: #57bb58;
}
.piechart .piechart-info {
background: #5788bb;
}
.piechart .piechart-warning {
background: #f0ad4e;
}
.piechart .piechart-danger {
background: #bb5857;
}
/*--------------------------------------------------------------
25.11 - Pricing Table
--------------------------------------------------------------*/
.pricing-table .pricing-column {
float: left;
position: relative;
}
.pricing-table .pricing-column:first-child .pricing-footer,
.pricing-table .pricing-column:first-child .pricing-body {
border-left: 1px solid #e5e5e5;
}
@media (min-width: 992px) {
.pricing-table .pricing-column.pricing-recommend {
margin: -20px -1px 0;
z-index: 1;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.pricing-table .pricing-column.pricing-recommend .pricing-title {
padding: 15.689655172413794px 0;
}
.pricing-table .pricing-column.pricing-recommend .pricing-footer {
padding: 30.689655172413794px;
}
.pricing-table .pricing-column.pricing-recommend .pricing-price,
.pricing-table .pricing-column.pricing-recommend .pricing-title,
.pricing-table .pricing-column.pricing-recommend .pricing-footer,
.pricing-table .pricing-column.pricing-recommend .pricing-body {
border-left-width: 1px;
}
}
.pricing-table.pricing-1-column .pricing-column {
width: 100%;
}
.pricing-table.pricing-2-column .pricing-column {
width: 50%;
}
.pricing-table.pricing-3-column .pricing-column {
width: 33.33333333333333%;
}
.pricing-table.pricing-4-column .pricing-column {
width: 25%;
}
.pricing-table.pricing-5-column .pricing-column {
width: 20%;
}
@media (max-width: 991px) {
.pricing-table.pricing-4-column .pricing-column,
.pricing-table.pricing-5-column .pricing-column {
width: 50%;
}
}
@media (max-width: 767px) {
.pricing-table .pricing-column {
width: 100% !important;
}
}
.pricing-table .pricing-header {
border-style: solid;
border-color: #e5e5e5;
border-width: 1px;
}
.pricing-table .pricing-default .pricing-header {
color: #666666;
}
.pricing-table .pricing-default .pricing-title {
background: #e5e5e5;
border-color: #e5e5e5;
}
.pricing-table .pricing-default .pricing-price {
background: #f5f5f5;
border-color: #f5f5f5;
}
.pricing-table .pricing-primary .pricing-header {
color: #ffffff;
}
.pricing-table .pricing-primary .pricing-title {
background: #000000;
border-color: #000000;
}
.pricing-table .pricing-primary .pricing-price {
background: #7bcaa3;
border-color: #7bcaa3;
}
.pricing-table .pricing-success .pricing-header {
color: #ffffff;
}
.pricing-table .pricing-success .pricing-title {
background: #57bb58;
border-color: #57bb58;
}
.pricing-table .pricing-success .pricing-price {
background: #7bca7c;
border-color: #7bca7c;
}
.pricing-table .pricing-info .pricing-header {
color: #ffffff;
}
.pricing-table .pricing-info .pricing-title {
background: #5788bb;
border-color: #5788bb;
}
.pricing-table .pricing-info .pricing-price {
background: #7ba2ca;
border-color: #7ba2ca;
}
.pricing-table .pricing-warning .pricing-header {
color: #ffffff;
}
.pricing-table .pricing-warning .pricing-title {
background: #f0ad4e;
border-color: #f0ad4e;
}
.pricing-table .pricing-warning .pricing-price {
background: #f4c37d;
border-color: #f4c37d;
}
.pricing-table .pricing-danger .pricing-header {
color: #ffffff;
}
.pricing-table .pricing-danger .pricing-title {
background: #bb5857;
border-color: #bb5857;
}
.pricing-table .pricing-danger .pricing-price {
background: #ca7c7b;
border-color: #ca7c7b;
}
.pricing-table .pricing-title {
padding: 1.15385em 0;
border-style: solid;
border-width: 1px 1px 1px 0px;
border-color: #e5e5e5;
}
.pricing-table .pricing-title h3 {
margin: 0;
padding: 0;
text-align: center;
color: inherit;
}
.pricing-table .pricing-price {
padding: 1.15385rem 0;
text-align: center;
font-size: 4em;
border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #e5e5e5;
}
.pricing-table .pricing-price .price-value sub {
font-size: 40%;
position: relative;
vertical-align: text-top;
}
.pricing-table .pricing-price .price-unit {
font-size: 25%;
}
.pricing-table .pricing-body {
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #e5e5e5;
}
.pricing-table .pricing-features {
list-style: none;
margin: 0;
padding: 0;
}
.pricing-table .pricing-features li {
padding: 0.8275862068965517rem 1.2413793103448276rem;
border-bottom: 1px solid #e5e5e5;
}
.pricing-table .pricing-features li:nth-child(2n) {
background: #f5f5f5;
}
.pricing-table .pricing-footer {
border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #e5e5e5;
text-align: center;
padding: 30px;
}
/*--------------------------------------------------------------
25.12 - Timeline
--------------------------------------------------------------*/
.timeline .timeline-wrap {
position: relative;
}
.timeline .timeline-item {
position: relative;
}
.timeline .timeline-content {
border: 1px solid #e5e5e5;
border-bottom-width: 3px;
float: left;
position: relative;
width: 100%;
background: #ffffff;
padding: 15px;
}
.timeline .timeline-content > h4 {
margin-top: 0;
}
.timeline .timeline-badge {
height: 24px;
position: absolute;
right: -12px;
text-align: center;
top: 16px;
width: 24px;
z-index: 8;
}
.timeline .timeline-badge a {
color: #e5e5e5;
font-size: 16px;
position: relative;
cursor: pointer;
}
.timeline.timeline-text .timeline-badge,
.timeline.timeline-image .timeline-badge,
.timeline.timeline-icon .timeline-badge {
width: 70px;
height: 70px;
top: 0px;
background: #fff;
border: 3px solid #e5e5e5;
padding: 3px ;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.timeline.timeline-text .timeline-badge a,
.timeline.timeline-image .timeline-badge a,
.timeline.timeline-icon .timeline-badge a {
font-size: 20px;
width: 58px;
height: 58px;
display: inline-block;
text-align: center;
position: relative;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #e5e5e5;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
color: #666666;
}
.timeline.timeline-text .timeline-badge a i,
.timeline.timeline-image .timeline-badge a i,
.timeline.timeline-icon .timeline-badge a i {
height: 58px;
}
.timeline.timeline-text .timeline-badge a i:before,
.timeline.timeline-image .timeline-badge a i:before,
.timeline.timeline-icon .timeline-badge a i:before {
line-height: 58px;
}
.timeline.timeline-text .timeline-badge a span,
.timeline.timeline-image .timeline-badge a span,
.timeline.timeline-icon .timeline-badge a span {
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
font-size: 12px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 18px;
padding: 7px;
position: absolute;
}
.timeline.timeline-text .timeline-badge a img,
.timeline.timeline-image .timeline-badge a img,
.timeline.timeline-icon .timeline-badge a img {
width: 58px;
height: 58px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.timeline.timeline-primary .timeline-line {
border-left-color: #000000 !important;
}
.timeline.timeline-primary .timeline-content {
border-color: #000000;
}
.timeline.timeline-primary .timeline-badge {
border-color: #000000;
}
.timeline.timeline-primary .timeline-badge a {
color: #000000;
}
.timeline.timeline-primary .timeline-badge a i {
line-height: 0.8275862068965517em;
background-color: #fff;
}
.timeline.timeline-primary.timeline-text .timeline-badge a,
.timeline.timeline-primary.timeline-image .timeline-badge a,
.timeline.timeline-primary.timeline-icon .timeline-badge a {
color: #fff;
background-color: #000000;
}
.timeline.timeline-primary.timeline-text .timeline-badge a i,
.timeline.timeline-primary.timeline-image .timeline-badge a i,
.timeline.timeline-primary.timeline-icon .timeline-badge a i {
background-color: transparent;
}
.timeline.timeline-primary .timeline-arrow {
background-color: #000000 !important;
}
.timeline.timeline-success .timeline-line {
border-left-color: #57bb58 !important;
}
.timeline.timeline-success .timeline-content {
border-color: #57bb58;
}
.timeline.timeline-success .timeline-badge {
border-color: #57bb58;
}
.timeline.timeline-success .timeline-badge a {
color: #57bb58;
}
.timeline.timeline-success .timeline-badge a i {
line-height: 0.8275862068965517em;
background-color: #fff;
}
.timeline.timeline-success.timeline-text .timeline-badge a,
.timeline.timeline-success.timeline-image .timeline-badge a,
.timeline.timeline-success.timeline-icon .timeline-badge a {
color: #fff;
background-color: #57bb58;
}
.timeline.timeline-success.timeline-text .timeline-badge a i,
.timeline.timeline-success.timeline-image .timeline-badge a i,
.timeline.timeline-success.timeline-icon .timeline-badge a i {
background-color: transparent;
}
.timeline.timeline-success .timeline-arrow {
background-color: #57bb58 !important;
}
.timeline.timeline-info .timeline-line {
border-left-color: #5788bb !important;
}
.timeline.timeline-info .timeline-content {
border-color: #5788bb;
}
.timeline.timeline-info .timeline-badge {
border-color: #5788bb;
}
.timeline.timeline-info .timeline-badge a {
color: #5788bb;
}
.timeline.timeline-info .timeline-badge a i {
line-height: 0.8275862068965517em;
background-color: #fff;
}
.timeline.timeline-info.timeline-text .timeline-badge a,
.timeline.timeline-info.timeline-image .timeline-badge a,
.timeline.timeline-info.timeline-icon .timeline-badge a {
color: #fff;
background-color: #5788bb;
}
.timeline.timeline-info.timeline-text .timeline-badge a i,
.timeline.timeline-info.timeline-image .timeline-badge a i,
.timeline.timeline-info.timeline-icon .timeline-badge a i {
background-color: transparent;
}
.timeline.timeline-info .timeline-arrow {
background-color: #5788bb !important;
}
.timeline.timeline-warning .timeline-line {
border-left-color: #f0ad4e !important;
}
.timeline.timeline-warning .timeline-content {
border-color: #f0ad4e;
}
.timeline.timeline-warning .timeline-badge {
border-color: #f0ad4e;
}
.timeline.timeline-warning .timeline-badge a {
color: #f0ad4e;
}
.timeline.timeline-warning .timeline-badge a i {
line-height: 0.8275862068965517em;
background-color: #fff;
}
.timeline.timeline-warning.timeline-text .timeline-badge a,
.timeline.timeline-warning.timeline-image .timeline-badge a,
.timeline.timeline-warning.timeline-icon .timeline-badge a {
color: #fff;
background-color: #f0ad4e;
}
.timeline.timeline-warning.timeline-text .timeline-badge a i,
.timeline.timeline-warning.timeline-image .timeline-badge a i,
.timeline.timeline-warning.timeline-icon .timeline-badge a i {
background-color: transparent;
}
.timeline.timeline-warning .timeline-arrow {
background-color: #f0ad4e !important;
}
.timeline.timeline-danger .timeline-line {
border-left-color: #bb5857 !important;
}
.timeline.timeline-danger .timeline-content {
border-color: #bb5857;
}
.timeline.timeline-danger .timeline-badge {
border-color: #bb5857;
}
.timeline.timeline-danger .timeline-badge a {
color: #bb5857;
}
.timeline.timeline-danger .timeline-badge a i {
line-height: 0.8275862068965517em;
background-color: #fff;
}
.timeline.timeline-danger.timeline-text .timeline-badge a,
.timeline.timeline-danger.timeline-image .timeline-badge a,
.timeline.timeline-danger.timeline-icon .timeline-badge a {
color: #fff;
background-color: #bb5857;
}
.timeline.timeline-danger.timeline-text .timeline-badge a i,
.timeline.timeline-danger.timeline-image .timeline-badge a i,
.timeline.timeline-danger.timeline-icon .timeline-badge a i {
background-color: transparent;
}
.timeline.timeline-danger .timeline-arrow {
background-color: #bb5857 !important;
}
.timeline .timeline-item {
width: 100%;
}
.timeline .timeline-item .timeline-item-wrap {
margin: 0;
border: none;
clear: left;
float: left;
margin-bottom: 2rem;
padding: 0;
position: relative;
width: 50%;
padding-right: 1.7241379310344827em;
}
.timeline.timeline-left .timeline-item .timeline-line {
border-left: 2px solid #f5f5f5;
bottom: 0;
left: 12px;
position: absolute;
top: -1px;
width: 2px;
z-index: -1;
display: block;
}
.timeline.timeline-left .timeline-item-wrap {
width: 100%;
padding: 0 0 0 2.413793103448276em;
}
.timeline.timeline-left .timeline-item-wrap .animate-box.go {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.timeline.timeline-left .timeline-badge {
left: 0px;
}
.timeline.timeline-left .timeline-arrow {
background: none repeat scroll 0 0 #e5e5e5;
content: "";
height: 15px;
position: absolute;
left: 30px;
top: 22px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
}
.timeline.timeline-left.timeline-text .timeline-item .timeline-line,
.timeline.timeline-left.timeline-image .timeline-item .timeline-line,
.timeline.timeline-left.timeline-icon .timeline-item .timeline-line {
left: 38px;
}
.timeline.timeline-left.timeline-text .timeline-item-wrap,
.timeline.timeline-left.timeline-image .timeline-item-wrap,
.timeline.timeline-left.timeline-icon .timeline-item-wrap {
padding: 0 0 0 6.896551724137931em;
}
.timeline.timeline-left.timeline-text .timeline-arrow,
.timeline.timeline-left.timeline-image .timeline-arrow,
.timeline.timeline-left.timeline-icon .timeline-arrow {
left: 75px;
}
.timeline.timeline-left.timeline-text .timeline-badge,
.timeline.timeline-left.timeline-image .timeline-badge,
.timeline.timeline-left.timeline-icon .timeline-badge {
left: 3px;
}
.timeline.timeline-right .timeline-item .timeline-line {
border-left: 2px;
bottom: 0;
right: 12px;
position: absolute;
top: -1px;
width: 2px;
z-index: -1;
display: block;
}
.timeline.timeline-right .timeline-item-wrap {
width: 100%;
padding: 0 2.413793103448276em 0 0;
}
.timeline.timeline-right .timeline-item-wrap .animate-box.go {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.timeline.timeline-right .timeline-badge {
right: 0px;
}
.timeline.timeline-right .timeline-arrow {
background: none repeat scroll 0 0 #e5e5e5;
content: "";
height: 15px;
position: absolute;
right: 30px;
top: 22px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
}
.timeline.timeline-right.timeline-text .timeline-item .timeline-line,
.timeline.timeline-right.timeline-image .timeline-item .timeline-line,
.timeline.timeline-right.timeline-icon .timeline-item .timeline-line {
right: 38px;
}
.timeline.timeline-right.timeline-text .timeline-item-wrap,
.timeline.timeline-right.timeline-image .timeline-item-wrap,
.timeline.timeline-right.timeline-icon .timeline-item-wrap {
padding: 0 6.896551724137931em 0 0;
}
.timeline.timeline-right.timeline-text .timeline-arrow,
.timeline.timeline-right.timeline-image .timeline-arrow,
.timeline.timeline-right.timeline-icon .timeline-arrow {
right: 6.344827586206897em;
}
.timeline.timeline-right.timeline-text .timeline-badge,
.timeline.timeline-right.timeline-image .timeline-badge,
.timeline.timeline-right.timeline-icon .timeline-badge {
right: 3px;
}
.timeline.timeline-right .timeline-content {
text-align: right;
}
@media (min-width: 768px) {
.timeline.two-columns .timeline-item .timeline-line {
border-left: 2px solid #f5f5f5;
bottom: 0;
left: 50%;
position: absolute;
top: -1px;
width: 2px;
z-index: -1;
display: block;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-item-wrap {
clear: right ;
float: right ;
padding-right: 0;
padding-left: 1.7241379310344827em;
}
.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-item-wrap .timeline-badge {
left: -0.8275862068965517em;
}
.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-item-wrap .timeline-arrow {
background: none repeat scroll 0 0 #e5e5e5;
content: "";
height: 15px;
position: absolute;
left: -7px;
top: 21px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
}
.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-item-wrap .animate-box.go {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.timeline-text.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-item-wrap,
.timeline-icon.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-item-wrap,
.timeline-image.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-item-wrap {
padding-left: 4.137931034482759em;
}
.timeline-text.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-badge,
.timeline-icon.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-badge,
.timeline-image.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-badge {
left: -35px;
}
.timeline-text.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-arrow,
.timeline-icon.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-arrow,
.timeline-image.timeline.two-columns .timeline-item:nth-of-type(2n) .timeline-arrow {
left: -7px;
}
.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-item-wrap .timeline-arrow {
background: none repeat scroll 0 0 #e5e5e5;
content: "";
height: 15px;
position: absolute;
right: -7px;
top: 21px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
}
.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-item-wrap .animate-box.go {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.timeline-text.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-item-wrap,
.timeline-image.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-item-wrap,
.timeline-icon.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-item-wrap {
padding-right: 4.137931034482759em;
}
.timeline-text.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-badge,
.timeline-image.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-badge,
.timeline-icon.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-badge {
right: -35px;
}
.timeline-text.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-arrow,
.timeline-image.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-arrow,
.timeline-icon.timeline.two-columns .timeline-item:nth-of-type(2n + 1) .timeline-arrow {
right: -7px;
}
}
.timeline.timeline-dotted .timeline-line {
top: 65px;
bottom: 5px !important;
border-left-style: dashed !important;
}
.timeline.timeline-dotted .timeline-arrow {
display: none;
}
.timeline.timeline-dotted .timeline-content {
border: none !important;
padding: 0px !important;
}
.timeline.timeline-dotted .timeline-item:last-child .timeline-line {
display: none;
}
@media (max-width: 767px) {
.timeline.two-columns .timeline-item .timeline-line {
border-left: 2px solid #f5f5f5;
bottom: 0;
left: 12px;
position: absolute;
top: -1px;
width: 2px;
z-index: -1;
display: block;
}
.timeline.two-columns .timeline-item-wrap {
width: 100%;
padding: 0 0 0 2.413793103448276em;
}
.timeline.two-columns .timeline-item-wrap .animate-box.go {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.timeline.two-columns .timeline-badge {
left: 0px;
}
.timeline.two-columns .timeline-arrow {
background: none repeat scroll 0 0 #e5e5e5;
content: "";
height: 15px;
position: absolute;
left: 30px;
top: 22px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
}
.timeline.two-columns.timeline-text .timeline-item .timeline-line,
.timeline.two-columns.timeline-image .timeline-item .timeline-line,
.timeline.two-columns.timeline-icon .timeline-item .timeline-line {
left: 38px;
}
.timeline.two-columns.timeline-text .timeline-item-wrap,
.timeline.two-columns.timeline-image .timeline-item-wrap,
.timeline.two-columns.timeline-icon .timeline-item-wrap {
padding: 0 0 0 6.896551724137931em;
}
.timeline.two-columns.timeline-text .timeline-arrow,
.timeline.two-columns.timeline-image .timeline-arrow,
.timeline.two-columns.timeline-icon .timeline-arrow {
left: 75px;
}
.timeline.two-columns.timeline-text .timeline-badge,
.timeline.two-columns.timeline-image .timeline-badge,
.timeline.two-columns.timeline-icon .timeline-badge {
left: 3px;
}
}
/*--------------------------------------------------------------
25.13 - Team Member
--------------------------------------------------------------*/
.team-member {
position: relative;
}
.team-member .member-avatar {
margin-bottom: 0.7931034482758621em;
position: relative;
}
.team-member .member-avatar.bg-1 {
background-image:url(../images/team/member-1.png)
}
.team-member .member-avatar.bg-2 {
background-image:url(../images/team/member-2.png)
}
.team-member .member-avatar.bg-3 {
background-image:url(../images/team/member-3.png)
}
.team-member .member-avatar.bg-4 {
background-image:url(../images/team/member-4.png)
}
.team-member .member-avatar img {
width: 100%;
}
.team-member .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.team-member.team-member-right {
display: table;
width: 100%;
height: 100%;
margin-bottom: 0.7931034482758621em;
}
.team-member.team-member-right .member-avatar {
width: 40%;
display: table-cell;
vertical-align: top;
overflow: hidden;
height: 100%;
background-position: left top;
background-repeat: no-repeat;
background-size: auto 100%;
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
transition: all 0.9s;
}
@media (max-width: 900px) {
.team-member.team-member-right .member-avatar {
display: block;
height: 0;
padding-bottom: 100%;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center;
width: 100%;
}
}
.team-member.team-member-right:hover .member-avatar {
background-position: center top;
}
.team-member.team-member-right .member-info {
height: 100%;
display: table-cell;
vertical-align: top;
width: 60%;
}
@media (max-width: 900px) {
.team-member.team-member-right .member-info {
display: block;
width: 100%;
}
}
.team-member.team-member-right .member-info-wrap {
padding: 15px;
}
.team-member.team-member-right .member-meta span a {
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid;
font-size: 15px;
text-align: center;
line-height: 30px;
margin: 0 5px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.team-member.team-member-below .member-meta {
z-index: 2;
position: absolute;
bottom: 0;
padding: 1em 0;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: -moz-linear-gradient(top, rgba(25, 35, 45, 0) 0%, #19232d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(25, 35, 45, 0)), color-stop(100%, #19232d));
background: -webkit-linear-gradient(top, rgba(25, 35, 45, 0) 0%, #19232d 100%);
background: -o-linear-gradient(top, rgba(25, 35, 45, 0) 0%, #19232d 100%);
background: -ms-linear-gradient(top, rgba(25, 35, 45, 0) 0%, #19232d 100%);
background: linear-gradient(to bottom, rgba(25, 35, 45, 0) 0%, #19232d 100%);
}
.team-member.team-member-below .member-meta span a {
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid #fff;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 30px;
margin: 0 5px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.team-member.team-member-below:hover .overlay,
.team-member.team-member-below:hover .member-meta {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.team-member .member-name h4 {
margin: 0;
font-size: 1.3em;
}
.team-member .member-job {
margin-top: 0.3448275862068966em;
font-size: 13px;
margin-bottom: 0.7931034482758621em;
position: relative;
}
.team-member .member-desc {
padding-top: 0.7931034482758621em;
margin-bottom: 0.7931034482758621em;
position: relative;
}
.team-member .member-desc:before {
border-top: 1px solid #e5e5e5;
content: "";
height: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.team-member .member-meta span {
display: inline-block;
}
.team-member.team-member-overlay .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.team-member.team-member-overlay .member-info {
z-index: 2;
bottom: 0.7931034482758621em;
color: #fff;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.team-member.team-member-overlay .member-name h4 {
color: #fff;
}
.team-member.team-member-overlay .member-job {
color: rgba(255, 255, 255, 0.9);
}
.team-member.team-member-overlay .member-job:before {
width: 20%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
border-color: rgba(255, 255, 255, 0.9);
}
.team-member.team-member-overlay .member-meta span a {
width: 2em;
height: 2em;
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.8);
font-size: 13px;
text-align: center;
line-height: 2em;
margin: 0 0.3448275862068966em;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.team-member.team-member-overlay:hover .overlay {
opacity: 0.5;
filter: alpha(opacity=50);
visibility: visible;
}
.section-team-member-title {
padding-top: 20px;
padding-bottom: 60px;
}
/*--------------------------------------------------------------
25.14 - Single Image
--------------------------------------------------------------*/
.single-image.image-center {
text-align: center;
}
.single-image.image-right {
text-align: right;
}
.single-image img {
height: auto;
max-width: 100%;
}
/*--------------------------------------------------------------
25.15 - Latestnews
--------------------------------------------------------------*/
.latestnews {
margin-bottom: 15px;
}
.latestnews .latestnews-leading {
padding-bottom: 0.7931034482758621em;
}
.latestnews .latestnews-title {
border-bottom: 2px solid #000000;
margin-bottom: 0.7931034482758621em;
}
.latestnews.color-1 .latestnews-title {
border-color:#7aba35;
}
.latestnews.color-2 .latestnews-title {
border-color:#5bc0de;
}
.latestnews.color-3 .latestnews-title {
border-color:#f0ad4e;
}
.latestnews.color-4 .latestnews-title {
border-color:#8224e3;
}
.latestnews.color-5 .latestnews-title {
border-color:#bb5857;
}
.latestnews .latestnews-title .el-heading {
display: inline-block;
margin: 0;
line-height: 1.6;
text-transform: uppercase;
font-size: 1em;
background: #000000;
}
.latestnews.color-1 .latestnews-title .el-heading {
background-color:#7aba35;
}
.latestnews.color-2 .latestnews-title .el-heading {
background-color:#5bc0de;
}
.latestnews.color-3 .latestnews-title .el-heading {
background-color:#f0ad4e;
}
.latestnews.color-4 .latestnews-title .el-heading {
background-color:#8224e3;
}
.latestnews.color-5 .latestnews-title .el-heading {
background-color:#bb5857;
}
.latestnews .latestnews-title span,
.latestnews .latestnews-title a {
color: #fff;
display: inline-block;
padding: 5px 10px;
margin-bottom: -3px;
}
.latestnews .latestnews-title span i,
.latestnews .latestnews-title a i {
padding-right: 5px;
}
.latestnews .latestnews-title a:hover {
text-decoration: underline;
}
.latestnews .latestnews-title .sub-cat {
list-style: none;
margin: 0;
padding: 0;
float: right;
}
.latestnews .latestnews-title .sub-cat li {
float: left;
}
.latestnews .latestnews-title .sub-cat li a {
color: #666666;
text-transform: uppercase;
font-size: 13px;
}
.latestnews .latestnews-title .sub-cat li.active a {
color: #000000;
}
@media (max-width: 767px) {
.latestnews .latestnews-title .sub-cat {
float: left;
padding: 10px 0;
}
}
.latestnews h2 {
font-size: 1.2em;
margin: 0;
border-left: 2px solid #000000;
padding-left: 0.7931034482758621em;
}
.latestnews.color-1 h2 {
border-color:#7aba35;
}
.latestnews.color-2 h2 {
border-color:#5bc0de;
}
.latestnews.color-3 h2 {
border-color:#f0ad4e;
}
.latestnews.color-4 h2 {
border-color:#8224e3;
}
.latestnews .entry-meta {
margin-top: 0.3448275862068966em;
}
.latestnews .latestnews-thumb {
margin-bottom: 0.7931034482758621em;
position: relative;
}
.latestnews .latestnews-thumb .featured-play {
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
z-index: 1;
width: 40px;
height: 40px;
background: url(../images/featured-play.png) no-repeat scroll center center transparent;
}
.latestnews .latestnews-thumb img {
width: 100%;
height: auto;
}
.latestnews .excerpt {
margin-top: 0.7931034482758621em;
}
.latestnews .latestnews-intro {
padding: 0;
margin: 0;
list-style: none;
border-top: 1px solid #e5e5e5;
}
.latestnews .latestnews-intro.intro-thumbnail {
padding-top: 0.7931034482758621em;
}
.latestnews .latestnews-intro li {
padding: 0.7931034482758621em 0;
border-bottom: 1px solid #e5e5e5;
padding-left: 0;
position: relative;
}
.latestnews .latestnews-intro li:before {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.latestnews .latestnews-intro li:before {
position: absolute !important;
line-height: inherit !important;
left: 0;
}
.latestnews .latestnews-intro li:last-child {
border: none;
padding-bottom: 0;
}
.latestnews .latestnews-intro li .intro-thumbnail-image img {
float: left;
height: auto;
width: 60px;
}
.latestnews .latestnews-intro li .intro-thumbnail-no-image {
display: none;
}
.latestnews .latestnews-intro li .intro-thumbnail-no-image ~ .intro-content {
margin-left: 0;
}
.latestnews .latestnews-intro li .intro-content {
line-height: 1;
position: relative;
}
.latestnews .latestnews-intro li .intro-content .format-icon {
background: url("../images/post-format.png") no-repeat scroll 0 0;
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
}
.latestnews .latestnews-intro li .intro-content .format-icon.format-gallery {
background-position: left bottom;
top: 1px;
}
.latestnews .latestnews-intro li .intro-content .format-icon.format-gallery ~ .intro-content-title {
padding-left: 22px;
}
.latestnews .latestnews-intro li .intro-content .format-icon ~ .intro-content-title {
padding-left: 20px;
}
.latestnews .latestnews-intro li .intro-content .comment-count {
display: inline-block;
margin-left: 0.6896551724137931em;
}
.latestnews .latestnews-intro li .intro-content .comment-count i {
margin-right: 0.13793103448275862em;
}
.latestnews .latestnews-intro li .intro-content .comment-count a,
.latestnews .latestnews-intro li .intro-content time {
margin: 0;
font-size: 13px;
color: #999999;
}
.latestnews .latestnews-intro li .intro-content h3 {
font-size: 1.1em;
margin: 0;
}
.latestnews .latestnews-intro li .intro-content .intro-content-title {
display: block;
font-weight: 600;
margin: 0 0 0.27586206896551724em 0;
}
.latestnews .latestnews-intro.intro-thumbnail li {
border: none;
padding-left: 0;
}
.latestnews .latestnews-intro.intro-thumbnail li:before {
display: none;
}
.latestnews .latestnews-intro.intro-thumbnail .intro-content {
border-bottom: 1px solid #e5e5e5;
margin-left: 72px;
min-height: 3.103448275862069em;
}
.latestnews .latestnews-tab-content {
display: none;
}
.latestnews .latestnews-tab-content.active {
display: block;
}
@media (min-width: 480px) {
.latestnews.latestnews-tab .latestnews-tab-content:before,
.latestnews.latestnews-tab .latestnews-tab-content:after {
content: " ";
display: table;
}
.latestnews.latestnews-tab .latestnews-tab-content:after {
clear: both;
}
.latestnews.latestnews-tab .latestnews-tab-content .latestnews-leading {
float: left;
width: 50%;
padding-right: 15px;
}
.latestnews.latestnews-tab .latestnews-tab-content .latestnews-intro {
float: right;
width: 50%;
padding-left: 15px;
border-top: 0;
}
.latestnews.latestnews-tab .latestnews-tab-content .latestnews-intro li:first-child {
padding-top: 0;
}
}
.latestnews.latestnews-carousel .latestnews-leading h2 {
border: none;
padding-left: 0;
}
/*--------------------------------------------------------------
25.16 - Embed
--------------------------------------------------------------*/
.video-embed-wrap {
width: 100% !important;
max-width: 100%;
max-height: 100%;
}
.audio-embed-wrap {
width: 100% !important;
max-width: 100%;
max-height: 100%;
}
/*--------------------------------------------------------------
25.17 - Lists Ul
--------------------------------------------------------------*/
.dh-lists ul {
margin: 0;
padding: 0;
list-style: none;
}
.dh-lists ul li {
position: relative;
padding-left: 1.5em;
padding-top: 5px;
padding-bottom: 5px;
}
.dh-lists ul li i {
font-size: 1.1em;
position: absolute;
top: 0;
left: 0;
line-height: 2em !important;
}
.dh-lists[data-animation="1"] li {
left: -20px;
opacity: 0;
filter: alpha(opacity=0);
}
/*--------------------------------------------------------------
26.0 - Header
--------------------------------------------------------------*/
.topbar {
background: #000000;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
color: #999999;
}
@media (max-width: 991px) {
.topbar {
display: none;
}
}
.topbar .left-topbar {
line-height: 3.4482758620689653em;
height: 3.4482758620689653em;
}
.topbar .right-topbar {
text-align: right;
line-height: 3.4482758620689653em;
height: 3.4482758620689653em;
}
.topbar .right-topbar .topbar-social {
float: right;
margin-right: 0.5em;
}
.topbar-info a {
margin-right: 1.1em;
font-size: 14px;
color: #fff;
}
.topbar-info a:hover {
text-decoration: none;
color: #000000;
}
.topbar-info a i {
margin-right: 5px;
}
.topbar-icon-button {
float: right;
padding-right: 1.2em;
}
.topbar-icon-button > div {
float: left;
padding: 0 1.2em;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
}
.topbar-icon-button > div a {
color: #999999;
}
.topbar-icon-button > div a:hover {
color: #000000;
}
.topbar-icon-button .navbar-minicart {
position: relative;
}
.topbar-icon-button .navbar-minicart:before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 1px;
height: 100%;
background: rgba(0, 0, 0, 0.07);
}
.topbar-icon-button .navbar-minicart .minicart {
text-align: left;
line-height: 1.6;
}
.topbar-social a {
display: inline-block;
width: 2.5em;
text-align: center;
font-size: 0.9655172413793104em;
color: #999999;
}
.topbar-social a i {
border: 1px solid;
border-radius: 100%;
font-size: 1em;
height: 1.7em;
line-height: 1.7em;
text-align: center;
width: 1.7em;
}
.topbar-social a:hover {
color: #000000;
}
.topbar-nav {
text-align: right;
float: right;
}
.topbar-nav .top-nav > li {
display: inline-block;
}
.topbar-nav .top-nav > li > a {
padding: 0 0.5517241379310345em;
line-height: 3.4482758620689653em;
position: relative;
font-size: 13px;
color: #999999;
}
.topbar-nav .top-nav > li > a:before {
border-right: 1px solid #b3b3b3;
content: "";
float: right;
height: 30%;
position: absolute;
right: 0;
top: 50%;
width: 1px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.topbar-nav .top-nav > li > a:hover,
.topbar-nav .top-nav > li > a:focus {
background: transparent;
text-decoration: underline;
}
.topbar-nav .top-nav > li:last-child > a:before {
display: none;
}
.topbar-nav .top-nav a {
display: block;
color: #999999;
}
.topbar-nav .top-nav a:hover,
.topbar-nav .top-nav a:focus {
background: none;
}
.topbar-nav .top-nav .dropdown-menu {
font-size: 13px;
}
.topbar-nav .top-nav .dropdown-menu a {
color: #666666;
padding: 0.5517241379310345rem 0.9655172413793104rem;
}
.topbar-nav .top-nav .dropdown-menu a:hover,
.topbar-nav .top-nav .dropdown-menu a:focus {
color: #333333;
}
.topbar-nav .top-nav .dropdown-menu .active a {
background: none;
color: #999999;
}
.topbar-nav .top-nav .dropdown-menu .active a:hover,
.topbar-nav .top-nav .dropdown-menu .active a:focus {
color: #666666;
}
.topbar-nav .top-nav .dropdown-menu li {
border-bottom: 1px solid #e5e5e5;
}
.topbar-nav .top-nav .dropdown-menu li.menu-item-has-children > .dropdown-menu {
margin: 0;
left: 100%;
top: 0;
}
.topbar-nav .top-nav .dropdown-menu li:last-child {
border: none;
}
.searchform-result .no-result {
padding: 0.6896551724137931em 0.6896551724137931em;
}
.searchform-result .searchform-result-list {
padding: 0.20689655172413793em 0.6896551724137931em 0;
}
.searchform-result .searchform-result-list .search-object {
font-size: 110%;
margin: 10px 0 0 0;
}
.searchform-result .searchform-result-list .search-object span {
padding: 0 0.3448275862068966em;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #f5f5f5;
}
.searchform-result .searchform-result-list .search-entry {
border-bottom: 1px dotted #e5e5e5;
padding: 0.6896551724137931em 0;
}
.searchform-result .searchform-result-list .search-entry .search-image {
float: left;
width: 1.7241379310344827em;
text-align: center;
margin: 0 0.6896551724137931em 0.3448275862068966em 0;
font-size: 1.103448275862069em;
}
.searchform-result .searchform-result-list .search-entry .search-image img {
width: 100%;
max-width: 100%;
max-height: 100%;
height: auto;
}
.searchform-result .searchform-result-list .search-entry .search-title {
margin: 0;
font-size: 14.5px;
}
.searchform-result .searchform-result-list .search-entry .search-excerpt {
color: #999999;
font-size: 13px;
}
.searchform-result .search-view-all {
padding: 1.3793103448275863em 0;
text-align: center;
background-color: #f5f5f5;
margin: -0.06896551724137931em 0 0;
border-top: 1px solid #e5e5e5;
}
.searchform-result .search-view-all a {
font-size: 13px;
text-transform: uppercase;
}
.searchform-result .search-view-all a:after {
content: "\f178";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.searchform-result .search-view-all a:after {
margin-left: 0.3448275862068966em;
}
@media (max-width: 991px) {
.header-container {
height: auto !important;
}
}
.header-type-classic {
position: relative;
}
.header-navbar-default {
position: relative;
}
.header-search-overlay {
left: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background: #fff;
z-index: 99999;
}
.header-search-overlay > div {
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.header-search-overlay .searchform {
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.header-search-overlay .searchform .searchinput {
border: medium none;
font-size: 36px;
font-weight: bold;
width: 100%;
text-transform: uppercase;
outline: none;
}
.header-search-overlay .searchform.loading ~ .close {
display: block;
}
.header-search-overlay .searchform.loading ~ .close > span {
display: none;
}
.header-search-overlay .searchform.loading ~ .close:after {
content: "\f110";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.header-search-overlay .searchform.loading ~ .close:after {
-webkit-animation: fa-spin 1s infinite linear;
-o-animation: fa-spin 1s infinite linear;
animation: fa-spin 1s infinite linear;
-webkit-animation-timing-function: steps(8, start);
animation-timing-function: steps(8, start);
}
.header-search-overlay .close {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 15px;
font-size: 35px;
}
.header-search-overlay .searchform-result {
background: #dcdcdc;
position: absolute;
top: 100%;
width: 100%;
-webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.51);
box-shadow: 0 5px 6px rgba(0, 0, 0, 0.51);
}
.header-search-overlay .searchform-result .no-result {
font-size: 1.1em;
}
.header-search-overlay .searchform-result .searchform-result-list .search-entry {
border-bottom-color: #ffffff;
}
.header-search-overlay .searchform-result .searchform-result-list .search-entry .search-title {
font-size: 1.1em;
}
@media (max-width: 991px) {
.header-search-overlay {
display: none !important;
}
}
@media (min-width: 992px) {
.header-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
}
@media (min-width: 992px) {
.header-absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
}
@media (min-width: 992px) {
.header-transparent .topbar {
background: rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.23);
}
.header-transparent .topbar .topbar-info a,
.header-transparent .topbar .topbar-social a {
color: #fff;
}
.header-transparent .topbar .topbar-info a:hover,
.header-transparent .topbar .topbar-social a:hover {
text-decoration: underline;
}
.header-transparent .topbar .topbar-icon-button > div {
background: transparent;
}
.header-transparent .topbar .topbar-icon-button > div a {
color: #fff;
}
.header-transparent .topbar .topbar-icon-button > div.navbar-minicart:before {
background: rgba(255, 255, 255, 0.23);
}
.header-transparent .topbar .topbar-nav a {
color: #fff;
}
.header-transparent .topbar .topbar-nav a:before {
border-color: rgba(255, 255, 255, 0.5);
}
.header-transparent .topbar .topbar-nav .dropdown-menu {
background-color: rgba(0, 0, 0, 0.85);
}
.header-transparent .topbar .topbar-nav .dropdown-menu a {
color: #dadada;
background: transparent;
}
.header-transparent .topbar .topbar-nav .dropdown-menu a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.header-transparent .topbar .topbar-nav .dropdown-menu li {
border-color: rgba(218, 218, 218, 0.49);
}
.header-transparent .topbar .topbar-nav .dropdown-menu > li > a {
color: #fff;
}
.header-transparent .topbar .topbar-nav .dropdown-menu > li > a:hover,
.header-transparent .topbar .topbar-nav .dropdown-menu > li > a:focus {
background-color: rgba(0, 0, 0, 0.3);
}
.header-transparent .primary-nav > .megamenu > .dropdown-menu {
border: none;
}
.header-transparent .primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu a {
background: transparent;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) {
background: rgba(0, 0, 0, 0.1);
border-color: rgba(255, 255, 255, 0.23);
border-width: 0 0 0px 0;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .navicon,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .navicon,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .navicon {
color: #fff;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .underline:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .underline:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .underline:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .underline:after,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .underline:after,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .underline:after {
background-color: #fff;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav .dropdown-menu a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav .dropdown-menu a:hover {
color: #fff;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu-sidebar {
color: #fff;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu .megamenu-title {
color: #fff;
border-bottom-color: rgba(218, 218, 218, 0.49);
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu > .dropdown-menu > li {
border-right-color: rgba(218, 218, 218, 0.49);
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu > .dropdown-menu > li li a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav .megamenu > .dropdown-menu > li li a:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
}
.header-transparent .navbar-default:not(.navbar-fixed-top).navbar-fixed-top {
background: #ffffff;
border-color: transparent;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .dropdown-menu {
background-color: rgba(0, 0, 0, 0.85);
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .dropdown-menu a {
color: #fff;
background: transparent;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .dropdown-menu a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .dropdown-menu a:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .dropdown-menu li {
border-color: rgba(218, 218, 218, 0.49);
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .dropdown-menu > li > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .dropdown-menu > li > a:focus {
background-color: rgba(0, 0, 0, 0.3);
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .megamenu > .dropdown-menu .dropdown-menu {
background: transparent;
}
.header-transparent.header-navbar-center2 .navbar-header,
.header-transparent.header-navbar-below .navbar-header {
background: rgba(0, 0, 0, 0.05);
}
.header-transparent.header-navbar-center2 .navbar-primary-nav,
.header-transparent.header-navbar-below .navbar-primary-nav {
border-color: rgba(255, 255, 255, 0.23);
}
}
@-webkit-keyframes animate-margin-top {
0% {
margin-top: 99px;
}
100% {
margin-top: 80px;
}
}
@-moz-keyframes animate-margin-top {
0% {
margin-top: 99px;
}
100% {
margin-top: 80px;
}
}
@keyframes animate-margin-top {
0% {
margin-top: 99px;
}
100% {
margin-top: 80px;
}
}
@media only screen and (min-width: 992px) {
.has-top-margin {
-webkit-animation: animate-margin-top 0.3s;
-moz-animation: animate-margin-top 0.3s;
animation: animate-margin-top 0.3s;
margin-top: 80px;
}
}
.heading-container {
background: #000000;
overflow: hidden;
position: relative;
}
.heading-container .heading-hero-background {
background: url(../images/bg-1.jpg) no-repeat scroll 50% bottom;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.heading-container .heading-hero-background:before {
content: "";
}
.heading-container.heading-border {
border-bottom: 1px solid #e5e5e5;
}
.heading-container > div {
height: 100%;
}
.heading-container.heading-resize {
width: 100%;
}
.heading-container.heading-hero {
position: relative;
background: #f4f7f8;
height: 500px;
}
.heading-container.heading-hero .heading-hero-wrap {
position: absolute;
top: 30%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 100%;
max-width: 900px;
}
.heading-container.heading-hero .hero-icon {
text-align: center;
}
.heading-container.heading-hero .hero-icon .svg-icon {
overflow: hidden;
display: block;
font-size: 80px;
color: #f4f7f8;
}
@media (max-width: 767px) {
.heading-container.heading-hero .hero-icon .svg-icon {
font-size: 45px;
}
}
@media (min-width: 480px) {
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .svg-icon {
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: transform 0.6s cubic-bezier(0.14, 0.64, 0.28, 1.26) 0s;
-o-transition: transform 0.6s cubic-bezier(0.14, 0.64, 0.28, 1.26) 0s;
transition: transform 0.6s cubic-bezier(0.14, 0.64, 0.28, 1.26) 0s;
}
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .svg-icon.svg-animate-appear {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.heading-container.heading-hero .hero-icon .svg-text {
text-transform: uppercase;
text-align: center;
display: block;
color: #f4f7f8;
line-height: 1;
}
@media (min-width: 480px) {
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .svg-text {
margin-top: -40px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: margin-top 0.4s ease-out 0s, opacity 0.75s ease 0s;
-o-transition: margin-top 0.4s ease-out 0s, opacity 0.75s ease 0s;
transition: margin-top 0.4s ease-out 0s, opacity 0.75s ease 0s;
}
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .svg-text.svg-animate-appear {
margin-top: 0;
opacity: 1;
filter: alpha(opacity=100);
}
}
@media (min-width: 480px) {
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .ux-design-icon {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .svg-ux-design-text {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .branding-icon {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .svg-branding-text {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .web-dev-icon {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-icon .svg-web-dev-text {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s;
}
}
.heading-container.heading-hero .hero-icon svg {
width: 200px;
display: inline-block;
}
.heading-container.heading-hero .hero-icon svg circle,
.heading-container.heading-hero .hero-icon svg line,
.heading-container.heading-hero .hero-icon svg path {
fill: none;
stroke: #f4f7f8;
stroke-miterlimit: 10;
stroke-width: 2;
}
.heading-container.heading-hero .hero-link {
font-size: 1.6em;
font-weight: 600;
text-align: center;
margin-top: 2em;
}
@media (min-width: 480px) {
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-link.svg-appear {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.6s cubic-bezier(0.14, 0.64, 0.28, 1.26) 2s;
-o-transition: opacity 0.6s cubic-bezier(0.14, 0.64, 0.28, 1.26) 2s;
transition: opacity 0.6s cubic-bezier(0.14, 0.64, 0.28, 1.26) 2s;
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
html:not(.dh-disable-animation) .heading-container.heading-hero .hero-link.svg-appear.svg-animate-appear {
opacity: 1;
filter: alpha(opacity=100);
}
}
.heading-container.heading-hero .hero-link a {
font-size: 1em;
color: #f4f7f8 !important;
border-color: #f4f7f8 !important;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1;
filter: alpha(opacity=100);
}
.heading-container.heading-hero .hero-link a:hover i {
background: #f4f7f8;
color: #2d373b;
}
.heading-container.heading-hero .hero-link a:hover i:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.heading-container.heading-hero .hero-link i {
-webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3) 0s;
-o-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3) 0s;
transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3) 0s;
border: 2px solid #f4f7f8;
-webkit-border-radius: 100%;
border-radius: 100%;
display: inline-block;
height: 40px;
line-height: 33px;
margin-left: 15px;
text-align: center;
width: 40px;
position: relative;
}
.heading-container.heading-hero .hero-link i:after {
border-radius: 50%;
box-shadow: 0 0 0 1px #f4f7f8;
box-sizing: content-box;
content: "";
height: 100%;
left: -5px;
opacity: 0;
filter: alpha(opacity=0);
padding: 5px;
position: absolute;
top: -5px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
width: 100%;
}
@media (max-width: 767px) {
.heading-container.heading-hero .heading-hero-wrap {
padding-left: 15px;
padding-right: 15px;
}
.heading-container.heading-hero .heading-hero-wrap .col-sm-4 {
width: 33.33333333333333%;
float: left;
padding-left: 0;
padding-right: 0;
}
.heading-container.heading-hero .heading-hero-wrap .hero-icon svg {
width: 100px;
}
.heading-container.heading-hero .heading-hero-wrap .hero-icon .svg-text {
font-size: 0.8em;
}
}
.heading-container .heading-standar {
overflow: hidden;
}
.heading-container .heading-standar .heading-wrap {
overflow: hidden;
padding: 15px 0;
}
.heading-container .heading-standar .page-title {
float: none;
}
.heading-container .heading-standar .page-title h1 {
margin: 0;
font-size: 2em;
color: #fff;
padding: 0.5em 0;
}
@media (max-width: 767px) {
.heading-container .heading-standar .page-title h1 {
font-size: 1.5em;
text-align: center;
}
}
.heading-container .heading-standar .page-title .search-query {
font-weight: bold;
font-style: italic;
}
.heading-container .heading-standar .page-breadcrumb {
float: none;
}
.heading-container .heading-standar .page-breadcrumb a:hover {
text-decoration: underline;
}
@media (max-width: 991px) {
.heading-container .heading-standar .page-breadcrumb {
display: none;
}
}
.heading-container .heading-standar .heading-info {
color: #ffffff;
}
.heading-container .heading-standar .heading-info a {
color: #ffffff;
}
.heading-container .heading-standar .heading-info a:hover {
color: #ffffff;
text-decoration: none;
}
.heading-container .heading-parallax {
position: relative;
}
.heading-container.heading-single {
padding-top: 0 !important;
background: transparent;
}
.heading-container.heading-single img {
width: 100%;
}
.heading-container.heading-single .heading-background {
background-attachment: fixed;
}
.heading-container.heading-single .heading-background .heading-wrap {
z-index: 2;
padding: 0;
height: 200px;
position: static;
}
.single-portfolio .heading-container.heading-single .heading-background .heading-wrap {
padding: 100px 0;
height: auto;
}
.heading-background.bg-1 {
background-image: url('../images/bg-1.jpg');
}
.heading-background.bg-2 {
background-image: url('../images/startups-banner.jpg');
}
.heading-background.bg-3 {
background-image: url('../images/shop-banner.png');
}
.heading-background.bg-4 {
background-image: url('../images/header_bg.jpg');
}
.heading-container.heading-single .heading-background .heading-single-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url(../images/banner-pattern.png) repeat fixed center center;
}
.heading-background.bg-4 .heading-single-overlay {
background-color:#000000
}
.heading-container.heading-single .page-title .subtitle {
margin-top: 10px;
padding-top: 10px;
position: relative;
}
.heading-container.heading-single .page-title .subtitle:before {
background: none repeat scroll 0 0 #fff;
content: "";
height: 2px;
position: absolute;
top: 0;
width: 120px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.heading-container.heading-single .page-title .subtitle > span {
display: table;
margin: 0 auto;
}
.heading-container.heading-single .page-title .subtitle a {
color: #fff;
position: relative;
margin-left: 36px;
font-size: 0.6em;
white-space: nowrap;
}
.heading-container.heading-single .page-title .subtitle a:first-child {
margin-left: 0;
}
.heading-container.heading-single .page-title .subtitle a:hover {
text-decoration: underline;
}
.heading-container.heading-single .page-title .subtitle a + a:before {
content: ".";
margin-right: 17px;
position: absolute;
right: 100%;
top: -5px;
}
.heading-container.heading-single .heading-single-title {
text-align: center;
padding-top: 70px;
}
.heading-container.heading-single .heading-single-title h1 {
margin-top: 0;
}
.heading-container.heading-single .heading-single-title .subtitle > span {
margin-right: 10px;
}
.heading-container.heading-single .heading-single-title .subtitle > span:first-child:before {
display: none !important;
}
.heading-container.heading-single .heading-single-title .subtitle > span i {
font-size: 14.5px;
margin-right: 5px;
color: #000000;
}
.heading-container.heading-single .heading-single-title .subtitle > span:last-child.meta-separator {
display: none;
}
.heading-container.heading-single .heading-single-title .subtitle > span a:hover {
text-decoration: underline;
}
.heading-container .heading-background {
background-color: #f5f5f5;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat;
}
.heading-container .heading-background .heading-wrap {
display: block;
height: 100%;
overflow: hidden;
padding-top: 100px;
padding-bottom: 100px;
width: 100%;
text-align: center;
}
@media (max-width: 767px) {
.heading-container .heading-background .heading-wrap {
padding: 0;
}
}
.heading-container .heading-background .page-title {
float: none;
display: block;
width: 100%;
}
.heading-container .heading-background .page-title h1 {
color: #fff;
display: block;
margin: 0;
font-size: 3.4482758620689653em;
font-weight: 600;
}
@media (max-width: 767px) {
.heading-container .heading-background .page-title h1 {
font-size: 1.5em;
text-align: center;
}
}
.heading-container .heading-background .page-title .subtitle {
color: #fff;
font-size: 1.7241379310344827em;
display: block;
}
@media (max-width: 767px) {
.heading-container .heading-background .page-title .subtitle {
font-size: 1em;
text-align: center;
}
}
@media (max-width: 1199px) {
.heading-container .heading-background .heading-wrap {
display: block;
height: auto;
margin: 0 auto;
}
.heading-container .heading-background .page-title {
display: block;
padding-bottom: 1.5862068965517242em;
padding-top: 1.5862068965517242em;
}
}
.header-navbar-center2 .navbar-header,
.header-navbar-below .navbar-header {
float: none;
}
.header-navbar-center2 .navbar-header > .container-fluid,
.header-navbar-below .navbar-header > .container-fluid {
width: 100%;
}
.header-navbar-center2 .navbar-header > .container-fluid,
.header-navbar-below .navbar-header > .container-fluid,
.header-navbar-center2 .navbar-header > .container,
.header-navbar-below .navbar-header > .container {
display: table;
}
@media (max-width: 991px) {
.header-navbar-center2 .navbar-header > .container-fluid,
.header-navbar-below .navbar-header > .container-fluid,
.header-navbar-center2 .navbar-header > .container,
.header-navbar-below .navbar-header > .container {
display: block;
}
}
.header-navbar-center2 .navbar-header .navbar-header-left,
.header-navbar-below .navbar-header .navbar-header-left {
float: left;
position: relative;
}
@media (max-width: 991px) {
.header-navbar-center2 .navbar-header .navbar-header-left,
.header-navbar-below .navbar-header .navbar-header-left {
float: none;
}
}
@media (min-width: 992px) {
.header-navbar-center2 .navbar-header .navbar-header-left .navbar-brand,
.header-navbar-below .navbar-header .navbar-header-left .navbar-brand {
padding: 0;
}
}
.header-navbar-center2 .navbar-header .navbar-header-right,
.header-navbar-below .navbar-header .navbar-header-right {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.header-navbar-center2 .navbar-header .navbar-header-right > .widget,
.header-navbar-below .navbar-header .navbar-header-right > .widget {
margin: 0;
padding: 15px;
}
@media (max-width: 991px) {
.header-navbar-center2 .navbar-header .navbar-header-right,
.header-navbar-below .navbar-header .navbar-header-right {
display: none;
}
}
@media (min-width: 992px) {
.header-navbar-center2 .navbar-primary-nav,
.header-navbar-below .navbar-primary-nav {
border-top: 1px solid #e6e6e6;
}
}
.header-navbar-center2 .navbar-fixed-top .navbar-primary-nav,
.header-navbar-below .navbar-fixed-top .navbar-primary-nav {
border-top: 0px solid #e6e6e6;
}
.header-navbar-center2 .navbar-default .primary-navbar-collapse,
.header-navbar-below .navbar-default .primary-navbar-collapse {
float: none;
}
.header-navbar-center2 .navbar-default .primary-navbar-collapse .primary-nav,
.header-navbar-below .navbar-default .primary-navbar-collapse .primary-nav {
float: none;
}
.header-navbar-center2 .navbar-default .primary-navbar-collapse .primary-nav > li > a,
.header-navbar-below .navbar-default .primary-navbar-collapse .primary-nav > li > a {
line-height: 4.137931034482759em;
}
@media (min-width: 992px) {
.header-navbar-center2 .navbar-default .primary-navbar-collapse .primary-nav .navbar-minicart,
.header-navbar-below .navbar-default .primary-navbar-collapse .primary-nav .navbar-minicart,
.header-navbar-center2 .navbar-default .primary-navbar-collapse .primary-nav .navbar-search,
.header-navbar-below .navbar-default .primary-navbar-collapse .primary-nav .navbar-search {
float: right;
}
}
.header-navbar-center2 ~ .heading-container.heading-border,
.header-navbar-below ~ .heading-container.heading-border {
-webkit-box-shadow: none;
box-shadow: none;
}
.header-navbar-center2 .topbar {
background: #f5f5f5;
border-bottom: none !important;
}
@media (min-width: 992px) {
.header-navbar-center2 .navbar-header-left {
display: table;
margin: 0 auto;
float: none !important;
padding-top: 15px;
}
.header-navbar-center2 .navbar-default .navbar-primary-nav {
border-top: none;
}
.header-navbar-center2 .primary-nav {
display: table;
margin: 0 auto;
}
.header-navbar-center2 .navbar-default .navbar-search {
display: none !important;
}
}
/*--------------------------------------------------------------
27.0 - Footer
--------------------------------------------------------------*/
.footer-widget {
background: #ffffff;
color: #00000;
font-size: 13px;
}
.footer-widget p{
font-size: 16px;
color:#f7f7f7;
}
.footer-widget .footer-widget-wrap {
padding: 70px 0 50px;
}
@media (max-width: 767px) {
.footer-widget .footer-widget-col {
margin-bottom: 30px;
}
}
.footer-widget .widget {
margin-bottom: 0;
padding-top: 30px;
}
.footer-widget .widget:first-child {
padding-top: 0;
}
.footer-widget .widget-title {
text-transform: uppercase;
color: #000000;
margin-top: 0;
margin-bottom: 1.5862068965517242em;
font-size: 1.1em;
position: relative;
padding-bottom: 0.8em;
}
.footer-widget .widget-title:before {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.footer-widget li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 0;
padding-bottom: 0.7931034482758621em;
margin-bottom: 0.7931034482758621em;
position: relative;
}
.footer-widget li .post-date {
display: block;
font-size: 13px;
color: rgba(229, 229, 229, 0.7);
}
.footer-widget li:last-child {
border: none;
}
.footer-widget .widget_tag_cloud .tagcloud a,
.footer-widget .widget_product_tag_cloud .tagcloud a {
background-color: #292929;
border: 1px solid transparent;
color: #e5e5e5;
}
.footer-widget .social-widget-wrap i {
color: #e5e5e5;
}
.footer-widget .social-widget-wrap i:hover {
color: inherit;
}
.footer-widget .posts-thumbnail-image img {
width: 60px;
}
.footer-widget .posts-thumbnail-content {
border-bottom: none;
margin-left: 73px;
min-height: 45px;
}
.footer-widget .posts-thumbnail-content h4 a {
color: #e5e5e5;
font-size: 14.5px;
line-height: 1.6;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.footer-widget .posts-thumbnail-content h4 a:hover {
color: #000000;
}
.footer-widget .posts-thumbnail-content > time {
color: inherit;
}
.footer-widget .posts-thumbnail-image {
float: left;
height: auto;
width: 60px;
}
.footer-widget .recent-tweets ul,
.footer-widget .posts-thumbnail-list {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.footer-widget .posts-thumbnail-list li {
padding-bottom: 0.7931034482758621em;
margin-bottom: 0.7931034482758621em;
border-bottom: none;
}
.footer-widget a {
color: #000000;
font-weight: 400;
}
.footer-widget a:hover {
color: #000000;
}
.footer-newsletter {
background-color: #000000;
color: #919191;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-newsletter-wrap {
padding: 20px 0;
}
.footer-newsletter-wrap .footer-newsletter-heading {
color: rgba(255, 255, 255, 0.36);
font-weight: 400;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
margin: 0;
}
@media (max-width: 767px) {
.footer-newsletter-wrap .footer-newsletter-heading {
margin-bottom: 15px;
text-align: center;
}
}
.footer-newsletter-wrap .mailchimp-form input {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.16);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #919191;
margin: 0;
padding: 0.5517241379310345rem 0.9655172413793104rem;
width: 70%;
outline: none;
}
.footer-newsletter-wrap .mailchimp-form button {
text-decoration: none;
text-transform: uppercase;
margin: 0 0 0 10px;
width: 25%;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
border: none;
}
.footer {
background-color: #000000;
color: #919191;
font-size: 13px;
}
.footer a {
color: #919191;
}
.footer .footer-info-wrap {
padding: 20px 0;
}
.footer .footer-menu {
text-align: right;
}
@media (max-width: 767px) {
.footer .footer-menu {
text-align: center;
}
}
.footer .footer-menu .footer-nav {
margin: 0;
padding: 0;
list-style: none;
}
.footer .footer-menu .footer-nav li {
padding: 0 0.5517241379310345em;
line-height: 0.6896551724137931em;
display: inline-block;
position: relative;
}
.footer .footer-menu .footer-nav li:before {
content: "/\00a0";
position: absolute;
right: -0.5517241379310345em;
top: 0;
}
.footer .footer-menu .footer-nav li:last-child:before {
display: none;
}
.footer .footer-menu .footer-nav li a {
color: #919191;
border-bottom: 1px solid transparent;
font-size: 13px;
text-transform: uppercase;
}
.footer .footer-menu .footer-nav li a:hover,
.footer .footer-menu .footer-nav li a:focus {
color: #000000;
border-bottom: 1px solid;
}
.footer .footer-info {
color: #919191;
}
.footer .footer-info a {
color: #919191;
}
.footer .footer-info a:hover {
color: #000000;
}
.footer .footer-info .copyright {
font-size: 13px;
margin-top: 0.3448275862068966em;
display: block;
}
@media (max-width: 767px) {
.footer .footer-info .copyright {
text-align: center;
margin-bottom: 0.3448275862068966em;
}
}
.footer .footer-info .footer-social {
text-align: right;
}
.footer .footer-info .footer-social .tooltip-inner {
background: #000000;
}
.footer .footer-info .footer-social .tooltip.top .tooltip-arrow {
border-top-color: #000000;
}
.footer .footer-info .footer-social a {
margin: 0 0.3448275862068966em;
font-size: 1.3793103448275863em;
}
.footer .footer-info .footer-social a:hover {
color: #000000;
border-color: #000000;
}
@media (max-width: 767px) {
.footer .footer-info .footer-social {
text-align: center;
}
}
a.go-to-top,
a.go-to-top:hover a.go-to-top:focus {
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 2px;
border-radius: 2px;
bottom: -50px;
opacity: 0;
filter: alpha(opacity=0);
right: 20px;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
color: #fff;
font-size: 30px;
line-height: 50px;
width: 50px;
height: 50px;
position: fixed;
text-align: center;
z-index: 100;
visibility: hidden;
}
a.go-to-top.on,
a.go-to-top:hover a.go-to-top:focus.on {
opacity: 0.8;
filter: alpha(opacity=80);
visibility: visible;
bottom: 20px;
}
a.go-to-top.on:hover,
a.go-to-top:hover a.go-to-top:focus.on:hover {
opacity: 1;
filter: alpha(opacity=100);
}
/*--------------------------------------------------------------
28.0 - Porfolio
--------------------------------------------------------------*/
.portfolio.infinite-scroll .paginate,
.portfolio.loadmore .paginate {
display: none;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-col {
margin: 0;
padding: 0;
height: 30rem;
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-col {
height: auto !important;
padding-bottom: 0 !important;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-col .portfolio-featured {
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-col:hover .portfolio-featured {
opacity: 0.8;
-webkit-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-col:hover .readmore-link {
text-decoration: none;
margin-left: 20px;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-row {
width: 100%;
display: table;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-row .wall-col {
display: table-cell;
float: none;
position: relative;
height: 100%;
}
@media (max-width: 767px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-row {
display: block;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-row .wall-col {
display: block;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-item {
padding: 0;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-featured {
height: 0;
padding-bottom: 100%;
background-color: #000000;
background-position: center center;
background-repeat: no-repeat;
background-size: 101% auto;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
position: relative;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-caption,
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-featured-wrap {
padding: 0;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-caption {
text-align: center;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-title {
margin: 0;
font-size: 1.75em;
margin-bottom: 0.3em;
font-weight: 600;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-bg {
background-color: rgba(87, 187, 138, 0.1);
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-bg .hentry {
background: transparent !important;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-danger {
background: #bb5857;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-danger .portfolio-caption:after {
border-bottom-color: #bb5857;
}
@media (min-width: 768px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-danger .portfolio-caption:after {
border-bottom-color: transparent !important;
border-right-color: #bb5857;
}
}
@media (min-width: 768px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-danger .pull-right ~ .portfolio-caption:after {
border-left-color: #bb5857;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-success {
background: #57bb58;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-success .portfolio-caption:after {
border-bottom-color: #57bb58;
}
@media (min-width: 768px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-success .portfolio-caption:after {
border-bottom-color: transparent !important;
border-right-color: #57bb58;
}
}
@media (min-width: 768px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-success .pull-right ~ .portfolio-caption:after {
border-left-color: #57bb58;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-primary {
background: #000000;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-primary .portfolio-caption:after {
border-bottom-color: #000000;
}
@media (min-width: 768px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-primary .portfolio-caption:after {
border-bottom-color: transparent !important;
border-right-color: #000000;
}
}
@media (min-width: 768px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-primary .pull-right ~ .portfolio-caption:after {
border-left-color: #000000;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-danger,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-success,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-primary {
color: #fff;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-danger .portfolio-meta > span,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-success .portfolio-meta > span,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-primary .portfolio-meta > span {
color: #fff;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-danger a,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-success a,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-primary a {
color: #fff;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-danger a:hover,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-success a:hover,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-primary a:hover {
text-decoration: underline;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-danger .readmore-link:hover,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-success .readmore-link:hover,
.portfolio .portfolio-wrap.portfolio-layout-wall .wall-primary .readmore-link:hover {
text-decoration: none;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-featured-wrap {
background: none repeat scroll 0 0 #162633;
overflow: hidden;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in {
height: 0;
padding-bottom: 50%;
}
@media (max-width: 991px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in {
height: 0;
padding-bottom: 50%;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-item-wrap {
position: static;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-item-wrap .portfolio-featured {
opacity: 0.6;
filter: alpha(opacity=60);
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-caption {
padding: 30px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-caption .portfolio-title a {
color: #fff;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-caption .portfolio-title a:hover {
text-decoration: underline;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-caption .readmore-link {
color: #fff;
border-color: #fff;
}
@media (max-width: 991px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-caption {
padding: 15px;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-meta {
color: #fff;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-meta > span {
color: #fff;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-meta a {
color: #fff;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-in .portfolio-meta a:hover {
text-decoration: underline;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-arrow {
position: relative;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-arrow:after {
bottom: 99%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #fff;
border-width: 20px;
margin-left: -20px;
}
@media (min-width: 768px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-arrow:after {
bottom: auto;
left: auto;
right: 99%;
top: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #fff;
border-width: 20px;
}
}
@media (max-width: 767px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .pull-right {
float: none !important;
}
}
@media (min-width: 768px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .pull-right ~ .portfolio-caption:after {
border-right-color: transparent !important;
border-left-color: #fff;
left: 100%;
right: auto;
margin-left: 0;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-out {
height: 0;
padding-bottom: 25%;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .title-out .portfolio-caption {
padding: 30px 30px;
}
@media (max-width: 991px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .title-out .portfolio-caption {
padding: 15px;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .height-auto {
height: auto;
padding: 0;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .height-auto .portfolio-featured {
padding-bottom: 40%;
}
@media (max-width: 767px) {
.portfolio .portfolio-wrap.portfolio-layout-wall .height-auto .portfolio-featured {
padding-bottom: 100%;
}
}
.portfolio .portfolio-wrap.portfolio-layout-wall .readmore-link {
font-size: 3rem;
font-family: arial;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-meta > span {
display: block;
font-size: 13px;
color: #000000;
margin-bottom: 1rem;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-meta a {
text-transform: uppercase;
font-size: 13px;
}
.portfolio .portfolio-wrap.portfolio-layout-wall .portfolio-meta a:hover {
text-decoration: underline;
}
.portfolio .portfolio-wrap.portfolio-layout-grid .portfolio-item:nth-of-type(n) {
clear: none;
}
.portfolio .portfolio-wrap.portfolio-layout-grid .portfolio-item.col-md-6:nth-of-type(2n + 1) {
clear: both;
}
.portfolio .portfolio-wrap.portfolio-layout-grid .portfolio-item.col-md-3:nth-of-type(4n + 1) {
clear: both;
}
@media (max-width: 991px) {
.portfolio .portfolio-wrap.portfolio-layout-grid .portfolio-item.col-md-3:nth-of-type(4n + 1) {
clear: none;
}
.portfolio .portfolio-wrap.portfolio-layout-grid .portfolio-item.col-md-3:nth-of-type(2n + 1) {
clear: both;
}
}
.portfolio .portfolio-wrap.portfolio-layout-grid .portfolio-item.col-md-4:nth-of-type(3n + 1) {
clear: both;
}
@media (max-width: 991px) {
.portfolio .portfolio-wrap.portfolio-layout-grid .portfolio-item.col-md-4:nth-of-type(3n + 1) {
clear: none;
}
.portfolio .portfolio-wrap.portfolio-layout-grid .portfolio-item.col-md-4:nth-of-type(2n + 1) {
clear: both;
}
}
@media (max-width: 767px) {
.portfolio .portfolio-wrap.portfolio-layout-grid .portfolio-item {
clear: none !important;
}
}
.portfolio .infinite-scroll-loading {
margin-top: 1.5862068965517242em;
}
.portfolio .portfolio-filter {
margin-bottom: 30px;
display: table;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.portfolio .portfolio-filter .filter-heaeding {
display: table-cell;
width: 20%;
vertical-align: middle;
}
@media (max-width: 767px) {
.portfolio .portfolio-filter .filter-heaeding {
display: none;
}
}
.portfolio .portfolio-filter .filter-heaeding h3 {
margin: 0;
}
.portfolio .portfolio-filter .filter-action {
display: table-cell;
vertical-align: middle;
width: 80%;
text-align: right;
}
.portfolio .portfolio-filter .filter-action.filter-action-center {
display: block;
width: 100%;
text-align: left;
padding-bottom: 1em;
}
.portfolio .portfolio-filter .filter-action.filter-action-center > ul {
float: none;
text-transform: uppercase;
text-align: center;
}
.portfolio .portfolio-filter .filter-action.filter-action-center > ul li {
float: none;
padding: 0;
display: inline-block !important;
}
.portfolio .portfolio-filter .filter-action.filter-action-center > ul li a {
padding: 0.5em 1.5em;
line-height: 1;
border-bottom: none;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.portfolio .portfolio-filter .filter-action.filter-action-center > ul li a.selected {
background: #000000;
color: #fff;
}
@media (max-width: 767px) {
.portfolio .portfolio-filter .filter-action {
width: 100%;
text-align: left;
display: block;
}
}
.portfolio .portfolio-filter .filter-action > ul {
float: right;
list-style: none;
padding: 0;
margin: 0;
}
.portfolio .portfolio-filter .filter-action > ul li {
display: none;
float: left;
padding: 0.5517241379310345rem 0.9655172413793104rem;
}
@media (max-width: 767px) {
.portfolio .portfolio-filter .filter-action > ul li {
display: block;
}
}
.portfolio .portfolio-filter .filter-action > ul li a {
display: block;
border-bottom: 1px solid transparent;
}
.portfolio .portfolio-filter .filter-action > ul li a.selected {
color: #000000;
border-bottom-color: #000000;
}
.portfolio .portfolio-filter .filter-action.no-sorting > ul li {
display: block;
}
.portfolio .portfolio-filter .filter-action .filter-btn,
.portfolio .portfolio-filter .filter-action .sort-btn {
margin-left: 0.8275862068965517rem;
float: right;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #ffffff;
background-color: #000000;
border-color: #000000;
padding: 0.5517241379310345rem 0.9655172413793104rem;
}
.portfolio .portfolio-filter .filter-action .filter-btn:hover,
.portfolio .portfolio-filter .filter-action .sort-btn:hover,
.portfolio .portfolio-filter .filter-action .filter-btn:focus,
.portfolio .portfolio-filter .filter-action .sort-btn:focus {
color: #666666;
text-decoration: none;
}
.portfolio .portfolio-filter .filter-action .filter-btn i,
.portfolio .portfolio-filter .filter-action .sort-btn i,
.portfolio .portfolio-filter .filter-action .filter-btn span,
.portfolio .portfolio-filter .filter-action .sort-btn span {
z-index: 2;
position: relative;
}
.portfolio .portfolio-filter .filter-action .filter-btn.btn-style-outlined,
.portfolio .portfolio-filter .filter-action .sort-btn.btn-style-outlined {
color: #000000;
}
.portfolio .portfolio-filter .filter-action .filter-btn:hover,
.portfolio .portfolio-filter .filter-action .sort-btn:hover,
.portfolio .portfolio-filter .filter-action .filter-btn:focus,
.portfolio .portfolio-filter .filter-action .sort-btn:focus,
.portfolio .portfolio-filter .filter-action .filter-btn:active,
.portfolio .portfolio-filter .filter-action .sort-btn:active,
.portfolio .portfolio-filter .filter-action .filter-btn.active,
.portfolio .portfolio-filter .filter-action .sort-btn.active {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.portfolio .portfolio-filter .filter-action .filter-btn:hover.btn-style-outlined,
.portfolio .portfolio-filter .filter-action .sort-btn:hover.btn-style-outlined,
.portfolio .portfolio-filter .filter-action .filter-btn:focus.btn-style-outlined,
.portfolio .portfolio-filter .filter-action .sort-btn:focus.btn-style-outlined,
.portfolio .portfolio-filter .filter-action .filter-btn:active.btn-style-outlined,
.portfolio .portfolio-filter .filter-action .sort-btn:active.btn-style-outlined,
.portfolio .portfolio-filter .filter-action .filter-btn.active.btn-style-outlined,
.portfolio .portfolio-filter .filter-action .sort-btn.active.btn-style-outlined {
color: #000000;
}
.portfolio .portfolio-filter .filter-action .filter-btn:hover.btn-style-3d,
.portfolio .portfolio-filter .filter-action .sort-btn:hover.btn-style-3d,
.portfolio .portfolio-filter .filter-action .filter-btn:focus.btn-style-3d,
.portfolio .portfolio-filter .filter-action .sort-btn:focus.btn-style-3d,
.portfolio .portfolio-filter .filter-action .filter-btn:active.btn-style-3d,
.portfolio .portfolio-filter .filter-action .sort-btn:active.btn-style-3d,
.portfolio .portfolio-filter .filter-action .filter-btn.active.btn-style-3d,
.portfolio .portfolio-filter .filter-action .sort-btn.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.portfolio .portfolio-filter .filter-action .filter-btn:active,
.portfolio .portfolio-filter .filter-action .sort-btn:active,
.portfolio .portfolio-filter .filter-action .filter-btn.active,
.portfolio .portfolio-filter .filter-action .sort-btn.active {
background-image: none;
}
.portfolio .portfolio-filter .filter-action .filter-btn.btn-style-3d,
.portfolio .portfolio-filter .filter-action .sort-btn.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #000000;
box-shadow: 0 5px 0 #000000;
}
.portfolio .portfolio-filter .filter-action .filter-btn i,
.portfolio .portfolio-filter .filter-action .sort-btn i {
margin-left: 0.3448275862068966em;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio .portfolio-filter .filter-action .filter-btn i.sort-angle-down:before,
.portfolio .portfolio-filter .filter-action .sort-btn i.sort-angle-down:before {
content: "\f107";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.portfolio .portfolio-filter .filter-action .filter-btn i.sort-angle-up,
.portfolio .portfolio-filter .filter-action .sort-btn i.sort-angle-up {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.portfolio .portfolio-filter .filter-action .filter-btn i.sort-angle-up:before,
.portfolio .portfolio-filter .filter-action .sort-btn i.sort-angle-up:before {
content: "\f107";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
@media (max-width: 991px) {
.portfolio .portfolio-filter .filter-action > ul {
margin-top: 0.8275862068965517rem;
clear: both;
}
}
@media (max-width: 767px) {
.portfolio .portfolio-filter .filter-action .filter-btn,
.portfolio .portfolio-filter .filter-action .sort-btn {
float: left;
margin-left: 0;
margin-right: 0.8275862068965517rem;
}
.portfolio .portfolio-filter .filter-action > ul {
float: left;
}
}
.portfolio .portfolio-item {
padding-bottom: 30px;
}
.portfolio .portfolio-item-wrap {
overflow: hidden;
position: relative;
width: 100%;
}
.container-full .portfolio.gap {
padding-left: 20px;
padding-right: 20px;
}
.portfolio.no-gap .row {
margin: 0;
padding: 0;
}
.portfolio.no-gap .row .portfolio-item {
padding: 0;
margin: 0;
}
.portfolio.onepx {
margin-right: -1px;
}
.portfolio.onepx .row {
margin: 0;
padding: 0;
}
.portfolio.onepx .row .portfolio-item {
padding: 0;
margin: 0;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: transparent;
overflow: hidden;
}
.portfolio .portfolio-featured img {
width: 100%;
max-width: none;
height: auto;
display: block;
padding: 0;
outline: 0 none;
vertical-align: baseline;
}
.portfolio.portfolio-style-one .portfolio-title {
font-size: 1em;
}
.portfolio.portfolio-style-one .portfolio-featured-wrap {
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
opacity: 1;
filter: alpha(opacity=100);
bottom: 0;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
z-index: 20;
}
.portfolio.portfolio-style-one .portfolio-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 25;
top: 0;
left: 0;
background: rgba(51, 51, 51, 0.5);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.portfolio.portfolio-style-one .portfolio-action {
position: absolute;
z-index: 30;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);
height: 50px;
text-align: center;
}
.portfolio.portfolio-style-one .portfolio-action a {
position: relative;
top: 100%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);
transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-moz-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-webkit-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-o-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-ms-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
background: rgba(51, 51, 51, 0.8);
-webkit-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 18px;
height: 50px;
line-height: 50px;
width: 50px;
margin: 5px;
text-align: center;
}
.portfolio.portfolio-style-one .portfolio-action a:hover {
background: #333333;
}
.portfolio.portfolio-style-one .portfolio-title {
margin-top: 0;
margin-bottom: 5px;
}
.portfolio.portfolio-style-one .portfolio-title a {
color: #fff;
font-size: 1.2413793103448276em;
}
.portfolio.portfolio-style-one .portfolio-meta {
font-size: 13px;
}
.portfolio.portfolio-style-one .portfolio-caption {
position: absolute;
margin: 0;
bottom: 0;
left: 0;
z-index: 10;
width: 100%;
background: #333333;
color: #fff;
}
.portfolio.portfolio-style-one .portfolio-caption-wrap {
padding: 15px;
opacity: 0;
transform: matrix3d(0.8, 0, 0, 0, 0, 0, 0.8, -0.00066, 0, -1, 0, 0, 0, 0, 0.001, 0.999999);
-o-transform: matrix3d(0.8, 0, 0, 0, 0, 0, 0.8, -0.00066, 0, -1, 0, 0, 0, 0, 0.001, 0.999999);
-moz-transform: matrix3d(0.8, 0, 0, 0, 0, 0, 0.8, -0.00066, 0, -1, 0, 0, 0, 0, 0.001, 0.999999);
-webkit-transform: matrix3d(0.8, 0, 0, 0, 0, 0, 0.8, -0.00066, 0, -1, 0, 0, 0, 0, 0.001, 0.999999);
-ms-transform: matrix3d(0.8, 0, 0, 0, 0, 0, 0.8, -0.00066, 0, -1, 0, 0, 0, 0, 0.001, 0.999999);
-webkit-transform-origin: 50% 100% 0;
-moz-transform-origin: 50% 100% 0;
-ms-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;
visibility: hidden;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio.portfolio-style-one .portfolio-item-wrap:hover .portfolio-overlay {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.portfolio.portfolio-style-one .portfolio-item-wrap:hover .portfolio-action a {
top: 50%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.portfolio.portfolio-style-one .portfolio-item-wrap:hover .portfolio-action a.view-action {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.portfolio.portfolio-style-one .portfolio-item-wrap:hover .portfolio-caption-wrap {
opacity: 1;
visibility: visible;
-webkit-transform-origin: 50% 100% 0;
-moz-transform-origin: 50% 100% 0;
-ms-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;
transform: matrix(1, 0, 0, 1, 0, 0);
-moz-transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
-ms-transform: matrix(1, 0, 0, 1, 0, 0);
-o-transform: matrix(1, 0, 0, 1, 0, 0);
}
.portfolio.portfolio-style-two .portfolio-title {
font-size: 1em;
}
.portfolio.portfolio-style-two .portfolio-item-wrap .portfolio-featured-wrap {
position: relative;
}
.portfolio.portfolio-style-two .portfolio-item-wrap .portfolio-action {
position: absolute;
z-index: 30;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);
height: 3.4482758620689653em;
text-align: center;
}
.portfolio.portfolio-style-two .portfolio-item-wrap .portfolio-action a {
position: relative;
top: 100%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);
transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-moz-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-webkit-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-o-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-ms-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
background: rgba(51, 51, 51, 0.8);
-webkit-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 18px;
height: 50px;
line-height: 50px;
width: 50px;
margin: 5px;
text-align: center;
}
.portfolio.portfolio-style-two .portfolio-item-wrap .portfolio-action a:hover {
background: #333333;
}
.portfolio.portfolio-style-two .portfolio-item-wrap .portfolio-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 25;
top: 0;
left: 0;
background: rgba(51, 51, 51, 0.5);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.portfolio.portfolio-style-two .portfolio-item-wrap .portfolio-title {
margin-top: 10px;
margin-bottom: 5px;
}
.portfolio.portfolio-style-two .portfolio-item-wrap .portfolio-title a {
font-size: 1.2413793103448276em;
}
.portfolio.portfolio-style-two .portfolio-item-wrap .portfolio-meta {
font-size: 13px;
margin-bottom: 0.7931034482758621em;
}
.portfolio.portfolio-style-two .portfolio-item-wrap:hover .portfolio-overlay {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.portfolio.portfolio-style-two .portfolio-item-wrap:hover .portfolio-action a {
top: 50%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.portfolio.portfolio-style-two .portfolio-item-wrap:hover .portfolio-action a.view-action {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.portfolio.portfolio-style-three .portfolio-title {
font-size: 1em;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-featured {
-webkit-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
transition: all 0.5s ease-in 0s;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
top: 0;
left: 0;
background: rgba(87, 187, 138, 0.9);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-title {
margin-top: 0;
padding: 0 15px;
line-height: 1.3;
margin-bottom: 10px;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-title a {
font-size: 1.2413793103448276em;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-meta {
font-size: 13px;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-action {
position: absolute;
z-index: 30;
top: 50%;
margin-top: 1.7241379310344827em;
left: 0;
width: 100%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);
height: 3.4482758620689653em;
text-align: center;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-action a {
position: relative;
top: 200%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);
transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-moz-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-webkit-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-o-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
-ms-transition: top 0.3s ease 0s,opacity 0.3s ease 0s,visibility 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
color: #fff;
background: rgba(51, 51, 51, 0.8);
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
font-size: 18px;
height: 50px;
line-height: 50px;
width: 50px;
margin: 5px;
text-align: center;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-action a:hover {
background: #333333;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-caption {
padding-bottom: 3.4482758620689653em;
position: absolute;
left: 0;
z-index: 10;
width: 100%;
top: 50%;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #fff;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-caption .portfolio-caption-wrap {
position: relative;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-caption .portfolio-caption-wrap:before {
background: none repeat scroll 0 0 #fff;
bottom: -0.6896551724137931em;
content: "";
height: 1px;
left: 50%;
margin: 0 auto;
position: absolute;
-webkit-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
width: 0%;
z-index: 100;
-webkit-transition: width 0.5s;
-o-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-caption .portfolio-title {
margin-bottom: 0px;
}
.portfolio.portfolio-style-three .portfolio-item-wrap .portfolio-caption .portfolio-title a {
color: #fff;
text-transform: uppercase;
}
.portfolio.portfolio-style-three .portfolio-item-wrap:hover .portfolio-caption {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.portfolio.portfolio-style-three .portfolio-item-wrap:hover .portfolio-caption .portfolio-caption-wrap:before {
width: 20%;
}
.portfolio.portfolio-style-three .portfolio-item-wrap:hover .portfolio-featured {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.portfolio.portfolio-style-three .portfolio-item-wrap:hover .portfolio-overlay {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.portfolio.portfolio-style-three .portfolio-item-wrap:hover .portfolio-action a {
top: 100%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.portfolio.portfolio-style-three .portfolio-item-wrap:hover .portfolio-action a.view-action {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.portfolio.portfolio-style-lily .portfolio-item-wrap {
position: relative;
}
.portfolio.portfolio-style-lily .portfolio-featured {
max-width: none;
width: -moz-calc(100% + 50px);
width: -o-calc(100% + 50px);
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
.portfolio.portfolio-style-lily .portfolio-overlay,
.portfolio.portfolio-style-lily .portfolio-action {
display: none;
}
.portfolio.portfolio-style-lily .portfolio-caption {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
padding: 2em;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
}
.portfolio.portfolio-style-lily .portfolio-caption-wrap {
bottom: 1em;
left: 0;
padding: 2em;
position: absolute;
width: 100%;
}
.portfolio.portfolio-style-lily .portfolio-meta,
.portfolio.portfolio-style-lily .portfolio-title {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.portfolio.portfolio-style-lily .portfolio-title {
margin-bottom: 5px;
margin-top: 0px;
-webkit-transition: -webkit-transform 0.35s;
-ms-transition: -ms-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
font-size: 1.4em;
margin: 0;
}
.portfolio.portfolio-style-lily .portfolio-title a {
color: #fff;
text-transform: uppercase;
font-weight: 300;
}
.portfolio.portfolio-style-lily .portfolio-title .nth-word-1 {
font-weight: bold;
}
.portfolio.portfolio-style-lily .portfolio-meta {
color: rgba(255, 255, 255, 0.9);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
-o-transition: opacity 0.2s, -o-transform 0.35s;
-ms-transition: opacity 0.2s, -ms-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
.portfolio.portfolio-style-lily .portfolio-item-wrap:hover .portfolio-caption {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}
.portfolio.portfolio-style-lily .portfolio-item-wrap:hover .portfolio-featured,
.portfolio.portfolio-style-lily .portfolio-item-wrap:hover .portfolio-meta {
opacity: 1;
filter: alpha(opacity=100);
}
.portfolio.portfolio-style-lily .portfolio-item-wrap:hover .portfolio-title,
.portfolio.portfolio-style-lily .portfolio-item-wrap:hover .portfolio-featured,
.portfolio.portfolio-style-lily .portfolio-item-wrap:hover .portfolio-meta {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio.portfolio-style-lily .portfolio-item-wrap:hover .portfolio-meta {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
.portfolio.portfolio-style-marley .portfolio-item-wrap {
position: relative;
}
.portfolio.portfolio-style-marley .portfolio-featured {
opacity: 0.8;
filter: alpha(opacity=80);
}
.portfolio.portfolio-style-marley .portfolio-overlay,
.portfolio.portfolio-style-marley .portfolio-action {
display: none;
}
.portfolio.portfolio-style-marley .portfolio-caption {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
padding: 2em;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
}
.portfolio.portfolio-style-marley .portfolio-meta,
.portfolio.portfolio-style-marley .portfolio-title {
left: 30px;
padding: 10px 0;
position: absolute;
right: 30px;
}
.portfolio.portfolio-style-marley .portfolio-title {
top: 30px;
-webkit-transform: translate3d(0px, 20px, 0px);
transform: translate3d(0px, 20px, 0px);
transition: transform 0.35s ease 0s;
-webkit-transition: -webkit-transform 0.35s ease 0s;
-o-transition: -o-transform 0.35s ease 0s;
margin: 0;
font-size: 1.4em;
text-align: right;
}
.portfolio.portfolio-style-marley .portfolio-title a {
color: #fff;
text-transform: uppercase;
font-weight: 300;
}
.portfolio.portfolio-style-marley .portfolio-title .nth-word-1 {
font-weight: bold;
}
.portfolio.portfolio-style-marley .portfolio-title:after {
background: none repeat scroll 0 0 #fff;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 100%;
-webkit-transform: translate3d(0px, 40px, 0px);
transform: translate3d(0px, 40px, 0px);
width: 100%;
}
.portfolio.portfolio-style-marley .portfolio-meta {
bottom: 30px;
-webkit-transform: translate3d(0px, 100%, 0px);
transform: translate3d(0px, 100%, 0px);
color: rgba(255, 255, 255, 0.9);
text-align: right;
}
.portfolio.portfolio-style-marley .portfolio-title:after,
.portfolio.portfolio-style-marley .portfolio-meta {
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, -o-transform 0.35s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
}
.portfolio.portfolio-style-marley .portfolio-item-wrap:hover .portfolio-caption {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}
.portfolio.portfolio-style-marley .portfolio-item-wrap:hover .portfolio-title {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio.portfolio-style-marley .portfolio-item-wrap:hover .portfolio-meta,
.portfolio.portfolio-style-marley .portfolio-item-wrap:hover .portfolio-title:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.single-portfolio .portfolio .portfolio-title-wrap {
display: table;
width: 100%;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 30px;
margin-bottom: 30px;
}
.single-portfolio .portfolio .portfolio-title-wrap .portfolio-all {
display: table-cell;
vertical-align: middle;
width: 10%;
}
.single-portfolio .portfolio .portfolio-title-wrap .portfolio-all a {
font-size: 2.0689655172413794em;
}
.single-portfolio .portfolio .portfolio-title-wrap .portfolio-title {
display: table-cell;
width: 80%;
vertical-align: middle;
margin: 0;
text-align: center;
}
.single-portfolio .portfolio .portfolio-title-wrap .portfolio-navigation {
display: table-cell;
width: 10%;
vertical-align: middle;
text-align: right;
}
.single-portfolio .portfolio .portfolio-title-wrap .portfolio-navigation a {
line-height: 1;
font-size: 2.0689655172413794em;
margin: 0 0 0 0.6896551724137931em;
}
@media (max-width: 767px) {
.single-portfolio .portfolio .portfolio-title-wrap .portfolio-title {
width: 100%;
}
.single-portfolio .portfolio .portfolio-title-wrap .portfolio-all,
.single-portfolio .portfolio .portfolio-title-wrap .portfolio-navigation {
display: none;
}
}
.single-portfolio .portfolio .portfolio-summary .portfolio-excerpt {
margin-bottom: 1.5862068965517242em;
}
.single-portfolio .portfolio .portfolio-featured {
margin-bottom: 1.5862068965517242em;
}
.single-portfolio .portfolio .portfolio-featured img {
height: auto;
max-height: 100%;
max-width: 100%;
width: 100%;
}
.single-portfolio .portfolio .portfolio-link {
margin-bottom: 1.5862068965517242em;
}
.single-portfolio .portfolio .portfolio-link .btn {
width: 100%;
text-transform: uppercase;
}
.single-portfolio .portfolio .portfolio-attributes {
margin-bottom: 1.5862068965517242em;
}
.single-portfolio .portfolio .portfolio-attributes .portfolio-attribute {
display: block;
padding-bottom: 0.9655172413793104rem;
margin-bottom: 0.9655172413793104rem;
border-bottom: 1px solid #e5e5e5;
text-transform: capitalize;
}
.single-portfolio .portfolio .portfolio-attributes .portfolio-attribute i {
color: #000000;
margin-right: 0.3448275862068966em;
}
.single-portfolio .portfolio .portfolio-content {
margin-top: 1.5862068965517242em;
}
.single-portfolio .portfolio .portfolio-share {
margin-bottom: 1.5862068965517242em;
}
.single-portfolio .portfolio .portfolio-share .share-links {
padding: 0;
background: transparent;
}
.single-portfolio .portfolio .portfolio-share .share-links .share-icons a {
background: none;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.single-portfolio .portfolio .portfolio-share .share-links .share-icons .facebook-share a:hover {
background-color: none;
border-color: #47639e;
color: #47639e;
}
.single-portfolio .portfolio .portfolio-share .share-links .share-icons .twitter-share a:hover {
background-color: none;
border-color: #55acee;
color: #55acee;
}
.single-portfolio .portfolio .portfolio-share .share-links .share-icons .pinterest-share a:hover {
background-color: none;
border-color: #cb2027;
color: #cb2027;
}
.single-portfolio .portfolio .portfolio-share .share-links .share-icons .google-plus-share a:hover {
background-color: none;
border-color: #dd4b39;
color: #dd4b39;
}
.single-portfolio .portfolio .portfolio-share .share-links .share-icons .linkedin-share a:hover {
background-color: none;
border-color: #069;
color: #069;
}
.single-portfolio .comments-area {
padding-top: 0;
}
.related-portfolio {
padding-bottom: 70px;
background: #f5f5f5;
padding-top: 60px;
}
.related-portfolio .portfolio {
margin-top: 30px;
}
.related-portfolio .portfolio .portfolio-featured {
margin-bottom: 0;
}
.related-portfolio-title h3 {
margin-top: 0;
}
/*--------------------------------------------------------------
29.0 - Post
--------------------------------------------------------------*/
.posts.infinite-scroll .paginate,
.posts.loadmore .paginate {
display: none;
}
.posts .entry-title {
font-size: 1.75em;
margin-bottom: 0.3em;
font-weight: 600;
}
.posts .format-audio .date-badge {
display: none;
}
.posts .posts-layout-masonry .date-badge,
.posts .posts-layout-timeline .date-badge {
display: none;
}
.posts .posts-layout-masonry .entry-meta .meta-date,
.posts .posts-layout-timeline .entry-meta .meta-date {
display: inline-block;
}
.posts .entry-meta .meta-date {
display: none;
}
@media (max-width: 767px) {
.posts .entry-meta .meta-date {
display: inline-block;
}
}
.posts .posts-wrap.posts-layout-default .entry-header {
margin-bottom: 1.5em;
}
.posts .posts-wrap.posts-layout-default .readmore-link {
text-align: left;
margin-top: 30px;
}
.posts .posts-wrap.posts-layout-default .readmore-link a {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #666666;
background-color: #f5f5f5;
border-color: #e5e5e5;
background: rgba(0, 0, 0, 0);
text-transform: uppercase;
color: #333333;
font-weight: 600;
font-size: 13px;
border: 1px solid;
}
.posts .posts-wrap.posts-layout-default .readmore-link a:hover,
.posts .posts-wrap.posts-layout-default .readmore-link a:focus {
color: #666666;
text-decoration: none;
}
.posts .posts-wrap.posts-layout-default .readmore-link a i,
.posts .posts-wrap.posts-layout-default .readmore-link a span {
z-index: 2;
position: relative;
}
.posts .posts-wrap.posts-layout-default .readmore-link a.btn-style-outlined {
color: #f5f5f5;
}
.posts .posts-wrap.posts-layout-default .readmore-link a:hover,
.posts .posts-wrap.posts-layout-default .readmore-link a:focus,
.posts .posts-wrap.posts-layout-default .readmore-link a:active,
.posts .posts-wrap.posts-layout-default .readmore-link a.active {
color: #666666;
background-color: #dcdcdc;
border-color: #cccccc;
}
.posts .posts-wrap.posts-layout-default .readmore-link a:hover.btn-style-outlined,
.posts .posts-wrap.posts-layout-default .readmore-link a:focus.btn-style-outlined,
.posts .posts-wrap.posts-layout-default .readmore-link a:active.btn-style-outlined,
.posts .posts-wrap.posts-layout-default .readmore-link a.active.btn-style-outlined {
color: #cccccc;
}
.posts .posts-wrap.posts-layout-default .readmore-link a:hover.btn-style-3d,
.posts .posts-wrap.posts-layout-default .readmore-link a:focus.btn-style-3d,
.posts .posts-wrap.posts-layout-default .readmore-link a:active.btn-style-3d,
.posts .posts-wrap.posts-layout-default .readmore-link a.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #c6c6c6;
box-shadow: 0 5px 0 #c6c6c6;
}
.posts .posts-wrap.posts-layout-default .readmore-link a:active,
.posts .posts-wrap.posts-layout-default .readmore-link a.active {
background-image: none;
}
.posts .posts-wrap.posts-layout-default .readmore-link a.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #e5e5e5;
box-shadow: 0 5px 0 #e5e5e5;
}
.posts .posts-wrap.posts-layout-default .readmore-link a:hover,
.posts .posts-wrap.posts-layout-default .readmore-link a:focus,
.posts .posts-wrap.posts-layout-default .readmore-link a:active {
color: #fff !important;
border-color: #000000;
background-color: #000000;
}
.posts .posts-wrap.posts-layout-wall .wall-col {
margin: 0;
padding: 0;
height: 45rem;
position: relative;
overflow: hidden;
background: #fff;
}
@media (max-width: 991px) {
.posts .posts-wrap.posts-layout-wall .wall-col {
height: auto;
}
}
.posts .posts-wrap.posts-layout-wall .wall-col :hover .readmore-link i {
margin-left: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.posts .posts-wrap.posts-layout-wall .wall-col :hover .readmore-link span {
left: -0.5em;
}
.posts .posts-wrap.posts-layout-wall .entry-title {
overflow: hidden;
text-overflow: ellipsis;
}
.posts .posts-wrap.posts-layout-wall .entry-title > a {
white-space: nowrap;
}
.posts .posts-wrap.posts-layout-wall .title-in {
height: auto;
}
.posts .posts-wrap.posts-layout-wall .title-in .entry-featured {
padding: 0;
margin: 0;
}
.posts .posts-wrap.posts-layout-wall .title-in .entry-header {
padding: 0;
margin: 0;
}
.posts .posts-wrap.posts-layout-wall .title-in .entry-info {
position: relative;
padding: 30px;
}
@media (max-width: 991px) {
.posts .posts-wrap.posts-layout-wall .title-in .entry-info {
padding: 15px;
}
}
.posts .posts-wrap.posts-layout-wall .title-in .entry-info:after {
bottom: 99%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #fff;
border-width: 20px;
margin-left: -20px;
}
@media (min-width: 768px) {
.posts .posts-wrap.posts-layout-wall .title-in .entry-info:after {
bottom: auto;
left: auto;
right: 99%;
top: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #fff;
border-width: 20px;
}
}
@media (max-width: 767px) {
.posts .posts-wrap.posts-layout-wall .title-in .pull-right {
float: none !important;
}
}
@media (min-width: 768px) {
.posts .posts-wrap.posts-layout-wall .title-in .pull-right ~ .entry-info:after {
border-right-color: transparent;
border-left-color: #fff;
left: 100%;
right: auto;
margin-left: 0;
}
}
.posts .posts-wrap.posts-layout-wall .entry-meta {
margin-bottom: 1rem;
}
.posts .posts-wrap.posts-layout-wall .title-out .entry-header {
padding: 30px 30px;
}
@media (max-width: 991px) {
.posts .posts-wrap.posts-layout-wall .title-out .entry-header {
padding: 15px;
}
}
.posts .posts-wrap.posts-layout-wall .wall-bg {
background-color: rgba(87, 187, 138, 0.1);
}
.posts .posts-wrap.posts-layout-wall .wall-bg .hentry {
background: transparent !important;
}
.posts .posts-wrap.posts-layout-wall .readmore-link {
-webkit-border-radius: 50px;
border-radius: 50px;
background: transparent;
border-color: #000000;
margin-top: 1em;
display: inline-block;
color: #000000;
}
.posts .posts-wrap.posts-layout-wall .readmore-link:hover,
.posts .posts-wrap.posts-layout-wall .readmore-link:focus,
.posts .posts-wrap.posts-layout-wall .readmore-link:active,
.posts .posts-wrap.posts-layout-wall .readmore-link.active {
border-color: #000000;
background: transparent;
color: #000000;
}
.posts .posts-wrap.posts-layout-wall .entry-featured iframe,
.posts .posts-wrap.posts-layout-wall .entry-featured embed,
.posts .posts-wrap.posts-layout-wall .entry-featured object {
display: table;
}
.posts .posts-wrap.posts-layout-wall .entry-featured,
.posts .posts-wrap.posts-layout-wall .hentry {
border: none;
padding: 0;
margin: 0;
}
.posts .posts-wrap.posts-layout-wall .entry-header {
padding-left: 0;
text-align: center;
margin: 0;
}
.posts .posts-wrap.posts-layout-wall .meta-date {
display: inline-block;
}
.posts .posts-wrap.posts-layout-wall .date-badge,
.posts .posts-wrap.posts-layout-wall .entry-content {
display: none;
}
.posts .posts-wrap.posts-layout-wall .share-links {
padding: 0;
background: transparent;
margin: 30px 0 0 0;
text-align: center;
}
.posts .posts-wrap.posts-layout-wall .share-links .share-icons a {
background: transparent;
border: none;
margin: 0;
}
@media (max-width: 991px) {
.posts .posts-wrap.posts-layout-wall .share-links {
display: none;
}
}
.posts .posts-wrap.posts-layout-wall .format-link {
position: relative;
height: 100%;
}
.posts .posts-wrap.posts-layout-wall .format-link .quote-content {
padding: 30px;
}
.posts .posts-wrap.posts-layout-wall .format-link .quote-content,
.posts .posts-wrap.posts-layout-wall .format-link .entry-content,
.posts .posts-wrap.posts-layout-wall .format-link .hentry-wrap {
position: relative;
height: 100%;
display: block;
}
.posts .posts-wrap.posts-layout-wall .format-link .link-content i {
display: block;
text-align: center;
font-size: 40px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.posts .posts-wrap.posts-layout-wall .format-link .link-content i {
font-size: 20px;
margin-bottom: 10px;
}
}
.posts .posts-wrap.posts-layout-wall .format-quote {
position: relative;
height: 100%;
}
.posts .posts-wrap.posts-layout-wall .format-quote .quote-content {
padding: 30px;
}
.posts .posts-wrap.posts-layout-wall .format-quote .quote-content,
.posts .posts-wrap.posts-layout-wall .format-quote .entry-content,
.posts .posts-wrap.posts-layout-wall .format-quote .hentry-wrap {
position: relative;
height: 100%;
display: block;
}
.posts .posts-wrap.posts-layout-wall .format-quote .quote-content i {
display: block;
text-align: center;
font-size: 40px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.posts .posts-wrap.posts-layout-wall .format-quote .quote-content i {
font-size: 20px;
margin-bottom: 10px;
}
}
.posts .posts-wrap.posts-layout-grid .hentry {
border-bottom: none;
padding-bottom: 0;
}
.posts .posts-wrap.posts-layout-grid .hentry:nth-of-type(n) {
clear: none;
}
.posts .posts-wrap.posts-layout-grid .hentry.col-md-6:nth-of-type(2n + 1) {
clear: both;
}
.posts .posts-wrap.posts-layout-grid .hentry.col-md-3:nth-of-type(4n + 1) {
clear: both;
}
@media (max-width: 991px) {
.posts .posts-wrap.posts-layout-grid .hentry.col-md-3:nth-of-type(4n + 1) {
clear: none;
}
.posts .posts-wrap.posts-layout-grid .hentry.col-md-3:nth-of-type(2n + 1) {
clear: both;
}
}
.posts .posts-wrap.posts-layout-grid .hentry.col-md-4:nth-of-type(3n + 1) {
clear: both;
}
@media (max-width: 991px) {
.posts .posts-wrap.posts-layout-grid .hentry.col-md-4:nth-of-type(3n + 1) {
clear: none;
}
.posts .posts-wrap.posts-layout-grid .hentry.col-md-4:nth-of-type(2n + 1) {
clear: both;
}
}
@media (max-width: 767px) {
.posts .posts-wrap.posts-layout-grid .hentry {
clear: none !important;
}
}
.posts .posts-wrap.posts-layout-masonry .hentry {
border-bottom: none;
padding-bottom: 0;
}
.posts .posts-wrap.posts-layout-masonry.no-gap.row {
margin-left: 0;
margin-right: 0;
}
.posts .posts-wrap.posts-layout-masonry.no-gap.row .hentry {
padding-left: 0;
padding-right: 0;
}
.posts .posts-wrap.posts-layout-masonry .hentry-wrap {
border: 1px solid #e5e5e5;
border-bottom-width: 3px;
-webkit-transition: box-shadow 0.3s;
-o-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}
.posts .posts-wrap.posts-layout-masonry .hentry-wrap:hover {
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.posts .posts-wrap.posts-layout-masonry .hentry-wrap .entry-header {
margin-top: 20px;
padding: 0 20px;
}
.posts .posts-wrap.posts-layout-masonry .hentry-wrap .entry-content {
padding: 0 20px 20px;
}
.posts .posts-wrap.posts-layout-masonry .hentry-wrap .entry-footer {
padding: 0 20px 20px;
}
.posts .posts-wrap.posts-layout-masonry .hentry-wrap .readmore-link {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e5e5e5;
}
.posts .posts-wrap.posts-layout-masonry .hentry-wrap .readmore-link .date {
font-size: 13px;
float: left;
}
.posts .posts-wrap.posts-layout-masonry .hentry-wrap.hentry-wrap-quote,
.posts .posts-wrap.posts-layout-masonry .hentry-wrap.hentry-wrap-link {
border: none;
}
.posts .posts-wrap.posts-layout-masonry .hentry-wrap.hentry-wrap-quote .entry-content,
.posts .posts-wrap.posts-layout-masonry .hentry-wrap.hentry-wrap-link .entry-content {
padding: 0;
}
.posts .posts-wrap.posts-layout-medium .entry-featured {
float: left;
width: 22.06896551724138em;
margin-right: 1.5em;
margin-bottom: 0;
}
@media (max-width: 767px) {
.posts .posts-wrap.posts-layout-medium .entry-featured {
float: none;
width: auto;
margin-bottom: 1.5862068965517242em;
margin-right: 0;
}
}
.posts .posts-wrap.posts-layout-medium .entry-featured ~ .entry-info .entry-header {
padding-left: 23.56896551724138em;
}
@media (max-width: 767px) {
.posts .posts-wrap.posts-layout-medium .entry-featured ~ .entry-info .entry-header {
padding-left: 0;
}
}
.posts .posts-wrap.posts-layout-timeline {
position: relative;
}
.posts .posts-wrap.posts-layout-timeline:before {
background-color: #f5f5f5;
bottom: 0;
content: " ";
left: 50%;
margin-left: -0.10344827586206896em;
position: absolute;
top: 0;
width: 3px;
z-index: 1;
display: block;
}
.posts .posts-wrap.posts-layout-timeline .hentry {
margin: 0;
border: none;
clear: left;
float: left;
margin-bottom: 30px;
padding: 0;
position: relative;
width: 50%;
padding-right: 30px;
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap {
border: 1px solid #e5e5e5;
border-bottom-width: 3px;
float: left;
position: relative;
width: 100%;
background: #ffffff;
-webkit-transition: box-shadow 0.3s;
-o-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap:hover {
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap:hover .timeline-badge a {
color: #000000;
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap .entry-header {
margin-top: 20px;
padding: 0 20px;
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap .entry-content {
padding: 0 20px 20px;
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap .entry-footer {
padding: 0 20px 20px;
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap .readmore-link {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e5e5e5;
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap .readmore-link .date {
font-size: 13px;
float: left;
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap.hentry-wrap-quote,
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap.hentry-wrap-link {
border: none;
}
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap.hentry-wrap-quote .entry-content,
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap.hentry-wrap-link .entry-content {
padding: 0;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-left .timeline-arrow {
background: none repeat scroll 0 0 #e5e5e5;
content: "";
height: 15px;
position: absolute;
right: 24px;
top: 22px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-left .timeline-badge a span {
left: 20px;
left: -webkit-calc(100% + 10px);
left: -moz-calc(100% + 10px);
left: calc(100% + 10px);
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-left .timeline-badge a span:after {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
top: 50%;
left: -5px;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
content: " ";
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-right {
clear: right;
float: right;
padding-right: 0;
padding-left: 30px;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-right .timeline-badge {
left: -12px;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-right .timeline-arrow {
background: none repeat scroll 0 0 #e5e5e5;
content: "";
height: 15px;
position: absolute;
left: 24px;
top: 22px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-right .timeline-badge a span {
right: 20px;
right: -webkit-calc(100% + 10px);
right: -moz-calc(100% + 10px);
right: calc(100% + 10px);
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-right .timeline-badge a span:after {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
top: 50%;
right: -5px;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
content: " ";
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-hover .hentry-wrap {
border-color: #000000;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-hover .timeline-badge {
z-index: 10;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-hover .timeline-badge a {
color: #000000;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-hover .timeline-badge a span {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-hover .timeline-arrow {
background: #000000 !important;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.posts .posts-wrap.posts-layout-timeline .timeline-date {
clear: both;
text-align: center;
padding-bottom: 0.7931034482758621em;
position: relative;
z-index: 10;
}
@media (max-width: 767px) {
.posts .posts-wrap.posts-layout-timeline .timeline-date {
text-align: left;
}
}
.posts .posts-wrap.posts-layout-timeline .timeline-date .timeline-date-title {
color: #333333;
background: #e5e5e5;
padding: 0.5517241379310345rem 0.9655172413793104rem;
display: inline-block;
margin: 0 auto;
}
.posts .posts-wrap.posts-layout-timeline .timeline-badge {
height: 24px;
position: absolute;
right: -12px;
text-align: center;
top: 16px;
width: 24px;
z-index: 8;
}
.posts .posts-wrap.posts-layout-timeline .timeline-badge a {
color: #e5e5e5;
font-size: 1.3em;
position: relative;
cursor: pointer;
}
.posts .posts-wrap.posts-layout-timeline .timeline-badge a:hover {
color: #000000;
}
.posts .posts-wrap.posts-layout-timeline .timeline-badge a:hover span {
visibility: visible;
}
.posts .posts-wrap.posts-layout-timeline .timeline-badge a span {
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
position: absolute;
z-index: 1070;
line-height: 1.4;
white-space: nowrap;
max-width: 13.793103448275861em;
padding: 0.20689655172413793em 0.5517241379310345em;
color: #ffffff;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
text-align: center;
text-decoration: none;
background-color: #000000;
-webkit-border-radius: 3px;
border-radius: 3px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 13px;
}
@media (max-width: 767px) {
.posts .posts-wrap.posts-layout-timeline:before {
left: 0;
}
.posts .posts-wrap.posts-layout-timeline .hentry {
width: 100%;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-left {
clear: right;
float: right;
padding-right: 0;
padding-left: 30px;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-left .hentry-wrap {
float: right;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-left .timeline-arrow {
background: none repeat scroll 0 0 #e5e5e5;
content: "";
height: 15px;
position: absolute;
left: 24px;
top: 22px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
}
.posts .posts-wrap.posts-layout-timeline .hentry.timeline-align-left .timeline-badge {
left: -12px;
}
.posts .posts-wrap.posts-layout-timeline .timeline-badge a span {
display: none;
}
}
.hentry {
margin-bottom: 45px;
padding-bottom: 45px;
border-bottom: 1px solid #e5e5e5;
background: #ffffff;
}
.entry-header {
margin-bottom: 1.0574712643678161em;
position: relative;
}
.entry-header {
padding-left: 6.5em;
}
.entry-header.no-date-badge {
padding-left: 0;
}
@media (max-width: 767px) {
.entry-header {
padding-left: 0;
}
}
.date-badge {
background: #f5f5f5;
color: #fff;
font-size: 1em;
left: 0;
position: absolute;
text-align: center;
top: -1.7862068965517242em;
}
@media (max-width: 767px) {
.date-badge {
display: none;
}
}
.date-badge .date {
display: block;
font-size: 2.5em;
font-weight: 600;
line-height: 1;
color: #333333;
padding: 10px;
font-family: Helvetica, Arial, sans-serif;
}
.date-badge .month-year {
display: block;
background: #000000;
color: #fff;
padding: 0 10px;
text-transform: uppercase;
font-size: 0.9em;
}
.entry-featured {
margin-bottom: 1em;
}
.entry-featured img {
width: 100%;
height: auto;
}
.entry-featured.video-featured:not(.col-md-8) {
width: 100%;
max-width: 100%;
}
.entry-featured.video-featured {
position: relative;
}
.entry-featured.video-featured .featured-play {
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
z-index: 1;
width: 40px;
height: 40px;
background: url(../images/featured-play.png) no-repeat scroll center center transparent;
}
.entry-title {
font-size: 2em;
margin-top: 0;
font-weight: 600;
}
.sticky .entry-title:before {
content: "\f08d";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.sticky .entry-title:before {
line-height: 1;
opacity: 1;
-webkit-transform: rotate(-36deg);
-ms-transform: rotate(-36deg);
-o-transform: rotate(-36deg);
transform: rotate(-36deg);
color: #000000;
}
.entry-meta {
font-size: 13px;
color: #999999;
}
.entry-meta > span {
margin-right: 10px;
}
.entry-meta > span:first-child:before {
display: none !important;
}
.entry-meta > span i {
margin-right: 5px;
color: #000000;
}
.entry-meta > span:last-child.meta-separator {
display: none;
}
.entry-meta span.meta-separator {
padding: 0 0.13793103448275862em;
}
.entry-meta a {
color: #999999;
}
.entry-meta a:hover {
color: #000000;
}
.entry-content .link-content,
.entry-content .quote-content {
padding: 20px;
background-color: #000000;
color: #fff;
}
.entry-content .link-content a,
.entry-content .quote-content a {
color: #fff;
}
.entry-content .link-content span,
.entry-content .quote-content span {
font-size: 1.2em;
line-height: 1.4;
margin-bottom: 1.0574712643678161em;
display: block;
font-style: italic;
}
.entry-content .link-content cite,
.entry-content .quote-content cite {
font-size: 14.5px;
display: block;
}
.entry-content .link-content cite i.fa,
.entry-content .quote-content cite i.fa {
margin-right: 1.0574712643678161em;
}
.readmore-link {
margin: 0;
}
.readmore-link a {
font-size: 13px;
color: #333333;
}
.readmore-link a:after {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.readmore-link a:after {
margin-left: 0.3448275862068966em;
font-size: 14.5px;
}
.readmore-link a:hover {
color: #000000;
}
.post-navigation {
margin-bottom: 30px;
}
.post-navigation .prev-post > span {
font-weight: 600;
text-transform: uppercase;
color: #333333;
}
.post-navigation .prev-post > span:before {
content: "\f104";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.post-navigation .prev-post > span:before {
margin-right: 0.3448275862068966em;
font-size: 110%;
}
@media (max-width: 767px) {
.post-navigation .prev-post {
text-align: center;
margin-bottom: 1.5862068965517242em;
}
.post-navigation .prev-post > span:before {
display: none;
}
}
.post-navigation .next-post {
text-align: right;
}
.post-navigation .next-post > span {
font-weight: 600;
text-transform: uppercase;
color: #333333;
}
.post-navigation .next-post > span:after {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.post-navigation .next-post > span:after {
margin-left: 0.3448275862068966em;
font-size: 110%;
}
@media (max-width: 767px) {
.post-navigation .next-post {
text-align: center;
}
.post-navigation .next-post > span:after {
display: none;
}
}
.post-navigation a {
color: #999999;
display: block;
}
.post-navigation a:hover {
color: #000000;
}
.author-info {
padding: 1.5862068965517242em;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.author-info .author-avatar {
float: left;
}
.author-info .author-avatar img {
max-width: 8.275862068965518em;
}
.author-info .author-description {
margin-left: 8.275862068965518em;
}
.author-info .author-description .author-title {
font-size: 1.1em;
margin-top: 0;
}
.author-info .author-description .author-link {
display: block;
font-weight: bold;
margin-top: 1.5862068965517242em;
}
.entry-tags {
color: #999999;
}
.entry-tags > span {
font-size: 110%;
color: #666666;
}
.entry-tags a {
position: relative;
display: inline-block;
margin-bottom: 0.3448275862068966em;
font-size: 13px;
background-color: #f5f5f5;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 0.3em 1em;
margin-right: 0.3448275862068966em;
color: #999999;
}
.entry-tags a:before {
content: "#";
}
.entry-tags a:hover {
color: #000000;
}
.single .entry-tags {
margin-top: 30px;
}
.single .below-content {
margin-top: 0.7931034482758621em;
}
.single-post .hentry-wrap .entry-meta .meta-date {
display: none;
}
@media (max-width: 767px) {
.single-post .hentry-wrap .entry-meta .meta-date {
display: inline-block;
}
}
.share-links {
margin-top: 30px;
}
.share-links .tooltip-inner {
background: #000000;
}
.share-links .tooltip.top .tooltip-arrow {
border-top-color: #000000;
}
.share-links h4 {
padding-right: 10px;
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
.share-links .share-icons {
text-align: center;
}
.share-links .share-icons a {
font-size: 1.2413793103448276em;
width: 2.5em;
height: 2.5em;
border: 1px solid #e5e5e5;
line-height: 2.5em;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 0.7931034482758621em;
color: #a9a9a9;
}
.share-links .share-icons .facebook-share a:hover {
background-color: none;
border-color: #47639e;
color: #47639e;
}
.share-links .share-icons .twitter-share a:hover {
background-color: none;
border-color: #55acee;
color: #55acee;
}
.share-links .share-icons .pinterest-share a:hover {
background-color: none;
border-color: #cb2027;
color: #cb2027;
}
.share-links .share-icons .google-plus-share a:hover {
background-color: none;
border-color: #dd4b39;
color: #dd4b39;
}
.share-links .share-icons .linkedin-share a:hover {
background-color: none;
border-color: #069;
color: #069;
}
@media (max-width: 767px) {
.share-links {
display: block;
}
.share-links h4 {
display: block;
width: auto;
}
.share-links .share-icons {
display: block;
}
}
.highlighted {
padding: 30px 0;
background: #f5f5f5;
margin-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
}
.highlighted .highlighted-format-icon {
position: absolute;
top: 15px;
right: 15px;
width: 40px;
height: 40px;
z-index: 1;
}
.highlighted .highlighted-format-icon.format-video {
background: url(../images/featured-play.png) no-repeat scroll center center transparent;
}
.highlighted .highlighted-format-icon.format-gallery {
background: url(../images/featured-gallery.png) no-repeat scroll center center transparent;
}
.highlighted .highlighted-extra .highlighted-format-icon {
width: 20px;
height: 20px;
z-index: 1;
}
.highlighted .highlighted-extra .highlighted-format-icon.format-video {
background: url(../images/featured-play-small.png) no-repeat scroll center center transparent;
}
.highlighted .highlighted-extra .highlighted-format-icon.format-gallery {
background: url(../images/featured-gallery-small.png) no-repeat scroll center center transparent;
}
.highlighted .caroufredsel-wrap:hover .caroufredsel-prev,
.highlighted .caroufredsel-wrap:hover .caroufredsel-next {
background: rgba(255, 255, 255, 0.8);
color: #333;
}
.highlighted .caroufredsel-wrap:hover .caroufredsel-prev:hover,
.highlighted .caroufredsel-wrap:hover .caroufredsel-next:hover {
background: #000000;
color: #fff;
}
.highlighted .caroufredsel-wrap:hover .caroufredsel-prev {
left: 2.0689655172413794em;
}
.highlighted .caroufredsel-wrap:hover .caroufredsel-next {
right: 2.0689655172413794em;
}
.highlighted .caroufredsel-item {
position: absolute;
width: 100%;
}
.highlighted .caroufredsel-item:first-child {
position: relative;
z-index: 1;
}
.highlighted .caroufredsel-item img {
width: 100%;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.highlighted .caroufredsel-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.highlighted .caroufredsel_wrapper .caroufredsel-item {
position: relative;
z-index: auto;
}
.highlighted .caroufredsel-pagination {
bottom: 1.0344827586206897em;
position: absolute;
right: 1.0344827586206897em;
}
.highlighted .caroufredsel-pagination a {
border-color: #fff;
}
.highlighted .caroufredsel-pagination a.selected {
background-color: #fff;
}
@media (max-width: 767px) {
.highlighted .caroufredsel-pagination {
display: none !important;
}
}
.highlighted .highlighted-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
right: 0;
padding: 15px;
background: -moz-linear-gradient(top, rgba(25, 35, 45, 0) 0%, #19232d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(25, 35, 45, 0)), color-stop(100%, #19232d));
background: -webkit-linear-gradient(top, rgba(25, 35, 45, 0) 0%, #19232d 100%);
background: -o-linear-gradient(top, rgba(25, 35, 45, 0) 0%, #19232d 100%);
background: -ms-linear-gradient(top, rgba(25, 35, 45, 0) 0%, #19232d 100%);
background: linear-gradient(to bottom, rgba(25, 35, 45, 0) 0%, #19232d 100%);
text-shadow: 0px 1px 1px #000;
}
.highlighted .highlighted-caption time {
margin-bottom: 9px;
color: #eee;
display: block;
}
.highlighted .highlighted-caption h3 {
margin: 0;
}
.highlighted .highlighted-caption h3 a {
color: #fff;
font-size: 1em;
}
.highlighted .highlighted-caption h3 a:hover {
color: #000000;
}
.highlighted .col-md-4 {
height: 100%;
padding-left: 0;
position: absolute;
right: 0;
top: 0;
}
.highlighted .highlighted-extra .highlighted-extra-item {
height: 50%;
position: absolute;
width: 100%;
overflow: hidden;
}
.highlighted .highlighted-extra .highlighted-extra-item.small {
width: 50%;
padding-right: 7.5px;
padding-top: 20px;
bottom: 0;
left: 0;
}
.highlighted .highlighted-extra .highlighted-extra-item.small .highlighted-extra-item-wrap {
height: 100%;
}
.highlighted .highlighted-extra .highlighted-extra-item.small .highlighted-extra-item-wrap img {
max-width: none;
width: auto;
height: 100%;
}
.highlighted .highlighted-extra .highlighted-extra-item:last-child {
padding-right: 0;
padding-left: 7.5px;
float: right;
left: auto;
right: 0;
}
.highlighted .highlighted-extra .highlighted-extra-item:first-child img {
width: 100%;
}
.highlighted .highlighted-extra .highlighted-extra-item .highlighted-extra-item-wrap {
position: relative;
overflow: hidden;
height: 100%;
}
.highlighted .highlighted-extra .highlighted-extra-item img {
width: 100%;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.highlighted .highlighted-extra .highlighted-extra-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.highlighted .highlighted-extra .highlighted-extra-item .highlighted-caption time {
margin-bottom: 0;
font-size: 13px;
}
@media (max-width: 991px) {
.highlighted .highlighted-extra .highlighted-extra-item .highlighted-caption time {
display: none;
}
}
.highlighted .highlighted-extra .highlighted-extra-item .highlighted-caption h3 a {
font-size: .65em;
}
@media (max-width: 991px) {
.highlighted .highlighted-extra .highlighted-extra-item .highlighted-caption h3 a {
font-size: .6em;
line-height: 1;
}
}
@media (max-width: 768px) {
.highlighted .col-md-8 {
width: 100%;
}
.highlighted .col-sm-4 {
display: none;
}
}
.related-post {
margin-top: 30px;
}
.related-post .related-post-title h3 {
font-size: 1.5em;
}
.related-post .related-post-items {
margin-top: 1.5862068965517242em;
}
.related-post .post-title {
font-size: 110%;
margin-top: 0;
margin-bottom: 0.3448275862068966em;
}
.related-post .entry-meta .meta-date {
display: inline-block;
}
.related-post .excerpt {
margin-top: 0.7931034482758621em;
}
/*--------------------------------------------------------------
30.0 - Comment form
--------------------------------------------------------------*/
.comments-area {
margin-top: 30px;
padding-top: 30px;
}
.comments-area .form-allowed-tags {
display: none;
}
.comments-area .commentst-title {
margin-bottom: 0.7931034482758621em;
}
.comments-area .comment-list {
margin-top: 30px;
list-style: none;
}
.comments-area .comment-paginate .paginate_links {
float: left;
}
.comments-area .comment-paginate .paginate_links .page-numbers {
padding: 0.1em 0.7em;
font-size: 13px;
}
.comments-area .comment-paginate .paginate_links .next,
.comments-area .comment-paginate .paginate_links .prev,
.comments-area .comment-paginate .paginate_links .next:hover,
.comments-area .comment-paginate .paginate_links .prev:hover {
border-color: transparent;
}
.comment-list,
.comment-list .children {
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 768px) {
.comment-list .children {
border-left: 1px solid #e5e5e5;
padding-left: 3.103448275862069em;
position: relative;
}
.comment-list .children:before {
border-top: 1px solid #e5e5e5;
content: " ";
left: 0;
position: absolute;
top: 1.0344827586206897em;
width: 1.0344827586206897em;
}
}
li.comment {
margin: 0;
padding: 0;
}
.comment-img {
float: left;
}
.comment-wrap {
position: relative;
margin: 0 0 30px 0px;
padding: 1.3793103448275863em 2.3448275862068964em 0.6896551724137931em;
border-radius: 3px;
border: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
.comment-wrap {
padding: 15px;
}
}
.comment-block {
padding: 0;
margin: 0 0 0 96px;
}
.comment-header {
padding-bottom: 0.5517241379310345rem;
}
.comment-header span.pull-right {
margin-top: 0.41379310344827586em;
}
.comment-content {
position: relative;
}
.comment-author {
color: #666666;
font-size: 105%;
font-weight: 600;
}
.comment-author a:hover {
color: #000000;
}
.ispostauthor {
background: none repeat scroll 0 0 #999999;
color: #FFFFFF;
font-size: 13px;
padding: 0.13793103448275862em 0.5517241379310345em;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.comment-meta {
position: relative;
margin: 0 0 0.3448275862068966em 0;
font-size: 13px;
}
.comment-pending {
padding: 0.5517241379310345rem 0.9655172413793104rem;
text-align: center;
color: #333333;
background-color: #999999;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.comment-reply-link {
background: #434343;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
font-size: 13px;
padding: 0.13793103448275862em 0.5517241379310345em;
}
.comment-reply-link:hover {
background: #333333;
color: #ffffff;
}
#respond {
margin-bottom: 3.4482758620689653em;
}
#respond .required {
position: relative;
color: #666666;
}
.comment-reply-title {
font-size: 1.5em;
position: relative;
}
.comment-reply-title a {
color: inherit;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
#commentform {
margin-bottom: 0;
}
.comment-notes,
.logged-in-as {
margin-bottom: 0.7931034482758621em;
font-size: 13px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input,
.comment-form-author textarea,
.comment-form-email textarea,
.comment-form-url textarea,
.comment-form-comment textarea {
display: block;
width: 100%;
height: 2.689655172413793em;
padding: 0.5517241379310345rem;
font-size: 14.5px;
line-height: 1.6;
color: #666666;
background-color: #ffffff;
background-image: none;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none;
}
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus,
.comment-form-comment input:focus,
.comment-form-author textarea:focus,
.comment-form-email textarea:focus,
.comment-form-url textarea:focus,
.comment-form-comment textarea:focus {
border-color: #000000;
outline: none;
}
.comment-form-author input[disabled],
.comment-form-email input[disabled],
.comment-form-url input[disabled],
.comment-form-comment input[disabled],
.comment-form-author textarea[disabled],
.comment-form-email textarea[disabled],
.comment-form-url textarea[disabled],
.comment-form-comment textarea[disabled],
.comment-form-author input[readonly],
.comment-form-email input[readonly],
.comment-form-url input[readonly],
.comment-form-comment input[readonly],
.comment-form-author textarea[readonly],
.comment-form-email textarea[readonly],
.comment-form-url textarea[readonly],
.comment-form-comment textarea[readonly],
fieldset[disabled] .comment-form-author input,
fieldset[disabled] .comment-form-email input,
fieldset[disabled] .comment-form-url input,
fieldset[disabled] .comment-form-comment input,
fieldset[disabled] .comment-form-author textarea,
fieldset[disabled] .comment-form-email textarea,
fieldset[disabled] .comment-form-url textarea,
fieldset[disabled] .comment-form-comment textarea {
cursor: not-allowed;
background-color: #999999;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.comment-form-author input,
textarea.comment-form-email input,
textarea.comment-form-url input,
textarea.comment-form-comment input,
textarea.comment-form-author textarea,
textarea.comment-form-email textarea,
textarea.comment-form-url textarea,
textarea.comment-form-comment textarea {
height: auto;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-rating,
.comment-form-comment {
margin: 0;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-rating label,
.comment-form-comment label {
font-size: 14.5px;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
margin-bottom: 1.0344827586206897em;
}
.comment-form-comment textarea {
font-size: 14.5px;
margin-bottom: 1.5862068965517242em;
height: 13.793103448275861em;
padding: 0.5517241379310345em;
resize: none;
width: 100%;
margin-top: 0em;
}
.comment-form .form-submit {
margin: 0;
}
.comment-form .form-submit input[type="submit"] {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.comment-form .form-submit input[type="submit"]:hover,
.comment-form .form-submit input[type="submit"]:focus {
color: #666666;
text-decoration: none;
}
.comment-form .form-submit input[type="submit"] i,
.comment-form .form-submit input[type="submit"] span {
z-index: 2;
position: relative;
}
.comment-form .form-submit input[type="submit"].btn-style-outlined {
color: #000000;
}
.comment-form .form-submit input[type="submit"]:hover,
.comment-form .form-submit input[type="submit"]:focus,
.comment-form .form-submit input[type="submit"]:active,
.comment-form .form-submit input[type="submit"].active {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.comment-form .form-submit input[type="submit"]:hover.btn-style-outlined,
.comment-form .form-submit input[type="submit"]:focus.btn-style-outlined,
.comment-form .form-submit input[type="submit"]:active.btn-style-outlined,
.comment-form .form-submit input[type="submit"].active.btn-style-outlined {
color: #000000;
}
.comment-form .form-submit input[type="submit"]:hover.btn-style-3d,
.comment-form .form-submit input[type="submit"]:focus.btn-style-3d,
.comment-form .form-submit input[type="submit"]:active.btn-style-3d,
.comment-form .form-submit input[type="submit"].active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.comment-form .form-submit input[type="submit"]:active,
.comment-form .form-submit input[type="submit"].active {
background-image: none;
}
.comment-form .form-submit input[type="submit"].btn-style-3d {
-webkit-box-shadow: 0 5px 0 #000000;
box-shadow: 0 5px 0 #000000;
}
/*--------------------------------------------------------------
31.0 - Widget sidebar
--------------------------------------------------------------*/
.widget {
margin-bottom: 3rem;
}
.widget p:last-child,
.widget ul:last-child,
.widget ol:last-child {
margin-bottom: 0;
}
.widget ul,
.widget ol {
margin-left: 0;
padding: 0;
list-style: none;
}
.widget select {
width: 100%;
}
.extra-sidebar .widget_rss li,
.main-sidebar .widget_rss li,
.extra-sidebar .widget_pages li,
.main-sidebar .widget_pages li,
.extra-sidebar .widget_archive li,
.main-sidebar .widget_archive li,
.extra-sidebar .widget_meta li,
.main-sidebar .widget_meta li,
.extra-sidebar .widget_nav_menu li,
.main-sidebar .widget_nav_menu li,
.extra-sidebar .widget_categories li,
.main-sidebar .widget_categories li,
.extra-sidebar .widget_recent_entries li,
.main-sidebar .widget_recent_entries li,
.extra-sidebar .widget_recent_comments li,
.main-sidebar .widget_recent_comments li {
padding-bottom: 0.7931034482758621em;
margin-bottom: 0.7931034482758621em;
border-bottom: 1px solid #e5e5e5;
position: relative;
padding-left: 1em;
}
.extra-sidebar .widget_rss li:before,
.main-sidebar .widget_rss li:before,
.extra-sidebar .widget_pages li:before,
.main-sidebar .widget_pages li:before,
.extra-sidebar .widget_archive li:before,
.main-sidebar .widget_archive li:before,
.extra-sidebar .widget_meta li:before,
.main-sidebar .widget_meta li:before,
.extra-sidebar .widget_nav_menu li:before,
.main-sidebar .widget_nav_menu li:before,
.extra-sidebar .widget_categories li:before,
.main-sidebar .widget_categories li:before,
.extra-sidebar .widget_recent_entries li:before,
.main-sidebar .widget_recent_entries li:before,
.extra-sidebar .widget_recent_comments li:before,
.main-sidebar .widget_recent_comments li:before {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.extra-sidebar .widget_rss li:before,
.main-sidebar .widget_rss li:before,
.extra-sidebar .widget_pages li:before,
.main-sidebar .widget_pages li:before,
.extra-sidebar .widget_archive li:before,
.main-sidebar .widget_archive li:before,
.extra-sidebar .widget_meta li:before,
.main-sidebar .widget_meta li:before,
.extra-sidebar .widget_nav_menu li:before,
.main-sidebar .widget_nav_menu li:before,
.extra-sidebar .widget_categories li:before,
.main-sidebar .widget_categories li:before,
.extra-sidebar .widget_recent_entries li:before,
.main-sidebar .widget_recent_entries li:before,
.extra-sidebar .widget_recent_comments li:before,
.main-sidebar .widget_recent_comments li:before {
position: absolute !important;
line-height: inherit !important;
left: 0;
}
.extra-sidebar .widget_rss li:last-child,
.main-sidebar .widget_rss li:last-child,
.extra-sidebar .widget_pages li:last-child,
.main-sidebar .widget_pages li:last-child,
.extra-sidebar .widget_archive li:last-child,
.main-sidebar .widget_archive li:last-child,
.extra-sidebar .widget_meta li:last-child,
.main-sidebar .widget_meta li:last-child,
.extra-sidebar .widget_nav_menu li:last-child,
.main-sidebar .widget_nav_menu li:last-child,
.extra-sidebar .widget_categories li:last-child,
.main-sidebar .widget_categories li:last-child,
.extra-sidebar .widget_recent_entries li:last-child,
.main-sidebar .widget_recent_entries li:last-child,
.extra-sidebar .widget_recent_comments li:last-child,
.main-sidebar .widget_recent_comments li:last-child {
border: none;
}
.extra-sidebar .widget_rss li .post-date,
.main-sidebar .widget_rss li .post-date,
.extra-sidebar .widget_pages li .post-date,
.main-sidebar .widget_pages li .post-date,
.extra-sidebar .widget_archive li .post-date,
.main-sidebar .widget_archive li .post-date,
.extra-sidebar .widget_meta li .post-date,
.main-sidebar .widget_meta li .post-date,
.extra-sidebar .widget_nav_menu li .post-date,
.main-sidebar .widget_nav_menu li .post-date,
.extra-sidebar .widget_categories li .post-date,
.main-sidebar .widget_categories li .post-date,
.extra-sidebar .widget_recent_entries li .post-date,
.main-sidebar .widget_recent_entries li .post-date,
.extra-sidebar .widget_recent_comments li .post-date,
.main-sidebar .widget_recent_comments li .post-date {
display: block;
font-size: 13px;
color: #999999;
}
.extra-sidebar .widget_archive li,
.main-sidebar .widget_archive li {
padding-left: 1.5em;
}
.extra-sidebar .widget_archive li:before,
.main-sidebar .widget_archive li:before {
content: "\f133";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.extra-sidebar .widget_categories li,
.main-sidebar .widget_categories li {
padding-left: 1.5em;
}
.extra-sidebar .widget_categories li:before,
.main-sidebar .widget_categories li:before {
content: "\f114";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.extra-sidebar .widget_meta li,
.main-sidebar .widget_meta li {
padding-left: 1.5em;
}
.extra-sidebar .widget_meta li:before,
.main-sidebar .widget_meta li:before {
content: "\f013";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.extra-sidebar .widget_recent_comments li,
.main-sidebar .widget_recent_comments li {
padding-left: 1.5em;
}
.extra-sidebar .widget_recent_comments li:before,
.main-sidebar .widget_recent_comments li:before {
content: "\f0e5";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.widgettitle,
.widget-title {
font-size: 1.3em;
line-height: 1.1;
margin-bottom: 1.5862068965517242em;
}
.main-sidebar .widgettitle,
.main-sidebar .widget-title {
padding-bottom: 0.7em;
position: relative;
}
.main-sidebar .widgettitle:before,
.main-sidebar .widget-title:before {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.widget_search form {
position: relative;
}
.widget_search form:before {
content: "\f002";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.widget_search form:before {
width: 2.689655172413793em;
height: 2.689655172413793em;
position: absolute;
right: 0;
text-align: center;
background: #000000;
line-height: 2.689655172413793em;
color: #fff;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
float: left;
margin: 0 0.27586206896551724em 0.27586206896551724em 0;
padding: 0.7em 1.2em;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
text-align: center;
vertical-align: middle;
font-size: 13px !important;
border: 1px solid #e5e5e5;
color: #666666;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
background: #000000;
border-color: #000000;
color: #fff;
}
#wp-calendar {
width: 100%;
max-width: 100%;
margin-bottom: 1.5862068965517242em;
background: #f5f5f5;
border: 1px solid #e5e5e5;
}
#wp-calendar > thead > tr > th,
#wp-calendar > tbody > tr > th,
#wp-calendar > tfoot > tr > th,
#wp-calendar > thead > tr > td,
#wp-calendar > tbody > tr > td,
#wp-calendar > tfoot > tr > td {
padding: 0.5517241379310345em;
line-height: 1.6;
vertical-align: top;
border-top: 1px solid #e5e5e5;
}
#wp-calendar > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #e5e5e5;
}
#wp-calendar > caption + thead > tr:first-child > th,
#wp-calendar > colgroup + thead > tr:first-child > th,
#wp-calendar > thead:first-child > tr:first-child > th,
#wp-calendar > caption + thead > tr:first-child > td,
#wp-calendar > colgroup + thead > tr:first-child > td,
#wp-calendar > thead:first-child > tr:first-child > td {
border-top: 0;
}
#wp-calendar > tbody + tbody {
border-top: 2px solid #e5e5e5;
}
#wp-calendar caption {
background-color: #f5f5f5;
padding: 0.5517241379310345em;
text-transform: uppercase;
}
#wp-calendar > thead th {
background-color: #e8e8e8;
border: none !important;
text-align: center;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #333333;
}
#wp-calendar > tbody > tr > td {
border: none;
line-height: 2.7em;
padding: 0;
text-align: center;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#wp-calendar > tbody > tr > td.pad {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#wp-calendar > tbody > tr > td.pad:first-child {
border-left: 0;
}
#wp-calendar > tbody > tr > td.pad:last-child {
border-right: 0;
}
#wp-calendar > tbody > tr > td > a {
background: #000000;
color: #ffffff;
text-align: center;
display: block;
}
.social-widget-wrap.social-widget-square i {
color: #fff;
}
.social-widget-wrap.social-widget-round i {
-webkit-border-radius: 100%;
border-radius: 100%;
color: #fff;
}
.social-widget-wrap.social-widget-outlined i {
background: transparent;
border: 1px solid;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.social-widget-wrap a {
margin: 0 10px 0 0;
}
.social-widget-wrap a i {
font-size: 24px;
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
line-height: 40px;
}
.recent-tweets ul {
list-style: none;
}
.recent-tweets .twitter_time {
margin-top: 8px;
display: block;
font-size: 13px;
}
.recent-tweets .twitter_time:before {
content: "\f099";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.recent-tweets .twitter_time:before {
color: #00aced;
font-size: 120%;
margin-right: 5px;
}
.posts-thumbnail-list > li {
padding: 0 0 20px 0;
}
.posts-thumbnail-list > li:last-child {
padding-bottom: 0;
}
.posts-thumbnail-image {
float: left;
height: auto;
width: 60px;
}
.posts-thumbnail-content {
line-height: 1;
margin-left: 73px;
min-height: 55px;
}
.posts-thumbnail-content > time {
font-size: 13px;
color: #999999;
}
.posts-thumbnail-content > span {
float: right;
}
.posts-thumbnail-content > span a {
font-size: 13px;
color: #999999;
}
.posts-thumbnail-content > span a i {
margin-right: 0.13793103448275862em;
}
.posts-thumbnail-content > span a:hover {
color: #000000;
}
.posts-thumbnail-content > a,
.posts-thumbnail-content > h4 {
display: block;
margin: 0.3448275862068966em 0;
font-size: 100%;
color: #333333;
font-weight: 600;
}
.posts-thumbnail-content > a:hover,
.posts-thumbnail-content > h4:hover {
color: #000000;
}
.posts-thumbnail-content > h4 a {
color: #333333;
}
.posts-thumbnail-content > h4 a:hover {
color: #000000;
}
.mailchimp-form-content input,
.mailchimp-form-content button {
width: 100%;
}
@media (min-width: 480px) {
.mailchimp-form-content .col-sm-4 {
padding-left: 0;
}
}
@media (max-width: 767px) {
.mailchimp-form-content .col-sm-4 {
margin-top: 15px;
}
}
.mailchimp-form-result {
font-size: 13px;
margin-bottom: 5px;
}
.mailchimp-form-result .error {
color: #bb5857;
}
.mailchimp-form-result .success {
color: #57bb58;
}
.widget_rss cite,
.widget_rss .rss-date {
font-size: 13px;
color: #999999;
}
.widget_rss .rssSummary {
margin-top: 0.7931034482758621em;
font-size: 13px;
}
.widget_rss .rssSummary:before,
.widget_rss .rssSummary:after {
content: " ";
display: table;
}
.widget_rss .rssSummary:after {
clear: both;
}
.widget_rss cite {
font-style: italic;
float: right;
}
/*--------------------------------------------------------------
32.0 - Contact form 7
--------------------------------------------------------------*/
.form-control:not(.submit) {
display: block;
width: 100%;
height: 2.689655172413793em;
padding: 0.5517241379310345rem;
font-size: 14.5px;
line-height: 1.6;
color: #666666;
background-color: #ffffff;
background-image: none;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none;
}
.form-control:not(.submit):focus {
border-color: #000000;
outline: none;
}
.form-control:not(.submit)[disabled],
.form-control:not(.submit)[readonly],
fieldset[disabled] .form-control:not(.submit) {
cursor: not-allowed;
background-color: #999999;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.form-control:not(.submit) {
height: auto;
}
.form-control-wrap {
display: block !important;
width: 100% !important;
margin-top: 0.3448275862068966em;
margin-bottom: 0.7931034482758621em;
}
.form-control-wrap .form-control.not-valid {
color: #bb5857;
border-color: #bb5857;
}
div.wpcf7 .screen-reader-response {
border: 0 none;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.submit {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #ffffff;
background-color: #000000;
border-color: #000000;
padding: 1.0275862068965518rem 1.4413793103448276rem;
font-size: 1.2413793103448276em;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
padding-right: 2rem;
padding-left: 2rem;
}
.submit:hover,
.submit:focus {
color: #666666;
text-decoration: none;
}
.submit i,
.submit span {
z-index: 2;
position: relative;
}
.submit.btn-style-outlined {
color: #000000;
}
.submit:hover,
.submit:focus,
.submit:active,
.submit.active {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.submit:hover.btn-style-outlined,
.submit:focus.btn-style-outlined,
.submit:active.btn-style-outlined,
.submit.active.btn-style-outlined {
color: #000000;
}
.submit:hover.btn-style-3d,
.submit:focus.btn-style-3d,
.submit:active.btn-style-3d,
.submit.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.submit:active,
.submit.active {
background-image: none;
}
.submit.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #000000;
box-shadow: 0 5px 0 #000000;
}
span.not-valid-tip {
color: #bb5857;
font-size: 13px;
display: block;
}
.display-none {
display: none;
}
div.response-output {
padding: 0.5517241379310345rem 0.9655172413793104rem;
margin: 0.3448275862068966em 0 0 0;
}
div.validation-errors {
border: 1px solid #bb5857;
}
.contact-actions {
display: block;
text-align: right;
}
/*--------------------------------------------------------------
34.0 - Utility classes
--------------------------------------------------------------*/
.clear:before,
.clearfix:before,
.clear:after,
.clearfix:after,
.container:before,
.container:after,
.boxed-wrap:before,
.boxed-wrap:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.navbar-wrap:before,
.navbar-wrap:after,
.primary-nav .dropdown-menu:before,
.primary-nav .dropdown-menu:after,
.paginate:before,
.paginate:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.pricing-table:before,
.pricing-table:after,
.timeline .timeline-wrap:before,
.timeline .timeline-wrap:after,
.timeline .timeline-item:before,
.timeline .timeline-item:after,
.latestnews .latestnews-title:before,
.latestnews .latestnews-title:after,
.latestnews .latestnews-intro li:before,
.latestnews .latestnews-intro li:after,
.searchform-result .searchform-result-list .search-entry:before,
.searchform-result .searchform-result-list .search-entry:after,
.header-navbar-center2 .navbar-header .navbar-header-left:before,
.header-navbar-center2 .navbar-header .navbar-header-left:after,
.header-navbar-below .navbar-header .navbar-header-left:before,
.header-navbar-below .navbar-header .navbar-header-left:after,
.portfolio .portfolio-wrap.portfolio-layout-wall:before,
.portfolio .portfolio-wrap.portfolio-layout-wall:after,
.portfolio .portfolio-filter:before,
.portfolio .portfolio-filter:after,
.portfolio .portfolio-filter .filter-action:before,
.portfolio .portfolio-filter .filter-action:after,
.posts .posts-wrap:before,
.posts .posts-wrap:after,
.posts .posts-wrap.posts-layout-grid:before,
.posts .posts-wrap.posts-layout-grid:after,
.posts .posts-wrap.posts-layout-masonry .hentry-wrap .readmore-link:before,
.posts .posts-wrap.posts-layout-masonry .hentry-wrap .readmore-link:after,
.posts .posts-wrap.posts-layout-timeline .hentry:before,
.posts .posts-wrap.posts-layout-timeline .hentry:after,
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap .readmore-link:before,
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap .readmore-link:after,
.hentry-wrap:before,
.hentry-wrap:after,
.author-info:before,
.author-info:after,
.comment-notes:before,
.comment-notes:after,
.widget_text:before,
.widget_text:after,
.widget_tag_cloud .tagcloud:before,
.widget_tag_cloud .tagcloud:after,
.widget_product_tag_cloud .tagcloud:before,
.widget_product_tag_cloud .tagcloud:after,
.posts-thumbnail-list > li:before,
.posts-thumbnail-list > li:after {
content: " ";
display: table;
}
.clear:after,
.clearfix:after,
.container:after,
.boxed-wrap:after,
.container-fluid:after,
.row:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.navbar-wrap:after,
.primary-nav .dropdown-menu:after,
.paginate:after,
.panel-body:after,
.modal-footer:after,
.pricing-table:after,
.timeline .timeline-wrap:after,
.timeline .timeline-item:after,
.latestnews .latestnews-title:after,
.latestnews .latestnews-intro li:after,
.searchform-result .searchform-result-list .search-entry:after,
.header-navbar-center2 .navbar-header .navbar-header-left:after,
.header-navbar-below .navbar-header .navbar-header-left:after,
.portfolio .portfolio-wrap.portfolio-layout-wall:after,
.portfolio .portfolio-filter:after,
.portfolio .portfolio-filter .filter-action:after,
.posts .posts-wrap:after,
.posts .posts-wrap.posts-layout-grid:after,
.posts .posts-wrap.posts-layout-masonry .hentry-wrap .readmore-link:after,
.posts .posts-wrap.posts-layout-timeline .hentry:after,
.posts .posts-wrap.posts-layout-timeline .hentry .hentry-wrap .readmore-link:after,
.hentry-wrap:after,
.author-info:after,
.comment-notes:after,
.widget_text:after,
.widget_tag_cloud .tagcloud:after,
.widget_product_tag_cloud .tagcloud:after,
.posts-thumbnail-list > li:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.transform-uppercase {
text-transform: uppercase;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.affix {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.bypostauthor {
margin: 0;
padding: 0;
}
#wpstats {
display: none;
}
.sticky {
margin-bottom: 30px;
}
.alignleft {
float: left;
margin-right: 1.5862068965517242em;
}
.alignright {
float: right;
margin-left: 1.5862068965517242em;
}
.aligncenter {
display: block;
margin: 1.5862068965517242em auto;
}
.wp-post-image {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wp-caption-text {
text-align: center;
margin-top: 0.3448275862068966em;
}
.gallery-caption {
max-width: 100%;
padding: 0.3448275862068966em;
}
.wp-caption {
background: none repeat scroll 0 0 #f5f5f5;
border: 1px solid #e5e5e5;
max-width: 100%;
padding: 0.3448275862068966em;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
.bg-cover {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.infinite-scroll-loading {
text-align: center;
margin-top: 1.5862068965517242em;
margin-bottom: 1.5862068965517242em;
}
.box-rounded {
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
}
.box-outline,
.box-outline-circle {
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0.41379310344827586em;
border: 1px solid #e5e5e5;
}
.box-border,
.box-border-circle {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #e5e5e5;
}
.box-shadow,
.box-shadow-border,
.box-shadow-border-circle,
.box-shadow-circle {
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
.box-shadow-border,
.box-shadow-border-circle {
padding: 0.41379310344827586em;
}
.box-shadow-3d {
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 1.0344827586206897em;
}
.box-circle,
.box-outline-circle,
.box-border-circle,
.box-shadow-circle,
.box-shadow-border-circle {
-webkit-border-radius: 5000px;
border-radius: 5000px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
}
.box-shadow-circle,
.box-shadow-border-circle {
-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
.not-found-wrapper {
text-align: center;
padding: 30px 0 100px;
}
.not-found-wrapper .widget_search > p {
font-size: 1.2em;
}
.not-found-title {
display: block;
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
}
.not-found-subtitle {
display: block;
font-size: 18em;
font-weight: 300;
line-height: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
}
@media (max-width: 991px) {
.not-found-subtitle {
font-size: 10em;
}
}
.facebook-bg {
border-color: transparent;
background: #3b5998;
color: #fff;
}
.facebook-outlined {
border-color: #3b5998;
color: #3b5998;
}
.facebook-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.facebook-bg-hover:hover {
border-color: transparent !important;
background: #3b5998 !important;
color: #fff !important;
}
.twitter-bg {
border-color: transparent;
background: #00aced;
color: #fff;
}
.twitter-outlined {
border-color: #00aced;
color: #00aced;
}
.twitter-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.twitter-bg-hover:hover {
border-color: transparent !important;
background: #00aced !important;
color: #fff !important;
}
.google-plus-bg {
border-color: transparent;
background: #dd4b39;
color: #fff;
}
.google-plus-outlined {
border-color: #dd4b39;
color: #dd4b39;
}
.google-plus-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.google-plus-bg-hover:hover {
border-color: transparent !important;
background: #dd4b39 !important;
color: #fff !important;
}
.pinterest-bg {
border-color: transparent;
background: #cb2027;
color: #fff;
}
.pinterest-outlined {
border-color: #cb2027;
color: #cb2027;
}
.pinterest-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.pinterest-bg-hover:hover {
border-color: transparent !important;
background: #cb2027 !important;
color: #fff !important;
}
.linkedin-bg {
border-color: transparent;
background: #007bb6;
color: #fff;
}
.linkedin-outlined {
border-color: #007bb6;
color: #007bb6;
}
.linkedin-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.linkedin-bg-hover:hover {
border-color: transparent !important;
background: #007bb6 !important;
color: #fff !important;
}
.rss-bg {
border-color: transparent;
background: #fab135;
color: #fff;
}
.rss-outlined {
border-color: #fab135;
color: #fab135;
}
.rss-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.rss-bg-hover:hover {
border-color: transparent !important;
background: #fab135 !important;
color: #fff !important;
}
.instagram-bg {
border-color: transparent;
background: #517fa4;
color: #fff;
}
.instagram-outlined {
border-color: #517fa4;
color: #517fa4;
}
.instagram-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.instagram-bg-hover:hover {
border-color: transparent !important;
background: #517fa4 !important;
color: #fff !important;
}
.github-bg {
border-color: transparent;
background: #4183c4;
color: #fff;
}
.github-outlined {
border-color: #4183c4;
color: #4183c4;
}
.github-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.github-bg-hover:hover {
border-color: transparent !important;
background: #4183c4 !important;
color: #fff !important;
}
.behance-bg {
border-color: transparent;
background: #1769ff;
color: #fff;
}
.behance-outlined {
border-color: #1769ff;
color: #1769ff;
}
.behance-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.behance-bg-hover:hover {
border-color: transparent !important;
background: #1769ff !important;
color: #fff !important;
}
.stack-exchange-bg {
border-color: transparent;
background: #366fb3;
color: #fff;
}
.stack-exchange-outlined {
border-color: #366fb3;
color: #366fb3;
}
.stack-exchange-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.stack-exchange-bg-hover:hover {
border-color: transparent !important;
background: #366fb3 !important;
color: #fff !important;
}
.tumblr-bg {
border-color: transparent;
background: #32506d;
color: #fff;
}
.tumblr-outlined {
border-color: #32506d;
color: #32506d;
}
.tumblr-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.tumblr-bg-hover:hover {
border-color: transparent !important;
background: #32506d !important;
color: #fff !important;
}
.soundcloud-bg {
border-color: transparent;
background: #f50;
color: #fff;
}
.soundcloud-outlined {
border-color: #f50;
color: #f50;
}
.soundcloud-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.soundcloud-bg-hover:hover {
border-color: transparent !important;
background: #f50 !important;
color: #fff !important;
}
.dribbble-bg {
border-color: transparent;
background: #ea4c89;
color: #fff;
}
.dribbble-outlined {
border-color: #ea4c89;
color: #ea4c89;
}
.dribbble-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.dribbble-bg-hover:hover {
border-color: transparent !important;
background: #ea4c89 !important;
color: #fff !important;
}
.grayscale,
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.nth-typed {
font-weight: bold;
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
font-weight: lighter;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*--------------------------------------------------------------
35.0 - Responsive: Utility classes
--------------------------------------------------------------*/
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
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;
}
}
/*--------------------------------------------------------------
36.0 - Custom style
--------------------------------------------------------------*/
.row.row-absolute-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.row.row-absolute-bg > .column:first-child {
position: absolute;
left: 0;
bottom: 0;
top: 0;
}
.row.row-absolute-bg > .column:last-child {
position: absolute;
right: 0;
bottom: 0;
top: 0;
}
.row.row-absolute-bg ~ div {
position: relative;
z-index: 2;
}
.contact-iconbox .el-heading {
margin-bottom: 0;
}
.contact-iconbox p {
font-size: 15px
}
.contact-iconbox.iconbox-pos-left i {
line-height: 1.2 !important;
text-align: right !important;
}
@font-face {
font-family: 'ei-line-custom';
src: url('../fonts/ei-line-custom.eot?-6svs5k');
src: url('../fonts/ei-line-custom.eot?#iefix-6svs5k') format('embedded-opentype'), url('../fonts/ei-line-custom.woff?-6svs5k') format('woff'), url('../fonts/ei-line-custom.ttf?-6svs5k') format('truetype'), url('../fonts/ei-line-custom.svg?-6svs5k#ei-line-custom') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="et-line-"],
[class*=" et-line-"] {
font-family: 'ei-line-custom';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.et-line-laptop:before {
content: "\e001";
}
.et-line-browser:before {
content: "\e00c";
}
.et-line-tools:before {
content: "\e033";
}
.select2-container .select2-choice {
height: 2.689655172413793em;
line-height: 2.689655172413793em;
border-color: #e5e5e5;
}
.select2-drop-active,
.select2-drop.select2-drop-above.select2-drop-active {
border-color: #e5e5e5;
}
.footer-contact-icon {
text-align: center;
}
.footer-contact-icon span,
.footer-contact-icon i {
display: block;
}
.footer-contact-icon i {
color: #000000;
font-size: 40px;
height: 40px;
width: 40px;
margin: 0 auto;
line-height: 40px;
-webkit-backface-visibility: hidden;
/* Chrome, Safari, Opera */
backface-visibility: hidden;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.footer-contact-icon i.animate-appear {
-webkit-animation: none;
-o-animation: none;
animation: none;
}
.footer-contact-icon .footer-contact-icon-text {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
text-transform: uppercase;
font-size: 13px;
}
.footer-contact-icon .footer-contact-icon-link {
opacity: 0;
filter: alpha(opacity=0);
color: #000000;
visibility: hidden;
line-height: 1;
font-size: 16px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.footer-contact-icon:hover i {
-webkit-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
-o-transform: translate(0, -20px);
transform: translate(0, -20px);
}
.footer-contact-icon:hover .footer-contact-icon-link {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.footer-contact-icon:hover .footer-contact-icon-text {
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-o-transform: translate(0, 15px);
transform: translate(0, 15px);
color: #666666;
}
/*----------------------- Empty Space ---------------------*/
.empty-space-10 {
height: 10px;
}
.empty-space-20 {
height: 20px;
}
.empty-space-30 {
height: 30px;
}
.empty-space-40 {
height: 40px;
}
.empty-space-50 {
height: 50px;
}
.empty-space-70 {
height: 70px;
}
.empty-space-80 {
height: 80px;
}
.empty-space-90 {
height: 90px;
}
/*------------------------ LANDING PAGES ---------------------*/
.icon-landing {
font-size: 15px;
font-weight: 700 !important;
text-align:center!important;
}
.title-lg {
font-weight: 500;
color: #595959;
text-align:center;
}
.title-lg span{
font-weight: bold;
color: #c8135c;
}
.subtitle-lg {
font-weight: 300;
color: #595959;
text-align: justify;
font-size: 20px;
padding-top:20px;
}
.subtitle-lg span{
font-weight: bold;
color: #c8135c;
}
/*---- FIN LG -----*/
.title-candy {
font-weight: 500;
color: #595959;
text-align:center;
}
.title-candy span{
font-weight: bold;
color: #3eb4d8;
}
.subtitle-candy {
font-weight: 300;
color: #595959;
text-align: justify;
font-size: 20px;
padding-top:20px;
}
.subtitle-candy span {
font-weight: bold;
color: #3eb4d8;
}
/*----- FIN CANDY -----*/
.title-otsein {
font-weight: 500;
color: #595959;
text-align:center;
}
.title-otsein span{
font-weight: bold;
color: #005fa1;
}
.subtitle-otsein {
font-weight: 300;
color: #595959;
text-align: justify;
font-size: 20px;
padding-top:20px;
}
.subtitle-otsein span {
font-weight: bold;
color: #005fa1;
}
.language-selector {
font-size: 16px;
border-radius: 4px;
padding: 6px 16px;
outline: none;
background-color: transparent;
transition: background-color 0.3s;
border: 0;
margin: 15px 0 0 40px;
color: #fff;
outline: none;
}
.language-selector:focus,
.language-selector:active,
.language-selector:hover {
outline: 0;
}
.language-selector:after {
content: "\f063";
font-family: FontAwesome;
display: inline-block;
clear: none;
width: 40px;
}
.language-selector option {
color: #000;
}
.language-selector-xs {
position: absolute;
top: 5px;
right: 10px;
z-index: 10;
}
@media (min-width: 992px) {
.language-selector-xs {
display: none;
}
}
.list-group {
list-style: none;
}
.list-group small {
font-family: monospace;
color: #999;
}
@media (max-width: 768px) {
.list-group small {
display: block;
float: none !important;
margin: 0 0 10px 0;
}
}
.panel.panel-services li {
text-align: left;
}
/*@media (min-width: 768px) {
.panel.panel-services {
width: 45%;
float: left;
margin: 10px 2%;
}
.panel.panel-services:nth-of-type(odd) {
clear: both;
}
}
*/
.btn-bold { font-weight: bold; }
form small { font-size: 12px; color: #F08080; }
@keyframes rotate {
0% { -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
[data-animation="rotate"] {
-webkit-animation: rotate 1s infinite linear;
-moz-animation: rotate 1s infinite linear;
-ms-animation: rotate 1s infinite linear;
-o-animation: rotate 1s infinite linear;
animation: rotate 1s infinite linear;
}
/*--------------------------------------------------------------
Shop
--------------------------------------------------------------*/
/* =Custom Font
-------------------------------------------------------------- */
@font-face {
font-family: 'star';
src: url('../fonts/star.eot');
src: url('../fonts/star.eot?#iefix') format('embedded-opentype'), url('../fonts/star.woff') format('woff'), url('../fonts/star.ttf') format('truetype'), url('../fonts/star.svg#star') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WooCommerce';
src: url('../fonts/WooCommerce.eot');
src: url('../fonts/WooCommerce.eot?#iefix') format('embedded-opentype'), url('../fonts/WooCommerce.woff') format('woff'), url('../fonts/WooCommerce.ttf') format('truetype'), url('../fonts/WooCommerce.svg#WooCommerce') format('svg');
font-weight: normal;
font-style: normal;
}
.shop ul.products li.product {
float: left;
margin: 0 2% 2em 0;
padding: 0;
position: relative;
width: 23.5%;
margin-left: 0;
height: auto;
display: inline-block;
clear: none;
}
@media (min-width: 992px) {
.shop ul.products li.product.first {
clear: both;
}
.shop ul.products li.product.last {
margin-right: 0;
}
}
@media (min-width: 992px) {
.columns-6 > ul.products li.product,
ul.products.columns-6 li.product {
width: 15%;
margin: 0 2% 2em 0;
}
.columns-6 > ul.products li.product.first,
ul.products.columns-6 li.product.first {
clear: none;
}
.columns-6 > ul.products li.product.last,
ul.products.columns-6 li.product.last {
margin-right: 2%;
}
.columns-6 > ul.products li.product:nth-of-type(6n + 1),
ul.products.columns-6 li.product:nth-of-type(6n + 1) {
clear: both;
}
.columns-6 > ul.products li.product:nth-child(6n),
ul.products.columns-6 li.product:nth-child(6n) {
margin-right: 0;
}
.columns-5 > ul.products li.product,
ul.products.columns-5 li.product {
width: 18.4%;
margin: 0 2% 2em 0;
}
.columns-5 > ul.products li.product.first,
ul.products.columns-5 li.product.first {
clear: none;
}
.columns-5 > ul.products li.product.last,
ul.products.columns-5 li.product.last {
margin-right: 2%;
}
.columns-5 > ul.products li.product:nth-of-type(5n + 1),
ul.products.columns-5 li.product:nth-of-type(5n + 1) {
clear: both;
}
.columns-5 > ul.products li.product:nth-child(5n),
ul.products.columns-5 li.product:nth-child(5n) {
margin-right: 0;
}
.columns-4 > ul.products li.product,
ul.products.columns-4 li.product,
.page-layout-full-width ul.products li.product {
margin: 0 2% 2em 0;
}
.columns-4 > ul.products li.product.first,
ul.products.columns-4 li.product.first,
.page-layout-full-width ul.products li.product.first {
clear: none;
}
.columns-4 > ul.products li.product.last,
ul.products.columns-4 li.product.last,
.page-layout-full-width ul.products li.product.last {
margin-right: 2%;
}
.columns-4 > ul.products li.product:nth-of-type(4n + 1),
ul.products.columns-4 li.product:nth-of-type(4n + 1),
.page-layout-full-width ul.products li.product:nth-of-type(4n + 1) {
clear: both;
}
.columns-4 > ul.products li.product:nth-child(4n),
ul.products.columns-4 li.product:nth-child(4n),
.page-layout-full-width ul.products li.product:nth-child(4n) {
margin-right: 0;
}
.columns-3 > ul.products li.product,
ul.products.columns-3 li.product,
.page-layout-left-sidebar ul.products li.product,
.page-layout-right-sidebar ul.products li.product {
width: 32%;
margin: 0 2% 2em 0;
}
.columns-3 > ul.products li.product.first,
ul.products.columns-3 li.product.first,
.page-layout-left-sidebar ul.products li.product.first,
.page-layout-right-sidebar ul.products li.product.first {
clear: none;
}
.columns-3 > ul.products li.product.last,
ul.products.columns-3 li.product.last,
.page-layout-left-sidebar ul.products li.product.last,
.page-layout-right-sidebar ul.products li.product.last {
margin-right: 2%;
}
.columns-3 > ul.products li.product:nth-of-type(3n + 1),
ul.products.columns-3 li.product:nth-of-type(3n + 1),
.page-layout-left-sidebar ul.products li.product:nth-of-type(3n + 1),
.page-layout-right-sidebar ul.products li.product:nth-of-type(3n + 1) {
clear: both;
}
.columns-3 > ul.products li.product:nth-child(3n),
ul.products.columns-3 li.product:nth-child(3n),
.page-layout-left-sidebar ul.products li.product:nth-child(3n),
.page-layout-right-sidebar ul.products li.product:nth-child(3n) {
margin-right: 0;
}
.columns-2 > ul.products li.product,
ul.products.columns-2 li.product,
.page-layout-left-right-sidebar ul.products li.product,
.page-layout-two-left-sidebar ul.products li.product,
.page-layout-two-right-sidebar ul.products li.product {
width: 47%;
margin-right: 6%;
}
.columns-2 > ul.products li.product.first,
ul.products.columns-2 li.product.first,
.page-layout-left-right-sidebar ul.products li.product.first,
.page-layout-two-left-sidebar ul.products li.product.first,
.page-layout-two-right-sidebar ul.products li.product.first {
clear: none;
}
.columns-2 > ul.products li.product.last,
ul.products.columns-2 li.product.last,
.page-layout-left-right-sidebar ul.products li.product.last,
.page-layout-two-left-sidebar ul.products li.product.last,
.page-layout-two-right-sidebar ul.products li.product.last {
margin-right: 6%;
}
.columns-2 > ul.products li.product:nth-of-type(2n + 1),
ul.products.columns-2 li.product:nth-of-type(2n + 1),
.page-layout-left-right-sidebar ul.products li.product:nth-of-type(2n + 1),
.page-layout-two-left-sidebar ul.products li.product:nth-of-type(2n + 1),
.page-layout-two-right-sidebar ul.products li.product:nth-of-type(2n + 1) {
clear: both;
}
.columns-2 > ul.products li.product:nth-child(2n),
ul.products.columns-2 li.product:nth-child(2n),
.page-layout-left-right-sidebar ul.products li.product:nth-child(2n),
.page-layout-two-left-sidebar ul.products li.product:nth-child(2n),
.page-layout-two-right-sidebar ul.products li.product:nth-child(2n) {
margin-right: 0;
}
}
.columns-1 > ul.products li.product,
ul.products.columns-1 li.product {
width: 100%;
margin: 0 0 2em 0;
clear: none;
}
@media (max-width: 1199px) {
.shop.page-layout-right-sidebar .related li.product:nth-child(3),
.shop.page-layout-right-sidebar .upsells li.product:nth-child(3),
.shop.page-layout-left-sidebar .related li.product:nth-child(3),
.shop.page-layout-left-sidebar .upsells li.product:nth-child(3) {
display: none !important;
}
}
@media (max-width: 991px) and (min-width: 480px) {
.shop ul.products > li.product:not(.product-category) {
width: 31%;
margin-right: 2%;
margin-bottom: 2em;
clear: none;
margin-left: 0;
height: auto;
display: inline-block;
position: relative;
}
.shop ul.products > li.product:not(.product-category):nth-of-type(3n + 1) {
clear: both;
}
.shop ul.products > li.product:not(.product-category):nth-child(3n) {
margin-right: 0;
}
.shop ul.products > .product-category.last {
margin-right: 0;
}
.columns-2 > .shop ul.products > li.product,
.shop ul.products.columns-2 > li.product {
width: 47%;
margin-right: 6%;
}
.columns-2 > .shop ul.products > li.product.first,
.shop ul.products.columns-2 > li.product.first {
clear: none;
}
.columns-2 > .shop ul.products > li.product.last,
.shop ul.products.columns-2 > li.product.last {
margin-right: 6%;
}
.columns-2 > .shop ul.products > li.product:nth-of-type(2n + 1),
.shop ul.products.columns-2 > li.product:nth-of-type(2n + 1) {
clear: both;
}
.columns-2 > .shop ul.products > li.product:nth-child(2n),
.shop ul.products.columns-2 > li.product:nth-child(2n) {
margin-right: 0;
}
.col-md-7.main-wrap ul.products li.product:not(.product-category),
.col-md-6.main-wrap ul.products li.product:not(.product-category),
.col-md-9.main-wrap ul.products li.product:not(.product-category) {
width: 47%;
margin-right: 6%;
clear: none;
}
.col-md-7.main-wrap ul.products li.product:not(.product-category).first,
.col-md-6.main-wrap ul.products li.product:not(.product-category).first,
.col-md-9.main-wrap ul.products li.product:not(.product-category).first {
clear: none;
}
.col-md-7.main-wrap ul.products li.product:not(.product-category).last,
.col-md-6.main-wrap ul.products li.product:not(.product-category).last,
.col-md-9.main-wrap ul.products li.product:not(.product-category).last {
margin-right: 6%;
}
.col-md-7.main-wrap ul.products li.product:not(.product-category):nth-of-type(3n + 1),
.col-md-6.main-wrap ul.products li.product:not(.product-category):nth-of-type(3n + 1),
.col-md-9.main-wrap ul.products li.product:not(.product-category):nth-of-type(3n + 1) {
clear: none;
}
.col-md-7.main-wrap ul.products li.product:not(.product-category):nth-child(3n),
.col-md-6.main-wrap ul.products li.product:not(.product-category):nth-child(3n),
.col-md-9.main-wrap ul.products li.product:not(.product-category):nth-child(3n) {
margin-right: 6%;
}
.col-md-7.main-wrap ul.products li.product:not(.product-category):nth-of-type(2n + 1),
.col-md-6.main-wrap ul.products li.product:not(.product-category):nth-of-type(2n + 1),
.col-md-9.main-wrap ul.products li.product:not(.product-category):nth-of-type(2n + 1) {
clear: both;
}
.col-md-7.main-wrap ul.products li.product:not(.product-category):nth-child(2n),
.col-md-6.main-wrap ul.products li.product:not(.product-category):nth-child(2n),
.col-md-9.main-wrap ul.products li.product:not(.product-category):nth-child(2n) {
margin-right: 0;
}
}
@media (max-width: 767px) {
.shop ul.products > li.product,
.shop ul.products > li.product:not(.product-category) {
width: 100%;
margin: 0 0 1.25em 0;
float: none;
clear: none;
}
}
.shop-account .shop h2,
.shop-account .shop h3 {
font-size: 1.5em;
}
.shop-account .shop .button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #C6C6C6;
background-color: #C6C6C6;
border-color: #e5e5e5;
}
.shop-account .shop .button:hover,
.shop-account .shop .button:focus {
color: #C6C6C6;
text-decoration: none;
}
.shop-account .shop .button i,
.shop-account .shop .button span {
z-index: 2;
position: relative;
}
.shop-account .shop .button.btn-style-outlined {
color: #C6C6C6;
}
.shop-account .shop .button:hover,
.shop-account .shop .button:focus,
.shop-account .shop .button:active,
.shop-account .shop .button.active {
color: #C6C6C6;
background-color: #dcdcdc;
border-color: #cccccc;
}
.shop-account .shop .button:hover.btn-style-outlined,
.shop-account .shop .button:focus.btn-style-outlined,
.shop-account .shop .button:active.btn-style-outlined,
.shop-account .shop .button.active.btn-style-outlined {
color: #cccccc;
}
.shop-account .shop .button:hover.btn-style-3d,
.shop-account .shop .button:focus.btn-style-3d,
.shop-account .shop .button:active.btn-style-3d,
.shop-account .shop .button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #c6c6c6;
box-shadow: 0 5px 0 #c6c6c6;
}
.shop-account .shop .button:active,
.shop-account .shop .button.active {
background-image: none;
}
.shop-account .shop .button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #e5e5e5;
box-shadow: 0 5px 0 #e5e5e5;
}
.shop-account .shop .edit {
color: #999999;
text-decoration: underline;
}
.shop {
/* =General Layout Styles
-------------------------------------------------------------- */
/* Product category*/
/* =Product Page
-------------------------------------------------------------- */
/* =Product Loops
-------------------------------------------------------------- */
/* =Cart Page
-------------------------------------------------------------- */
/* =Forms
-------------------------------------------------------------- */
}
.shop .col2-set {
width: 100%;
}
.shop .col2-set:before,
.shop .col2-set:after {
content: " ";
display: table;
}
.shop .col2-set:after {
clear: both;
}
.shop .col2-set .col-1 {
float: left;
width: 48%;
}
.shop .col2-set .col-2 {
float: right;
width: 48%;
}
.shop .cart-empty {
font-size: 2em;
font-weight: 600;
color: #333333;
text-align: center;
}
.shop .return-to-shop {
text-align: center;
}
.shop .return-to-shop .button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #C6C6C6;
background-color: #C6C6C6;
border-color: #e5e5e5;
}
.shop .return-to-shop .button:hover,
.shop .return-to-shop .button:focus {
color: #C6C6C6;
text-decoration: none;
}
.shop .return-to-shop .button i,
.shop .return-to-shop .button span {
z-index: 2;
position: relative;
}
.shop .return-to-shop .button.btn-style-outlined {
color: #C6C6C6;
}
.shop .return-to-shop .button:hover,
.shop .return-to-shop .button:focus,
.shop .return-to-shop .button:active,
.shop .return-to-shop .button.active {
color: #C6C6C6;
background-color: #dcdcdc;
border-color: #cccccc;
}
.shop .return-to-shop .button:hover.btn-style-outlined,
.shop .return-to-shop .button:focus.btn-style-outlined,
.shop .return-to-shop .button:active.btn-style-outlined,
.shop .return-to-shop .button.active.btn-style-outlined {
color: #cccccc;
}
.shop .return-to-shop .button:hover.btn-style-3d,
.shop .return-to-shop .button:focus.btn-style-3d,
.shop .return-to-shop .button:active.btn-style-3d,
.shop .return-to-shop .button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #c6c6c6;
box-shadow: 0 5px 0 #c6c6c6;
}
.shop .return-to-shop .button:active,
.shop .return-to-shop .button.active {
background-image: none;
}
.shop .return-to-shop .button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #e5e5e5;
box-shadow: 0 5px 0 #e5e5e5;
}
.shop img {
height: auto;
max-width: 100%;
}
.shop .product-category {
position: relative;
}
.shop .product-category h3 {
text-align: center;
background: rgba(255, 255, 255, 0.7);
margin: 0;
padding: 0.5em 0;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
z-index: 1;
text-transform: uppercase;
font-size: 1.5em;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.shop .product-category h3 mark {
background: rgba(0, 0, 0, 0);
display: block;
font-size: 0.55em;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
color: #999999;
}
.shop .product-category:hover h3 {
color: #fff;
background: #57bb8a;
padding-top: 1em;
}
.shop .product-category:hover h3 mark {
color: #f2f2f2;
}
.shop div.product {
overflow: hidden;
}
.shop div.product div.single-product-images {
position: relative;
}
.shop div.product div.single-product-images .product-images-slider {
position: relative;
overflow: hidden;
border: 1px solid #e5e5e5;
}
.shop div.product div.single-product-images .product-images-slider .caroufredsel-wrap .caroufredsel-items li {
position: absolute;
}
.shop div.product div.single-product-images .product-images-slider .caroufredsel-wrap .caroufredsel-items li:first-child {
position: relative;
z-index: 50;
}
.shop div.product div.single-product-images .product-images-slider .caroufredsel_wrapper .caroufredsel-items li {
position: relative !important;
}
.shop div.product div.single-product-images .expand-button {
display: none;
border: 1px solid;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 1.2em;
height: 2em;
line-height: 2em;
position: absolute;
right: 10px;
text-align: center;
bottom: 10px;
width: 2em;
z-index: 100;
}
.shop div.product div.single-product-thumbnails {
margin-right: -8px;
}
.shop div.product div.single-product-thumbnails:before,
.shop div.product div.single-product-thumbnails:after {
content: " ";
display: table;
}
.shop div.product div.single-product-thumbnails:after {
clear: both;
}
.shop div.product div.single-product-thumbnails .thumb {
margin-right: 8px;
border: 1px solid #e5e5e5;
opacity: 0.5;
filter: alpha(opacity=50);
}
.shop div.product div.single-product-thumbnails .thumb.selected,
.shop div.product div.single-product-thumbnails .thumb:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.shop div.product div.single-product-thumbnails .caroufredsel-wrap .caroufredsel-items li {
position: absolute;
}
.shop div.product div.single-product-thumbnails .caroufredsel-wrap .caroufredsel-items li:first-child,
.shop div.product div.single-product-thumbnails .caroufredsel-wrap .caroufredsel-items li:nth-of-type(2),
.shop div.product div.single-product-thumbnails .caroufredsel-wrap .caroufredsel-items li:nth-of-type(3),
.shop div.product div.single-product-thumbnails .caroufredsel-wrap .caroufredsel-items li:nth-of-type(4) {
position: relative;
z-index: 50;
}
.shop div.product div.single-product-thumbnails .caroufredsel-wrap:hover .caroufredsel-next {
right: 18px;
}
.shop div.product div.single-product-thumbnails .caroufredsel_wrapper .caroufredsel-items li {
position: relative !important;
}
.shop div.product div.single-product-thumbnails .caroufredsel-items {
margin: 0;
padding: 0;
list-style: none;
}
.shop div.product div.single-product-thumbnails .caroufredsel-items li {
float: left;
width: 25%;
}
@media (max-width: 767px) {
.shop div.product div.single-product-thumbnails .caroufredsel-items li {
width: 33.333%;
}
}
.shop div.product div.summary .product_meta {
margin-top: 1em;
}
.shop div.product div.summary .product_meta a {
color: #57bb8a;
}
.shop div.product div.summary .product_meta a:hover {
text-decoration: underline;
}
.shop div.product div.summary .product_meta > span {
display: block;
}
.shop div.product .yith-wcwl-add-to-wishlist {
font-size: 14.5px;
}
.shop div.product .content-share {
position: relative;
margin-top: 1em;
}
.shop #quantity {
/* Disable input[type=number] buttons until the world is ready */
}
.shop #quantity input::-webkit-outer-spin-button,
.shop #quantity input::-webkit-inner-spin-button {
display: none;
}
.shop .related:before,
.shop .upsells:before,
.shop .related:after,
.shop .upsells:after {
content: " ";
display: table;
}
.shop .related:after,
.shop .upsells:after {
clear: both;
}
.shop .related ul.products,
.shop .upsells ul.products {
margin: 0;
}
.shop .related h3,
.shop .upsells h3 {
font-size: 1.5em;
}
.shop .shop-result-count {
float: left;
}
.shop .shop-ordering {
float: right;
}
.shop table.cart img {
height: auto;
}
.shop table.cart td.actions {
text-align: right;
}
.shop table.cart td.actions .input-text {
width: 10.344827586206897em;
}
.shop table.cart td.actions .coupon {
float: left;
}
.shop table.cart td.actions .coupon label {
display: none;
}
.shop .cart-collaterals {
width: 100%;
padding-top: 20px;
}
.shop .cart-collaterals:before,
.shop .cart-collaterals:after {
content: " ";
display: table;
}
.shop .cart-collaterals:after {
clear: both;
}
.shop .cart-collaterals .related {
width: 30.75%;
float: left;
}
.shop .cart-collaterals .cross-sells {
width: 48%;
float: left;
}
.shop .cart-collaterals .cross-sells ul.products {
float: none;
}
.shop .cart-collaterals .shipping_calculator {
width: 48%;
clear: right;
float: right;
}
.shop .cart-collaterals .shipping_calculator:before,
.shop .cart-collaterals .shipping_calculator:after {
content: " ";
display: table;
}
.shop .cart-collaterals .shipping_calculator:after {
clear: both;
}
.shop .cart-collaterals .shipping_calculator .col2-set .col-1,
.shop .cart-collaterals .shipping_calculator .col2-set .col-2 {
width: 47%;
}
.shop .cart-collaterals .cart_totals {
float: right;
width: 48%;
text-align: right;
}
@media (max-width: 767px) {
.shop .cart-collaterals .cart_totals {
margin-bottom: 15px;
}
}
.shop form .form-row:before,
.shop form .form-row:after {
content: " ";
display: table;
}
.shop form .form-row:after {
clear: both;
}
.shop form .form-row label {
display: block;
}
.shop form .form-row label.checkbox {
display: inline;
}
.shop form .form-row select {
display: block;
height: 2.689655172413793em;
padding: 0.5517241379310345rem;
font-size: 14.5px;
line-height: 1.6;
color: #C6C6C6;
background-color: #ffffff;
background-image: none;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none;
width: 100%;
}
.shop form .form-row select:focus {
border-color: #57bb8a;
outline: none;
}
.shop form .form-row select[disabled],
.shop form .form-row select[readonly],
fieldset[disabled] .shop form .form-row select {
cursor: not-allowed;
background-color: #999999;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.shop form .form-row select {
height: auto;
}
.shop form .form-row .input-text {
display: block;
height: 2.689655172413793em;
padding: 0.5517241379310345rem;
font-size: 14.5px;
line-height: 1.6;
color: #C6C6C6;
background-color: #ffffff;
background-image: none;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none;
width: 100%;
}
.shop form .form-row .input-text:focus {
border-color: #57bb8a;
outline: none;
}
.shop form .form-row .input-text[disabled],
.shop form .form-row .input-text[readonly],
fieldset[disabled] .shop form .form-row .input-text {
cursor: not-allowed;
background-color: #999999;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.shop form .form-row .input-text {
height: auto;
}
.shop form .form-row textarea.input-text {
height: auto;
}
.shop form .form-row-first,
.shop form .form-row-last {
float: left;
width: 47%;
overflow: visible;
}
.shop form .form-row-last {
float: right;
}
.shop form .form-row-wide {
clear: both;
}
.shop #payment .form-row select {
width: auto;
}
.shop #payment .terms {
text-align: right;
padding: 0 1em 0;
}
.shop #payment #place_order {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #ffffff;
background-color: #57bb8a;
border-color: #57bb8a;
padding: 1.0275862068965518rem 1.4413793103448276rem;
font-size: 1.2413793103448276em;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
float: right;
}
.shop #payment #place_order:hover,
.shop #payment #place_order:focus {
color: #C6C6C6;
text-decoration: none;
}
.shop #payment #place_order i,
.shop #payment #place_order span {
z-index: 2;
position: relative;
}
.shop #payment #place_order.btn-style-outlined {
color: #57bb8a;
}
.shop #payment #place_order:hover,
.shop #payment #place_order:focus,
.shop #payment #place_order:active,
.shop #payment #place_order.active {
color: #ffffff;
background-color: #409f70;
border-color: #409f70;
}
.shop #payment #place_order:hover.btn-style-outlined,
.shop #payment #place_order:focus.btn-style-outlined,
.shop #payment #place_order:active.btn-style-outlined,
.shop #payment #place_order.active.btn-style-outlined {
color: #409f70;
}
.shop #payment #place_order:hover.btn-style-3d,
.shop #payment #place_order:focus.btn-style-3d,
.shop #payment #place_order:active.btn-style-3d,
.shop #payment #place_order.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.shop #payment #place_order:active,
.shop #payment #place_order.active {
background-image: none;
}
.shop #payment #place_order.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #57bb8a;
box-shadow: 0 5px 0 #57bb8a;
}
@media (max-width: 767px) {
.shop {
/**
* General layout
*/
/**
* Product Details
*/
/**
* Cart
*/
/**
* Checkout
*/
/**
* Account
*/
}
.shop .col2-set .col-1,
.shop .col2-set .col-2 {
float: none;
width: 100%;
}
.shop div.product div.single-product-images,
.shop div.product div.summary {
float: none;
width: 100%;
}
.shop table.cart td.actions {
text-align: left;
}
.shop table.cart td.actions .coupon {
float: none;
padding-bottom: .5em;
}
.shop table.cart td.actions .coupon:before,
.shop table.cart td.actions .coupon:after {
content: " ";
display: table;
}
.shop table.cart td.actions .coupon:after {
clear: both;
}
.shop table.cart td.actions input,
.shop table.cart td.actions .button,
.shop table.cart td.actions .input-text {
width: 48%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.shop table.cart td.actions .input-text + .button,
.shop table.cart td.actions .button.alt {
float: right;
}
.shop .cart-collaterals .cart_totals,
.shop .cart-collaterals .shipping_calculator,
.shop .cart-collaterals .cross-sells {
width: 100%;
float: none;
text-align: left;
}
.shop.shop-checkout form.login .form-row {
width: 100%;
float: none;
}
.shop #payment .terms {
text-align: left;
padding: 0;
}
.shop #payment #place_order {
float: none;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 1em;
}
.shop .lost_reset_password .form-row-first,
.shop .lost_reset_password .form-row-last {
width: 100%;
float: none;
margin-right: 0;
}
}
/* =Global styles/layout
-------------------------------------------------------------- */
p.demo_store {
position: fixed;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
color: #ffffff;
z-index: 1049;
background: #333333;
}
/* =Utilities
-------------------------------------------------------------- */
.wc-forward:after,
.wc-forward a:after {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.4827586206896552em;
content: "\e029";
font-size: .7em;
}
.wc-backward:before,
.wc-backward a:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.4827586206896552em;
content: "\e02f";
font-size: .7em;
}
/* =Main Styles (namespace to avoid conflict with common global class names)
-------------------------------------------------------------- */
.shop {
/* =Product Page
-------------------------------------------------------------- */
/* Sale labels */
/* =Product Loops
-------------------------------------------------------------- */
/* =Quantity inputs
-------------------------------------------------------------- */
/* =Reviews/comments
-------------------------------------------------------------- */
/* Star rating */
/* =Tables
-------------------------------------------------------------- */
/* =Cart
-------------------------------------------------------------- */
/* =Cart Sidebar
-------------------------------------------------------------- */
/* =Cart Page
-------------------------------------------------------------- */
/* =Forms
-------------------------------------------------------------- */
/* =Checkout
-------------------------------------------------------------- */
/* Payment box - appears on checkout and page page */
/* =Order Page
-------------------------------------------------------------- */
/* =Account Page
-------------------------------------------------------------- */
/* =Layered Nav Widget
-------------------------------------------------------------- */
/* =Price Filter Widget
-------------------------------------------------------------- */
}
.shop table {
width: 100%;
}
.shop .shop-message,
.shop .shop-error,
.shop .shop-info {
padding: 1em 1em 1em 3.5em !important;
margin: 0 0 2em !important;
position: relative;
border: 1px solid #e5e5e5;
list-style: none outside !important;
width: auto;
}
.shop .shop-message:before,
.shop .shop-error:before,
.shop .shop-info:before,
.shop .shop-message:after,
.shop .shop-error:after,
.shop .shop-info:after {
content: " ";
display: table;
}
.shop .shop-message:after,
.shop .shop-error:after,
.shop .shop-info:after {
clear: both;
}
.shop .shop-message:before,
.shop .shop-error:before,
.shop .shop-info:before {
content: "";
height: 1.5em;
width: 1.5em;
display: block;
position: absolute;
top: 0;
left: 1em;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
text-align: center;
padding-top: 1em;
}
.shop .shop-message .button,
.shop .shop-error .button,
.shop .shop-info .button {
float: right;
}
.shop .shop-message li,
.shop .shop-error li,
.shop .shop-info li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.shop .shop-message {
border-left: 3px solid #57bb8a;
}
.shop .shop-message:before {
color: #57bb8a;
content: "\f058";
font-family: "fontawesome";
}
.shop .shop-info {
border-left: 3px solid #5788bb;
}
.shop .shop-info:before {
color: #5788bb;
content: "\f05a";
font-family: "fontawesome";
}
.shop .shop-error {
border-left: 3px solid #bb5857;
}
.shop .shop-error:before {
color: #bb5857;
content: "\f057";
font-family: "fontawesome";
}
.shop small.note {
display: block;
color: #C6C6C6;
font-size: 13px;
line-height: 1.4482758620689655em;
margin-top: 0.6896551724137931em;
}
.shop .price,
.shop .amount {
font-weight: normal;
}
.shop div.product {
margin-bottom: 0;
position: relative;
/* Main product title */
/* Price */
/* Stock */
/* Product image and thumbnail */
/* Summary div (contains title, price etc) */
/* Social networking */
/* Tabs on the product page */
/* Cart button */
/* add to cart forms */
}
.shop div.product .product_title {
margin-top: 0;
padding: 0;
}
.shop div.product span.price,
.shop div.product p.price {
font-size: 2em;
color: #333333;
font-weight: 600;
}
.shop div.product span.price ins,
.shop div.product p.price ins {
float: left;
margin-right: 0.3448275862068966em;
text-decoration: none;
}
.shop div.product span.price del,
.shop div.product p.price del {
font-size: 0.5em;
color: #999999;
}
.shop div.product p.stock {
font-size: 13px;
}
.shop div.product .stock {
color: #333333;
}
.shop div.product .out-of-stock {
color: red;
}
.shop div.product div.single-product-images {
margin-bottom: 2em;
}
.shop div.product div.single-product-images div.single-product-thumbnails {
padding-top: 1em;
}
.shop div.product div.summary {
margin-bottom: 2em;
}
.shop div.product div.summary .cart .button,
.shop div.product div.summary .cart input.button {
color: #ffffff;
background-color: #57bb8a;
border-color: #57bb8a;
padding: 0.8275862068965517rem 1.2413793103448276rem;
text-transform: uppercase;
height: 45px;
}
.shop div.product div.summary .cart .button.btn-style-outlined,
.shop div.product div.summary .cart input.button.btn-style-outlined {
color: #57bb8a;
}
.shop div.product div.summary .cart .button:hover,
.shop div.product div.summary .cart input.button:hover,
.shop div.product div.summary .cart .button:focus,
.shop div.product div.summary .cart input.button:focus,
.shop div.product div.summary .cart .button:active,
.shop div.product div.summary .cart input.button:active,
.shop div.product div.summary .cart .button.active,
.shop div.product div.summary .cart input.button.active {
color: #ffffff;
background-color: #409f70;
border-color: #409f70;
}
.shop div.product div.summary .cart .button:hover.btn-style-outlined,
.shop div.product div.summary .cart input.button:hover.btn-style-outlined,
.shop div.product div.summary .cart .button:focus.btn-style-outlined,
.shop div.product div.summary .cart input.button:focus.btn-style-outlined,
.shop div.product div.summary .cart .button:active.btn-style-outlined,
.shop div.product div.summary .cart input.button:active.btn-style-outlined,
.shop div.product div.summary .cart .button.active.btn-style-outlined,
.shop div.product div.summary .cart input.button.active.btn-style-outlined {
color: #409f70;
}
.shop div.product div.summary .cart .button:hover.btn-style-3d,
.shop div.product div.summary .cart input.button:hover.btn-style-3d,
.shop div.product div.summary .cart .button:focus.btn-style-3d,
.shop div.product div.summary .cart input.button:focus.btn-style-3d,
.shop div.product div.summary .cart .button:active.btn-style-3d,
.shop div.product div.summary .cart input.button:active.btn-style-3d,
.shop div.product div.summary .cart .button.active.btn-style-3d,
.shop div.product div.summary .cart input.button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.shop div.product div.summary .cart .button:active,
.shop div.product div.summary .cart input.button:active,
.shop div.product div.summary .cart .button.active,
.shop div.product div.summary .cart input.button.active {
background-image: none;
}
.shop div.product div.summary .cart .button.btn-style-3d,
.shop div.product div.summary .cart input.button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #57bb8a;
box-shadow: 0 5px 0 #57bb8a;
}
.shop div.product div.summary .share-links {
background: none;
padding: 0;
}
.shop div.product div.summary .share-links .share-icons a {
background: none;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.shop div.product div.summary .share-links .share-icons .facebook-share a:hover {
background-color: none;
border-color: #47639e;
color: #47639e;
}
.shop div.product div.summary .share-links .share-icons .twitter-share a:hover {
background-color: none;
border-color: #55acee;
color: #55acee;
}
.shop div.product div.summary .share-links .share-icons .pinterest-share a:hover {
background-color: none;
border-color: #cb2027;
color: #cb2027;
}
.shop div.product div.summary .share-links .share-icons .google-plus-share a:hover {
background-color: none;
border-color: #dd4b39;
color: #dd4b39;
}
.shop div.product div.summary .share-links .share-icons .linkedin-share a:hover {
background-color: none;
border-color: #069;
color: #069;
}
.shop div.product div.social {
text-align: right;
margin: 0 0 1em;
}
.shop div.product div.social span {
margin: 0 0 0 0.13793103448275862em;
}
.shop div.product div.social span span {
margin: 0;
}
.shop div.product div.social span .stButton .chicklets {
padding-left: 1.103448275862069em;
width: 0;
}
.shop div.product div.social iframe {
float: left;
margin-top: 3px;
}
.shop div.product .shop-tabs {
margin-top: 30px;
margin-bottom: 30px;
}
.shop div.product .shop-tabs .nav-tabs > li > a {
font-size: 1.1em;
border-bottom: none;
}
.shop div.product .shop-tabs .tab-content {
border: 1px solid #e5e5e5;
margin-top: -1px;
padding: 1.5862068965517242em;
}
.shop div.product .shop-tabs .tab-content .tab-pane h2 {
display: none;
}
.shop div.product p.cart {
margin-bottom: 2em;
}
.shop div.product p.cart:before,
.shop div.product p.cart:after {
content: " ";
display: table;
}
.shop div.product p.cart:after {
clear: both;
}
.shop div.product form.cart {
margin-top: 2em;
}
.shop div.product form.cart:before,
.shop div.product form.cart:after {
content: " ";
display: table;
}
.shop div.product form.cart:after {
clear: both;
}
.shop div.product form.cart div.quantity {
float: left;
margin: 0 1em 10px 0;
}
.shop div.product form.cart table {
border-width: 0 0 0 0;
}
.shop div.product form.cart table td {
padding-left: 0;
border: none;
}
.shop div.product form.cart table div.quantity {
float: none;
margin: 0;
}
.shop div.product form.cart table small.stock {
display: block;
float: none;
}
.shop div.product form.cart .variations {
margin-bottom: 1em;
width: auto;
}
.shop div.product form.cart .variations label {
font-weight: bold;
}
.shop div.product form.cart .variations select {
width: auto;
display: block;
margin-bottom: 0.3448275862068966em;
}
.shop div.product form.cart .variations td.label {
padding-right: 1em;
}
.shop div.product form.cart .variations td.label label {
margin: 0;
color: #C6C6C6;
vertical-align: middle;
font-size: 1.4em;
}
.shop div.product form.cart .variations td {
vertical-align: middle;
padding: 0;
}
.shop div.product form.cart .variations .shop-variation-select {
position: relative;
display: block;
}
.shop div.product form.cart .variations .shop-variation-select i {
background: none repeat scroll 0 0 #fff;
height: 12.5px;
pointer-events: none;
position: absolute;
right: 11px;
top: 11px;
width: 8px;
}
.shop div.product form.cart .variations .shop-variation-select i:before,
.shop div.product form.cart .variations .shop-variation-select i:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
content: "";
position: absolute;
right: 0;
}
.shop div.product form.cart .variations .shop-variation-select i:before {
border-top: 4px solid #b2b2b2;
bottom: 0;
}
.shop div.product form.cart .variations .shop-variation-select i:after {
border-bottom: 4px solid #b2b2b2;
top: 0;
}
.shop div.product form.cart .variations .shop-variation-select select {
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
padding: 0.5em 20px 0.5em 0.5em;
border: 1px solid #e5e5e5;
outline: none;
}
.shop div.product form.cart .variations .shop-variation-select select option {
outline: none;
}
.shop div.product form.cart .reset_variations {
font-size: 13px;
}
.shop div.product form.cart .button {
vertical-align: middle;
float: left;
}
.shop div.product form.cart .group_table td.label {
padding-right: 1em;
padding-left: 1em;
}
.shop div.product form.cart .group_table td {
vertical-align: top;
padding-bottom: .5em;
}
.shop span.onsale {
position: absolute;
top: -33px;
left: -70px;
display: block;
width: 150px;
height: 80px;
font-size: 14.5px;
line-height: 130px;
text-align: center;
text-transform: uppercase;
color: white;
font-weight: 400;
background-color: #57bb8a;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
z-index: 100;
}
.shop span.out_of_stock {
background: #57bb8a;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #ffffff;
display: block;
font-size: 11px;
font-weight: normal;
height: 6em;
left: 10px;
padding: 1.5em 1em;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 10px;
width: 6em;
z-index: 100;
}
.shop .products ul,
.shop ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both;
}
.shop .products ul:before,
.shop ul.products:before,
.shop .products ul:after,
.shop ul.products:after {
content: " ";
display: table;
}
.shop .products ul:after,
.shop ul.products:after {
clear: both;
}
.shop .products ul li,
.shop ul.products li {
list-style: none outside;
}
.shop ul.products li.product .product_title {
padding: .5em 0;
margin: 0;
font-size: 1.3em;
}
.shop ul.products li.product .product_title a {
color: #333333;
}
.shop ul.products li.product .product_title a:hover {
color: #57bb8a;
}
.shop ul.products li.product figure {
position: relative;
border: 1px solid #e5e5e5;
}
.shop ul.products li.product figure .product-wrap {
position: relative;
display: block;
overflow: hidden;
}
.shop ul.products li.product figure .product-wrap .product-images {
position: relative;
overflow: hidden;
}
.shop ul.products li.product figure .product-wrap .product-images > a {
position: relative;
display: block;
}
.shop ul.products li.product figure .product-wrap .product-images .shop-loop-thumbnail {
left: 0;
top: 0;
width: 100%;
z-index: 8;
}
.shop ul.products li.product figure .product-wrap .product-images .shop-loop-thumbnail img {
display: block;
height: auto;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
width: 100%;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
opacity: 1;
filter: alpha(opacity=100);
}
.shop ul.products li.product figure .product-wrap .product-images .shop-loop-thumbnail.shop-loop-front-thumbnail {
z-index: 10;
position: relative;
}
.shop ul.products li.product figure .product-wrap .product-images .shop-loop-thumbnail.shop-loop-back-thumbnail {
position: absolute;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions {
position: absolute;
left: 0;
bottom: -20%;
z-index: 100;
width: 100%;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: rgba(0, 0, 0, 0.5);
display: table;
border-bottom: 2px solid #57bb8a;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions a {
color: #fff;
padding: 0.5517241379310345rem 0.9655172413793104rem;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50%;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button {
text-decoration: none;
display: table-cell;
vertical-align: middle;
position: relative;
text-indent: -999em;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button:before {
content: "\f06e";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button:before {
display: block;
left: 0;
position: absolute !important;
text-align: center;
text-indent: 0;
line-height: inherit !important;
width: 100%;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button:after {
border-right: 1px solid rgba(255, 255, 255, 0.5);
content: "";
height: 80%;
position: absolute;
right: 0;
top: 10%;
width: 1px;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button.add_to_cart_button.product_type_variable:before {
content: "\f03a";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button.add_to_cart_button.product_type_simple:before {
content: "\f07a";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button.add_to_cart_button.loading:before {
content: "\f110";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button.add_to_cart_button.loading:before {
background-image: none !important;
-webkit-animation: fa-spin 0.5s infinite linear;
-o-animation: fa-spin 0.5s infinite linear;
animation: fa-spin 0.5s infinite linear;
-webkit-animation-timing-function: steps(8, start);
animation-timing-function: steps(8, start);
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button.add_to_cart_button.added:before {
content: "\f00c";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .button:hover {
background-color: #57bb8a;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .shop-loop-quickview {
display: table-cell;
vertical-align: middle;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .shop-loop-quickview:before {
content: "\f002";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .shop-loop-quickview:hover {
background-color: #57bb8a;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .shop-loop-quickview.loading:before {
content: "\f110";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop ul.products li.product figure .product-wrap .shop-loop-actions .shop-loop-quickview.loading:before {
-webkit-animation: fa-spin 0.5s infinite linear;
-o-animation: fa-spin 0.5s infinite linear;
animation: fa-spin 0.5s infinite linear;
-webkit-animation-timing-function: steps(8, start);
animation-timing-function: steps(8, start);
}
.shop ul.products li.product figure:hover .product-wrap .product-images .shop-loop-front-thumbnail img {
opacity: 0;
filter: alpha(opacity=0);
}
.shop ul.products li.product figure:hover .shop-loop-actions {
bottom: 0;
}
.shop ul.products li.product figure:hover .yith-wcwl-add-to-wishlist {
display: block;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist {
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: 10px;
z-index: 100;
display: none;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist > div {
position: relative;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .add_to_wishlist {
display: block;
position: relative;
text-indent: -999em;
width: 25px;
height: 25px;
line-height: 25px;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .add_to_wishlist:before {
content: "\f08a";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .add_to_wishlist:before {
border: 1px solid;
-webkit-border-radius: 100%;
border-radius: 100%;
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px;
position: absolute;
text-indent: 0;
right: 0;
top: 0;
color: #C6C6C6;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .add_to_wishlist:hover:before {
color: #57bb8a;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse span.feedback,
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse span.feedback {
display: none;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a,
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
display: block;
height: 25px;
text-indent: -999em;
width: 25px;
position: relative;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before,
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "\f00c";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before,
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
border: 1px solid;
-webkit-border-radius: 100%;
border-radius: 100%;
display: block;
font-size: 14px;
left: 0;
padding: 5px;
position: absolute;
text-indent: 0;
top: 0;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover:before,
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover:before {
color: #57bb8a;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
opacity: 0.7;
filter: alpha(opacity=70);
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
color: #57bb8a;
}
.shop ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.shop ul.products li.product figcaption {
padding: 15px;
position: relative;
z-index: 50;
background-color: #ffffff;
}
.shop ul.products li.product figcaption .star-rating {
margin: 0;
}
.shop ul.products li.product figcaption .product_title {
padding: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.shop ul.products li.product figcaption .product_title a {
color: #333333;
}
.shop ul.products li.product figcaption .product_title a:hover {
color: #57bb8a;
}
.shop ul.products li.product figcaption .product-category {
padding: 0 0 0.3em;
}
.shop ul.products li.product figcaption .product-category a {
color: #999999;
font-size: 90%;
}
.shop ul.products li.product figcaption .product-category a:hover {
border-bottom: 1px solid;
color: #57bb8a;
}
.shop ul.products li.product figcaption .shop-loop-product-info {
display: block;
width: 100%;
}
.shop ul.products li.product figcaption .shop-loop-product-info:before,
.shop ul.products li.product figcaption .shop-loop-product-info:after {
content: " ";
display: table;
}
.shop ul.products li.product figcaption .shop-loop-product-info:after {
clear: both;
}
.shop ul.products li.product figcaption .shop-loop-product-info .info-title {
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
}
.shop ul.products li.product figcaption .shop-loop-product-info .info-meta {
display: table;
width: 100%;
padding: 8px 0;
}
.shop ul.products li.product figcaption .shop-loop-product-info .info-meta .info-price {
display: table-cell;
width: 70%;
}
.shop ul.products li.product figcaption .shop-loop-product-info .info-meta .info-rating {
display: table-cell;
width: 30%;
}
.shop ul.products li.product strong {
display: block;
}
.shop ul.products li.product .price {
color: #333333;
font-size: 14.5px;
font-weight: 600;
}
.shop ul.products li.product .price del {
font-size: 13px;
color: #bfbfbf;
float: none;
margin: 0 5px;
}
.shop ul.products li.product .price ins {
background: none;
text-decoration: none;
float: none;
}
.shop ul.products li.product .price .from {
font-size: 0.67em;
margin: -2px 0 0 0;
text-transform: uppercase;
color: #bfbfbf;
}
.shop .product-quickview {
-webkit-border-radius: 0;
border-radius: 0;
}
.shop .product-quickview .modal-dialog {
width: 90%;
max-width: 800px;
}
.shop .product-quickview .modal-dialog .modal-content {
-webkit-border-radius: 0;
border-radius: 0;
}
.shop .product-quickview .modal-dialog .modal-content .product .single-product-images,
.shop .product-quickview .modal-dialog .modal-content .product .summary {
width: 100%;
}
.shop .product-quickview .modal-dialog .modal-content .product .single-product-images {
margin: 0;
display: block;
position: relative;
min-height: 300px;
overflow: hidden;
width: 100%;
}
.shop .shop-toolbar {
padding-bottom: 20px;
}
.shop .shop-toolbar:before,
.shop .shop-toolbar:after {
content: " ";
display: table;
}
.shop .shop-toolbar:after {
clear: both;
}
.shop .shop-result-count {
margin: 0 0 20px;
}
.shop .shop-ordering {
margin: 0 0 20px;
}
.shop .shop-ordering .shop-ordering-select {
position: relative;
margin-left: 0.5em;
display: inline-block;
}
.shop .shop-ordering .shop-ordering-select i {
background: none repeat scroll 0 0 #fff;
height: 12.5px;
pointer-events: none;
position: absolute;
right: 11px;
top: 11px;
width: 8px;
}
.shop .shop-ordering .shop-ordering-select i:before,
.shop .shop-ordering .shop-ordering-select i:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
content: "";
position: absolute;
right: 0;
}
.shop .shop-ordering .shop-ordering-select i:before {
border-top: 4px solid #b2b2b2;
bottom: 0;
}
.shop .shop-ordering .shop-ordering-select i:after {
border-bottom: 4px solid #b2b2b2;
top: 0;
}
.shop .shop-ordering select {
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
padding: 0.5em 20px 0.5em 0.5em;
border: 1px solid #e5e5e5;
outline: none;
}
.shop .shop-ordering select option {
outline: none;
}
@media (max-width: 767px) {
.shop .shop-ordering {
display: none;
}
}
.shop .cart .button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #ffffff;
background-color: #57bb8a;
border-color: #57bb8a;
}
.shop .cart .button:hover,
.shop .cart .button:focus {
color: #C6C6C6;
text-decoration: none;
}
.shop .cart .button i,
.shop .cart .button span {
z-index: 2;
position: relative;
}
.shop .cart .button.btn-style-outlined {
color: #57bb8a;
}
.shop .cart .button:hover,
.shop .cart .button:focus,
.shop .cart .button:active,
.shop .cart .button.active {
color: #ffffff;
background-color: #409f70;
border-color: #409f70;
}
.shop .cart .button:hover.btn-style-outlined,
.shop .cart .button:focus.btn-style-outlined,
.shop .cart .button:active.btn-style-outlined,
.shop .cart .button.active.btn-style-outlined {
color: #409f70;
}
.shop .cart .button:hover.btn-style-3d,
.shop .cart .button:focus.btn-style-3d,
.shop .cart .button:active.btn-style-3d,
.shop .cart .button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.shop .cart .button:active,
.shop .cart .button.active {
background-image: none;
}
.shop .cart .button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #57bb8a;
box-shadow: 0 5px 0 #57bb8a;
}
.shop a.added_to_cart {
display: none !important;
}
.shop a.added_to_cart:after,
.shop a.added_to_cart:before {
display: none !important;
}
.shop .quantity {
position: relative;
margin: 0 auto;
overflow: hidden;
zoom: 1;
/* Hide buttons for opera */
}
.shop .quantity input.qty {
border: 1px solid #e5e5e5;
width: 50px;
height: 45px;
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
text-align: center;
-webkit-border-radius: 0;
border-radius: 0;
line-height: 1.1;
}
@media (min-width: 480px) {
.shop .quantity input.qty {
padding: 0.8275862068965517rem 10px;
}
}
.shop .quantity noindex:-o-prefocus,
.shop .quantity input[type=number] {
padding-right: 1.2em;
}
.shop .quantity input {
display: inline-block;
margin: 0;
vertical-align: top;
}
.shop .quantity .plus,
.shop .quantity .minus {
border: 1px solid #e5e5e5;
width: 40px;
height: 45px;
line-height: 1.1;
font-weight: bold;
text-align: center;
outline: none;
background: #C6C6C6;
}
@media (min-width: 480px) {
.shop .quantity .plus,
.shop .quantity .minus {
padding: 0.8275862068965517rem 10px;
}
}
.shop .quantity .plus {
border-left-width: 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.shop .quantity .minus {
border-right-width: 0;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.shop #reviews h2 small {
float: right;
color: #C6C6C6;
font-size: 1.0344827586206897em;
line-height: 1.4482758620689655em;
margin: 0.6896551724137931em 0 0 0;
}
.shop #reviews h2 small a {
text-decoration: none;
color: #C6C6C6;
}
.shop #reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
.shop #reviews #comment {
height: 5.172413793103448em;
}
.shop #reviews #comments .add_review:before,
.shop #reviews #comments .add_review:after {
content: " ";
display: table;
}
.shop #reviews #comments .add_review:after {
clear: both;
}
.shop #reviews #comments h2 {
clear: none;
}
.shop #reviews #comments ol.commentlist {
margin: 0;
padding: 0;
width: 100%;
background: none;
list-style: none;
}
.shop #reviews #comments ol.commentlist:before,
.shop #reviews #comments ol.commentlist:after {
content: " ";
display: table;
}
.shop #reviews #comments ol.commentlist:after {
clear: both;
}
.shop #reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 20px;
position: relative;
background: 0;
border: 0;
}
.shop #reviews #comments ol.commentlist li .meta {
color: #C6C6C6;
font-size: 0.75em;
}
.shop #reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 0.20689655172413793em;
width: 32px;
height: auto;
border: 1px solid #e5e5e5;
margin: 0;
line-height: 1;
}
.shop #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 50px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 1em 1em 0;
}
.shop #reviews #comments ol.commentlist li .comment-text:before,
.shop #reviews #comments ol.commentlist li .comment-text:after {
content: " ";
display: table;
}
.shop #reviews #comments ol.commentlist li .comment-text:after {
clear: both;
}
.shop #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em;
}
.shop #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 13px;
}
.shop #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 1.3793103448275863em 0 0 3.4482758620689653em;
}
.shop #reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
.shop #reviews #comments ol.commentlist #respond {
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 1em 1em 0;
margin: 1.3793103448275863em 0 0 3.4482758620689653em;
}
.shop #reviews #comments .commentlist > li:before {
content: "";
}
.shop .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 14px;
line-height: 1em;
font-size: 10px;
width: 5.5em;
font-family: 'star';
}
.shop .star-rating:before {
content: "\73\73\73\73\73";
color: #57bb8a;
float: left;
top: 0;
left: 0;
position: absolute;
}
.shop .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
color: #57bb8a;
}
.shop .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.shop .shop-product-rating {
display: block;
margin-bottom: 1.5862068965517242em;
margin-top: 0.7931034482758621em;
}
.shop .shop-product-rating .shop-review-link {
font-size: 13px;
}
.shop .shop-product-rating .star-rating {
margin: 0.7em 0.27586206896551724em 0 0;
float: left;
}
.shop .products .star-rating {
display: block;
margin: 0 auto .5em;
float: none;
}
.shop .hreview-aggregate .star-rating {
margin: 0.6896551724137931em 0 0 0;
}
.shop #review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0 0 0;
background: transparent none;
border: 0;
}
.shop #review_form #respond:before,
.shop #review_form #respond:after {
content: " ";
display: table;
}
.shop #review_form #respond:after {
clear: both;
}
.shop #review_form #respond .form-submit input {
left: auto;
}
.shop #review_form #respond textarea {
width: 100%;
}
.shop p.stars {
position: relative;
font-size: 1em;
}
.shop p.stars a {
display: inline-block;
margin-right: 1em;
text-indent: -9999px;
position: relative;
color: #999999;
font-size: 14.5px;
}
.shop p.stars a:last-child {
border-right: 0;
}
.shop p.stars a.star-1,
.shop p.stars a.star-2,
.shop p.stars a.star-3,
.shop p.stars a.star-4,
.shop p.stars a.star-5 {
border-right: 1px solid #e5e5e5;
}
.shop p.stars a.star-1:after,
.shop p.stars a.star-2:after,
.shop p.stars a.star-3:after,
.shop p.stars a.star-4:after,
.shop p.stars a.star-5:after {
font-family: 'WooCommerce';
text-indent: 0;
position: absolute;
top: 0;
left: 0;
}
.shop p.stars a.star-1 {
width: 2em;
}
.shop p.stars a.star-1:after {
content: "\e021";
}
.shop p.stars a.star-1:hover:after,
.shop p.stars a.star-1.active:after {
color: #57bb8a;
content: "\e020";
}
.shop p.stars a.star-2 {
width: 3em;
}
.shop p.stars a.star-2:after {
content: "\e021\e021";
}
.shop p.stars a.star-2:hover:after,
.shop p.stars a.star-2.active:after {
color: #57bb8a;
content: "\e020\e020";
}
.shop p.stars a.star-3 {
width: 4em;
}
.shop p.stars a.star-3:after {
content: "\e021\e021\e021";
}
.shop p.stars a.star-3:hover:after,
.shop p.stars a.star-3.active:after {
color: #57bb8a;
content: "\e020\e020\e020";
}
.shop p.stars a.star-4 {
width: 5em;
}
.shop p.stars a.star-4:after {
content: "\e021\e021\e021\e021";
}
.shop p.stars a.star-4:hover:after,
.shop p.stars a.star-4.active:after {
color: #57bb8a;
content: "\e020\e020\e020\e020";
}
.shop p.stars a.star-5 {
width: 6em;
border: 0;
}
.shop p.stars a.star-5:after {
content: "\e021\e021\e021\e021\e021";
}
.shop p.stars a.star-5:hover:after,
.shop p.stars a.star-5.active:after {
color: #57bb8a;
content: "\e020\e020\e020\e020\e020";
}
.shop table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0, 0, 0, 0.1);
margin-bottom: 1.618em;
width: 100%;
}
.shop table.shop_attributes th {
width: 10.344827586206897em;
font-weight: bold;
padding: 0.5517241379310345em;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5em;
}
.shop table.shop_attributes td {
font-style: italic;
padding: 0;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5em;
}
.shop table.shop_attributes td p {
margin: 0;
padding: 0.5517241379310345em 0;
}
.shop table.shop_attributes .alt td,
.shop table.shop_attributes .alt th {
background: rgba(0, 0, 0, 0.025);
}
.shop table.my_account_orders {
font-size: 0.85em;
}
.shop table.my_account_orders th,
.shop table.my_account_orders td {
padding: 0.27586206896551724em 0.5517241379310345em;
vertical-align: middle;
}
.shop table.my_account_orders .button {
white-space: nowrap;
}
.shop table.my_account_orders .order-actions {
text-align: right;
}
.shop table.my_account_orders .order-actions .button {
margin: .125em 0 .125em .25em;
}
.shop td.product-name dl.variation {
margin: .25em 0;
}
.shop td.product-name dl.variation:before,
.shop td.product-name dl.variation:after {
content: " ";
display: table;
}
.shop td.product-name dl.variation:after {
clear: both;
}
.shop td.product-name dl.variation dt,
.shop td.product-name dl.variation dd {
display: inline-block;
float: left;
margin-bottom: 1em;
}
.shop td.product-name dl.variation dt {
font-weight: bold;
padding: 0 0 .25em 0;
margin: 0 0.27586206896551724em 0 0;
clear: left;
}
.shop td.product-name dl.variation dd {
padding: 0 0 .25em 0;
}
.shop td.product-name dl.variation dd p:last-child {
margin-bottom: 0;
}
.shop td.product-name p.backorder_notification {
font-size: 0.83em;
}
.shop td.product-quantity {
min-width: 5.517241379310345em;
}
.shop table.cart .product-thumbnail {
max-width: 60px;
}
.shop table.cart .product-name a {
font-size: 14.5px;
font-weight: bold;
}
.shop table.cart img {
width: 100%;
}
.shop table.cart th,
.shop table.cart td {
vertical-align: middle;
}
.shop table.cart .product-remove {
text-align: center;
}
.shop table.cart a.remove {
display: inline-block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
-webkit-border-radius: 100%;
border-radius: 100%;
color: #bb5857;
text-decoration: none;
font-weight: bold;
}
.shop table.cart a.remove:hover {
background-color: #bb5857;
color: #fff;
}
.shop table.cart td.actions .coupon .input-text {
display: block;
width: 100%;
height: 2.689655172413793em;
padding: 0.5517241379310345rem;
font-size: 14.5px;
line-height: 1.6;
color: #C6C6C6;
background-color: #ffffff;
background-image: none;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none;
display: inline-block;
width: 48%;
float: left;
margin-right: 5px;
}
.shop table.cart td.actions .coupon .input-text:focus {
border-color: #57bb8a;
outline: none;
}
.shop table.cart td.actions .coupon .input-text[disabled],
.shop table.cart td.actions .coupon .input-text[readonly],
fieldset[disabled] .shop table.cart td.actions .coupon .input-text {
cursor: not-allowed;
background-color: #999999;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.shop table.cart td.actions .coupon .input-text {
height: auto;
}
.shop table.cart td.actions .coupon .button {
float: left;
}
@media (max-width: 767px) {
.shop table.cart td.actions .coupon .button {
float: right;
}
}
.shop table.cart input {
margin: 0;
vertical-align: middle;
line-height: 1em;
}
@media (max-width: 767px) {
.shop table.cart input.qty {
border: none;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
}
.shop table.cart .minus {
border-right-width: 1px;
-webkit-border-radius: 3px #e5e5e5 0 0;
border-radius: 3px #e5e5e5 0 0;
}
.shop table.cart .plus {
border-left-width: 1px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
}
.shop ul.cart_list,
.shop ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.shop ul.cart_list li,
.shop ul.product_list_widget li {
padding-bottom: 0.7931034482758621em;
margin-bottom: 0.7931034482758621em;
list-style: none;
border-bottom: 1px solid #e5e5e5;
}
.shop ul.cart_list li:before,
.shop ul.product_list_widget li:before,
.shop ul.cart_list li:after,
.shop ul.product_list_widget li:after {
content: " ";
display: table;
}
.shop ul.cart_list li:after,
.shop ul.product_list_widget li:after {
clear: both;
}
.shop ul.cart_list li:last-child,
.shop ul.product_list_widget li:last-child {
border: none;
}
.shop ul.cart_list li a,
.shop ul.product_list_widget li a {
display: block;
font-size: 100%;
font-weight: 600;
margin-bottom: 0.2em;
color: #333333;
}
.shop ul.cart_list li img,
.shop ul.product_list_widget li img {
float: left;
margin-right: 0.7931034482758621em;
width: 60px;
height: auto;
border: 1px solid #e5e5e5;
}
.shop ul.cart_list li .amount,
.shop ul.product_list_widget li .amount {
font-size: 100%;
}
.shop ul.cart_list li del,
.shop ul.product_list_widget li del {
font-size: 13px;
color: #999999;
margin-left: 0.3448275862068966em;
}
.shop ul.cart_list li ins,
.shop ul.product_list_widget li ins {
background: none;
text-decoration: none;
}
.shop ul.cart_list li dl,
.shop ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
}
.shop ul.cart_list li dl dt,
.shop ul.product_list_widget li dl dt,
.shop ul.cart_list li dl dd,
.shop ul.product_list_widget li dl dd {
display: inline-block;
margin-botom: 1em;
}
.shop ul.cart_list li dl dt,
.shop ul.product_list_widget li dl dt {
font-weight: bold;
padding: 0 0 .25em 0;
margin: 0 4px 0 0;
}
.shop ul.cart_list li dl dd,
.shop ul.product_list_widget li dl dd {
padding: 0 0 .25em 0;
}
.shop ul.cart_list li dl dd p:last-child,
.shop ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.shop ul.cart_list li .star-rating,
.shop ul.product_list_widget li .star-rating {
float: none;
margin-bottom: 0.13793103448275862em;
}
.shop.widget_product_categories ul.product-categories > li:first-child {
border: none;
}
.shop.widget_product_categories ul.product-categories li {
padding: 0;
border-bottom: none;
border-top: 1px solid #e5e5e5;
}
.shop.widget_product_categories ul.product-categories li ul.children li {
padding-left: 1.3793103448275863em;
}
.shop.widget_product_categories ul.product-categories li ul.children li a:before {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop.widget_product_categories ul.product-categories li ul.children li a:before {
margin-right: 0.3448275862068966em;
}
.shop.widget_product_categories ul.product-categories a {
padding: 0.5517241379310345rem 0;
display: inline-block;
}
.shop.widget_product_categories ul.product-categories a:before {
content: "\f0da";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop.widget_product_categories ul.product-categories a:before {
margin-right: 0.3448275862068966em;
}
.shop.widget_product_categories ul.product-categories .count {
color: #999999;
}
.shop.widget_product_search form {
position: relative;
}
.shop.widget_product_search form:before {
content: "\f002";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop.widget_product_search form:before {
width: 2.689655172413793em;
height: 2.689655172413793em;
position: absolute;
right: 0;
text-align: center;
background: #57bb8a;
line-height: 2.689655172413793em;
color: #fff;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.shop.widget_product_search #s {
display: block;
width: 100%;
height: 2.689655172413793em;
padding: 0.5517241379310345rem;
font-size: 14.5px;
line-height: 1.6;
color: #C6C6C6;
background-color: #ffffff;
background-image: none;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none;
}
.shop.widget_product_search #s:focus {
border-color: #57bb8a;
outline: none;
}
.shop.widget_product_search #s[disabled],
.shop.widget_product_search #s[readonly],
fieldset[disabled] .shop.widget_product_search #s {
cursor: not-allowed;
background-color: #999999;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.shop.widget_product_search #s {
height: auto;
}
.shop.widget_product_search #searchsubmit,
.shop.widget_product_search .screen-reader-text {
display: none;
}
.shop .widget_shopping_cart .total {
border-top: 1px solid #e5e5e5;
padding: 0.27586206896551724em 0 0;
margin: 0;
color: #C6C6C6;
}
.shop .widget_shopping_cart .total strong {
min-width: 2.7586206896551726em;
display: inline-block;
}
.shop .widget_shopping_cart .buttons {
padding-top: 0.7931034482758621em;
}
.shop .widget_shopping_cart .buttons:before,
.shop .widget_shopping_cart .buttons:after {
content: " ";
display: table;
}
.shop .widget_shopping_cart .buttons:after {
clear: both;
}
.shop .widget_shopping_cart .buttons .button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
padding: 0.6827586206896552rem 1.0275862068965518rem;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #C6C6C6;
background-color: #C6C6C6;
border-color: #e5e5e5;
margin-right: 0.3448275862068966em;
font-size: 13px;
}
.shop .widget_shopping_cart .buttons .button:hover,
.shop .widget_shopping_cart .buttons .button:focus {
color: #C6C6C6;
text-decoration: none;
}
.shop .widget_shopping_cart .buttons .button i,
.shop .widget_shopping_cart .buttons .button span {
z-index: 2;
position: relative;
}
.shop .widget_shopping_cart .buttons .button.btn-style-outlined {
color: #C6C6C6;
}
.shop .widget_shopping_cart .buttons .button:hover,
.shop .widget_shopping_cart .buttons .button:focus,
.shop .widget_shopping_cart .buttons .button:active,
.shop .widget_shopping_cart .buttons .button.active {
color: #C6C6C6;
background-color: #dcdcdc;
border-color: #cccccc;
}
.shop .widget_shopping_cart .buttons .button:hover.btn-style-outlined,
.shop .widget_shopping_cart .buttons .button:focus.btn-style-outlined,
.shop .widget_shopping_cart .buttons .button:active.btn-style-outlined,
.shop .widget_shopping_cart .buttons .button.active.btn-style-outlined {
color: #cccccc;
}
.shop .widget_shopping_cart .buttons .button:hover.btn-style-3d,
.shop .widget_shopping_cart .buttons .button:focus.btn-style-3d,
.shop .widget_shopping_cart .buttons .button:active.btn-style-3d,
.shop .widget_shopping_cart .buttons .button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #c6c6c6;
box-shadow: 0 5px 0 #c6c6c6;
}
.shop .widget_shopping_cart .buttons .button:active,
.shop .widget_shopping_cart .buttons .button.active {
background-image: none;
}
.shop .widget_shopping_cart .buttons .button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #e5e5e5;
box-shadow: 0 5px 0 #e5e5e5;
}
.shop .widget_shopping_cart .buttons .button:after {
display: none;
}
.shop .widget_shopping_cart .buttons .button.checkout {
color: #ffffff;
background-color: #57bb8a;
border-color: #57bb8a;
}
.shop .widget_shopping_cart .buttons .button.checkout.btn-style-outlined {
color: #57bb8a;
}
.shop .widget_shopping_cart .buttons .button.checkout:hover,
.shop .widget_shopping_cart .buttons .button.checkout:focus,
.shop .widget_shopping_cart .buttons .button.checkout:active,
.shop .widget_shopping_cart .buttons .button.checkout.active {
color: #ffffff;
background-color: #409f70;
border-color: #409f70;
}
.shop .widget_shopping_cart .buttons .button.checkout:hover.btn-style-outlined,
.shop .widget_shopping_cart .buttons .button.checkout:focus.btn-style-outlined,
.shop .widget_shopping_cart .buttons .button.checkout:active.btn-style-outlined,
.shop .widget_shopping_cart .buttons .button.checkout.active.btn-style-outlined {
color: #409f70;
}
.shop .widget_shopping_cart .buttons .button.checkout:hover.btn-style-3d,
.shop .widget_shopping_cart .buttons .button.checkout:focus.btn-style-3d,
.shop .widget_shopping_cart .buttons .button.checkout:active.btn-style-3d,
.shop .widget_shopping_cart .buttons .button.checkout.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.shop .widget_shopping_cart .buttons .button.checkout:active,
.shop .widget_shopping_cart .buttons .button.checkout.active {
background-image: none;
}
.shop .widget_shopping_cart .buttons .button.checkout.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #57bb8a;
box-shadow: 0 5px 0 #57bb8a;
}
.shop .cart-collaterals h2 {
font-size: 1.5em;
font-weight: normal;
margin-top: 0;
}
.shop .cart-collaterals .shipping_calculator .button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #ffffff;
background-color: #57bb8a;
border-color: #57bb8a;
}
.shop .cart-collaterals .shipping_calculator .button:hover,
.shop .cart-collaterals .shipping_calculator .button:focus {
color: #C6C6C6;
text-decoration: none;
}
.shop .cart-collaterals .shipping_calculator .button i,
.shop .cart-collaterals .shipping_calculator .button span {
z-index: 2;
position: relative;
}
.shop .cart-collaterals .shipping_calculator .button.btn-style-outlined {
color: #57bb8a;
}
.shop .cart-collaterals .shipping_calculator .button:hover,
.shop .cart-collaterals .shipping_calculator .button:focus,
.shop .cart-collaterals .shipping_calculator .button:active,
.shop .cart-collaterals .shipping_calculator .button.active {
color: #ffffff;
background-color: #409f70;
border-color: #409f70;
}
.shop .cart-collaterals .shipping_calculator .button:hover.btn-style-outlined,
.shop .cart-collaterals .shipping_calculator .button:focus.btn-style-outlined,
.shop .cart-collaterals .shipping_calculator .button:active.btn-style-outlined,
.shop .cart-collaterals .shipping_calculator .button.active.btn-style-outlined {
color: #409f70;
}
.shop .cart-collaterals .shipping_calculator .button:hover.btn-style-3d,
.shop .cart-collaterals .shipping_calculator .button:focus.btn-style-3d,
.shop .cart-collaterals .shipping_calculator .button:active.btn-style-3d,
.shop .cart-collaterals .shipping_calculator .button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.shop .cart-collaterals .shipping_calculator .button:active,
.shop .cart-collaterals .shipping_calculator .button.active {
background-image: none;
}
.shop .cart-collaterals .shipping_calculator .button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #57bb8a;
box-shadow: 0 5px 0 #57bb8a;
}
.shop .cart-collaterals .shipping_calculator .shipping-calculator-button:after {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.4827586206896552em;
content: "\e02e";
}
.shop .cart-collaterals .cart_totals .shipping-calculator-button {
font-weight: bold;
}
.shop .cart-collaterals .cart_totals p {
margin: 0;
}
.shop .cart-collaterals .cart_totals p small {
color: #C6C6C6;
font-size: 0.83em;
}
.shop .cart-collaterals .cart_totals table {
border-collapse: separate;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 0 6px;
padding: 0;
}
.shop .cart-collaterals .cart_totals table tr:first-child th,
.shop .cart-collaterals .cart_totals table tr:first-child td {
border-top: 0;
}
.shop .cart-collaterals .cart_totals table th {
padding: 0.41379310344827586em 0.8275862068965517em 0 0;
width: 50%;
}
.shop .cart-collaterals .cart_totals table td {
padding: 0.5517241379310345em;
}
.shop .cart-collaterals .cart_totals table td,
.shop .cart-collaterals .cart_totals table th {
padding: 0.5517241379310345em;
line-height: 1.6;
vertical-align: top;
}
.shop .cart-collaterals .cart_totals table small {
display: block;
color: #C6C6C6;
}
.shop .cart-collaterals .cart_totals table select {
width: 100%;
}
.shop .cart-collaterals .cart_totals .discount td {
color: #333333;
}
.shop .cart-collaterals .cart_totals tr td,
.shop .cart-collaterals .cart_totals tr th {
border-top: 1px solid #e5e5e5;
}
.shop .cart-collaterals .cart_totals .checkout-button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #ffffff;
background-color: #57bb8a;
border-color: #57bb8a;
}
.shop .cart-collaterals .cart_totals .checkout-button:hover,
.shop .cart-collaterals .cart_totals .checkout-button:focus {
color: #C6C6C6;
text-decoration: none;
}
.shop .cart-collaterals .cart_totals .checkout-button i,
.shop .cart-collaterals .cart_totals .checkout-button span {
z-index: 2;
position: relative;
}
.shop .cart-collaterals .cart_totals .checkout-button.btn-style-outlined {
color: #57bb8a;
}
.shop .cart-collaterals .cart_totals .checkout-button:hover,
.shop .cart-collaterals .cart_totals .checkout-button:focus,
.shop .cart-collaterals .cart_totals .checkout-button:active,
.shop .cart-collaterals .cart_totals .checkout-button.active {
color: #ffffff;
background-color: #409f70;
border-color: #409f70;
}
.shop .cart-collaterals .cart_totals .checkout-button:hover.btn-style-outlined,
.shop .cart-collaterals .cart_totals .checkout-button:focus.btn-style-outlined,
.shop .cart-collaterals .cart_totals .checkout-button:active.btn-style-outlined,
.shop .cart-collaterals .cart_totals .checkout-button.active.btn-style-outlined {
color: #409f70;
}
.shop .cart-collaterals .cart_totals .checkout-button:hover.btn-style-3d,
.shop .cart-collaterals .cart_totals .checkout-button:focus.btn-style-3d,
.shop .cart-collaterals .cart_totals .checkout-button:active.btn-style-3d,
.shop .cart-collaterals .cart_totals .checkout-button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.shop .cart-collaterals .cart_totals .checkout-button:active,
.shop .cart-collaterals .cart_totals .checkout-button.active {
background-image: none;
}
.shop .cart-collaterals .cart_totals .checkout-button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #57bb8a;
box-shadow: 0 5px 0 #57bb8a;
}
.shop .cart-collaterals .cart_totals a.button.alt {
display: inline-block;
}
.shop .cart-collaterals .cart_totals .order-total .amount {
font-size: 1.2413793103448276em;
color: #57bb8a;
font-weight: normal;
}
.shop .cart-collaterals .cross-sells h3 {
font-size: 1.2413793103448276em;
}
.shop .cart-collaterals .cross-sells ul.products {
margin-top: 30px;
}
.shop .cart-collaterals .cross-sells ul.products li.product {
margin-top: 0;
width: 47% !important;
margin-right: 6% !important;
}
.shop .cart-collaterals .cross-sells ul.products li.product:nth-of-type(2n) {
margin-right: 0 !important;
}
@media (max-width: 767px) {
.shop .cart-collaterals .cross-sells ul.products li.product {
clear: none !important;
float: none !important;
margin: 0 0 1.25em !important;
width: 100% !important;
}
}
.shop form.shop-shipping-calculator .form-row {
margin-bottom: 1.0344827586206897em;
}
.shop form .form-row {
margin-bottom: 1.0344827586206897em;
}
.shop form .form-row button.button,
.shop form .form-row input.button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #C6C6C6;
background-color: #C6C6C6;
border-color: #e5e5e5;
}
.shop form .form-row button.button:hover,
.shop form .form-row input.button:hover,
.shop form .form-row button.button:focus,
.shop form .form-row input.button:focus {
color: #C6C6C6;
text-decoration: none;
}
.shop form .form-row button.button i,
.shop form .form-row input.button i,
.shop form .form-row button.button span,
.shop form .form-row input.button span {
z-index: 2;
position: relative;
}
.shop form .form-row button.button.btn-style-outlined,
.shop form .form-row input.button.btn-style-outlined {
color: #C6C6C6;
}
.shop form .form-row button.button:hover,
.shop form .form-row input.button:hover,
.shop form .form-row button.button:focus,
.shop form .form-row input.button:focus,
.shop form .form-row button.button:active,
.shop form .form-row input.button:active,
.shop form .form-row button.button.active,
.shop form .form-row input.button.active {
color: #C6C6C6;
background-color: #dcdcdc;
border-color: #cccccc;
}
.shop form .form-row button.button:hover.btn-style-outlined,
.shop form .form-row input.button:hover.btn-style-outlined,
.shop form .form-row button.button:focus.btn-style-outlined,
.shop form .form-row input.button:focus.btn-style-outlined,
.shop form .form-row button.button:active.btn-style-outlined,
.shop form .form-row input.button:active.btn-style-outlined,
.shop form .form-row button.button.active.btn-style-outlined,
.shop form .form-row input.button.active.btn-style-outlined {
color: #cccccc;
}
.shop form .form-row button.button:hover.btn-style-3d,
.shop form .form-row input.button:hover.btn-style-3d,
.shop form .form-row button.button:focus.btn-style-3d,
.shop form .form-row input.button:focus.btn-style-3d,
.shop form .form-row button.button:active.btn-style-3d,
.shop form .form-row input.button:active.btn-style-3d,
.shop form .form-row button.button.active.btn-style-3d,
.shop form .form-row input.button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #c6c6c6;
box-shadow: 0 5px 0 #c6c6c6;
}
.shop form .form-row button.button:active,
.shop form .form-row input.button:active,
.shop form .form-row button.button.active,
.shop form .form-row input.button.active {
background-image: none;
}
.shop form .form-row button.button.btn-style-3d,
.shop form .form-row input.button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #e5e5e5;
box-shadow: 0 5px 0 #e5e5e5;
}
.shop form .form-row label.hidden {
visibility: hidden;
}
.shop form .form-row label.inline {
display: inline;
}
.shop form .form-row select {
cursor: pointer;
margin: 0;
}
.shop form .form-row .required {
color: #bb5857;
border: 0;
}
.shop form .form-row .input-checkbox {
display: inline;
margin: -0.06896551724137931em 0.5517241379310345em 0 0;
text-align: center;
vertical-align: middle;
}
.shop form .form-row textarea {
display: block;
height: 2.689655172413793em;
padding: 0.5517241379310345rem;
font-size: 14.5px;
line-height: 1.6;
color: #C6C6C6;
background-color: #ffffff;
background-image: none;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none;
width: 100%;
margin: 0;
outline: 0;
}
.shop form .form-row textarea:focus {
border-color: #57bb8a;
outline: none;
}
.shop form .form-row textarea[disabled],
.shop form .form-row textarea[readonly],
fieldset[disabled] .shop form .form-row textarea {
cursor: not-allowed;
background-color: #999999;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.shop form .form-row textarea {
height: auto;
}
.shop form .form-row textarea {
height: 4em;
display: block;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
}
.shop form .form-row.validate-required.shop-invalid .chosen-single,
.shop form .form-row.validate-required.shop-invalid .chosen-drop,
.shop form .form-row.validate-required.shop-invalid input.input-text,
.shop form .form-row.validate-required.shop-invalid select {
border-color: #bb5857;
}
.shop form .form-row .chosen-container-single .chosen-single {
height: 2.689655172413793em;
line-height: 2.689655172413793em;
background: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #C6C6C6;
border-color: #e5e5e5;
}
.shop form .form-row .chosen-container-single .chosen-single div {
display: block;
height: 16px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
}
.shop form .form-row .chosen-container-single .chosen-single div b {
background-position: 0 0 !important;
}
.shop form .form-row .chosen-container-single .chosen-drop {
background: #ffffff;
color: #C6C6C6;
border-color: #e5e5e5;
-webkit-border-radius: 0 0 3px;
border-radius: 0 0 3px;
-webkit-box-shadow: none;
box-shadow: none;
}
.shop form.login,
.shop form.checkout_coupon,
.shop form.register {
border: 1px solid #e5e5e5;
padding: 1.5862068965517242em;
margin: 2em 0 2em 0px;
text-align: left;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.shop form.login:before,
.shop form.checkout_coupon:before,
.shop form.register:before,
.shop form.login:after,
.shop form.checkout_coupon:after,
.shop form.register:after {
content: " ";
display: table;
}
.shop form.login:after,
.shop form.checkout_coupon:after,
.shop form.register:after {
clear: both;
}
.shop ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
}
.shop ul#shipping_method li {
margin: 0;
padding: .25em 0 .25em 22px;
text-indent: -22px;
list-style: none outside;
}
.shop ul#shipping_method .amount {
font-weight: bold;
}
.shop p.shop-shipping-contents {
margin: 0;
}
.shop .checkout h3 {
font-size: 1.5em;
}
.shop .checkout .col-2 h3#ship-to-different-address label {
display: inline-block;
vertical-align: middle;
padding-left: 0;
font-weight: 600;
}
.shop .checkout .col-2 .notes {
clear: left;
}
.shop .checkout .col-2 .form-row-first {
clear: left;
}
.shop .checkout .create-account small {
font-size: 13px;
color: #C6C6C6;
}
.shop .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.shop .checkout .shipping_address {
clear: both;
}
.shop #payment ul.payment_methods {
text-align: left;
padding: 1em;
border-bottom: 1px solid #e5e5e5;
margin: 0;
list-style: none outside;
}
.shop #payment ul.payment_methods:before,
.shop #payment ul.payment_methods:after {
content: " ";
display: table;
}
.shop #payment ul.payment_methods:after {
clear: both;
}
.shop #payment ul.payment_methods li {
line-height: 2em;
text-align: left;
margin: 0;
font-weight: normal;
}
.shop #payment ul.payment_methods li input {
margin: 0 1em 0 0;
}
.shop #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 0.5em;
position: relative;
}
.shop #payment .about_paypal {
font-size: 13px;
margin-left: 5px;
cursor: help;
}
.shop #payment div.form-row {
padding: 1em;
border-top: 1px solid #e5e5e5;
}
.shop #payment div.payment_box {
position: relative;
width: 96%;
padding: 1em 2%;
margin: 1em 0 1em 0;
font-size: 0.92em;
-webkit-border-radius: 2px;
border-radius: 2px;
line-height: 1.5em;
background-color: #C6C6C6;
color: #C6C6C6;
}
.shop #payment div.payment_box input.input-text,
.shop #payment div.payment_box textarea {
border-color: #e5e5e5;
border-top-color: #cccccc;
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4);
}
.shop #payment div.payment_box .wc-credit-card-form-card-number,
.shop #payment div.payment_box .wc-credit-card-form-card-expiry,
.shop #payment div.payment_box .wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right;
}
.shop #payment div.payment_box .wc-credit-card-form-card-number.visa,
.shop #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.shop #payment div.payment_box .wc-credit-card-form-card-cvc.visa {
background-image: url(../images/icons/credit-cards/visa.png);
}
.shop #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.shop #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.shop #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard {
background-image: url(../images/icons/credit-cards/mastercard.png);
}
.shop #payment div.payment_box .wc-credit-card-form-card-number.laser,
.shop #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.shop #payment div.payment_box .wc-credit-card-form-card-cvc.laser {
background-image: url(../images/icons/credit-cards/laser.png);
}
.shop #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.shop #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.shop #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub {
background-image: url(../images/icons/credit-cards/diners.png);
}
.shop #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.shop #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.shop #payment div.payment_box .wc-credit-card-form-card-cvc.maestro {
background-image: url(../images/icons/credit-cards/maestro.png);
}
.shop #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.shop #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.shop #payment div.payment_box .wc-credit-card-form-card-cvc.jcb {
background-image: url(../images/icons/credit-cards/jcb.png);
}
.shop #payment div.payment_box .wc-credit-card-form-card-number.amex,
.shop #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.shop #payment div.payment_box .wc-credit-card-form-card-cvc.amex {
background-image: url(../images/icons/credit-cards/amex.png);
}
.shop #payment div.payment_box .wc-credit-card-form-card-number.discover,
.shop #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.shop #payment div.payment_box .wc-credit-card-form-card-cvc.discover {
background-image: url(../images/icons/credit-cards/discover.png);
}
.shop #payment div.payment_box span.help {
font-size: 0.7586206896551724em;
color: #C6C6C6;
line-height: 0.896551724137931em;
font-weight: normal;
}
.shop #payment div.payment_box .form-row {
margin: 0 0 1em;
}
.shop #payment div.payment_box p:last-child {
margin-bottom: 0;
}
.shop #payment div.payment_box:after {
content: "";
display: block;
border: 8px solid #C6C6C6;
/* arrow size / color */
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -1px;
left: 0;
margin: -1em 0 0 2em;
}
.shop .order_details {
margin: 0 0 1.5em;
list-style: none;
}
.shop .order_details:before,
.shop .order_details:after {
content: " ";
display: table;
}
.shop .order_details:after {
clear: both;
}
.shop .order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1em;
border-right: 1px dashed #e5e5e5;
padding-right: 2em;
}
.shop .order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5em;
}
.shop .order_details li:last-of-type {
border: none;
}
.shop .addresses .title:before,
.shop .addresses .title:after {
content: " ";
display: table;
}
.shop .addresses .title:after {
clear: both;
}
.shop .addresses .title h3 {
float: left;
}
.shop .addresses .title .edit {
float: right;
}
.shop ol.commentlist.notes li.note p.meta {
font-weight: bold;
margin-bottom: 0;
}
.shop ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.shop ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.shop ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.shop ul.digital-downloads li:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.4827586206896552em;
content: "\e00a";
}
.shop ul.digital-downloads li .count {
float: right;
}
.shop .widget_layered_nav ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.shop .widget_layered_nav ul li {
padding-bottom: 0.7931034482758621em;
margin-bottom: 0.7931034482758621em;
border-bottom: 1px solid #e5e5e5;
list-style: none;
}
.shop .widget_layered_nav ul li:before,
.shop .widget_layered_nav ul li:after {
content: " ";
display: table;
}
.shop .widget_layered_nav ul li:after {
clear: both;
}
.shop .widget_layered_nav ul li:last-child {
border: none;
}
.shop .widget_layered_nav ul li a,
.shop .widget_layered_nav ul li span {
padding: 1px 0;
float: left;
}
.shop .widget_layered_nav ul li a {
position: relative;
}
.shop .widget_layered_nav ul li a:before {
content: "\f096";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop .widget_layered_nav ul li a:before {
width: 1.2em;
}
.shop .widget_layered_nav ul li a:hover:before {
content: "\f046";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop .widget_layered_nav ul li span {
position: relative;
}
.shop .widget_layered_nav ul li span:before {
content: "\f096";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop .widget_layered_nav ul li span:before {
width: 1.2em;
}
.shop .widget_layered_nav ul li span.count {
color: #999999;
}
.shop .widget_layered_nav ul li span.count:before {
display: none;
}
.shop .widget_layered_nav ul li.chosen a:before {
content: "\f14a";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop .widget_layered_nav ul li.chosen a:hover:before {
content: "\f00d";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop .widget_layered_nav ul small.count {
float: right;
margin-left: 0.41379310344827586em;
font-size: 1em;
padding: 0.06896551724137931em 0;
color: #C6C6C6;
}
.shop .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
list-style: none;
}
.shop .widget_layered_nav_filters ul li {
padding-bottom: 0.7931034482758621em;
margin-bottom: 0.7931034482758621em;
border-bottom: 1px solid #e5e5e5;
list-style: none;
border: none;
}
.shop .widget_layered_nav_filters ul li a {
display: block;
}
.shop .widget_layered_nav_filters ul li a:before {
content: "\f14a";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop .widget_layered_nav_filters ul li a:before {
width: 1.2em;
}
.shop .widget_layered_nav_filters ul li a:hover:before {
content: "\f00d";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.shop .widget_price_filter .price_slider {
margin-bottom: 1em;
}
.shop .widget_price_filter .price_slider_amount {
text-align: right;
font-size: 14.5px;
color: #C6C6C6;
}
.shop .widget_price_filter .price_slider_amount:before,
.shop .widget_price_filter .price_slider_amount:after {
content: " ";
display: table;
}
.shop .widget_price_filter .price_slider_amount:after {
clear: both;
}
.shop .widget_price_filter .price_slider_amount #min_price,
.shop .widget_price_filter .price_slider_amount #max_price {
display: none;
}
.shop .widget_price_filter .price_slider_amount .button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
padding: 0.6827586206896552rem 1.0275862068965518rem;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
background-color: #57bb8a;
border-color: #57bb8a;
font-size: 13px;
-webkit-border-radius: 0;
border-radius: 0;
}
.shop .widget_price_filter .price_slider_amount .button:hover,
.shop .widget_price_filter .price_slider_amount .button:focus {
color: #C6C6C6;
text-decoration: none;
}
.shop .widget_price_filter .price_slider_amount .button i,
.shop .widget_price_filter .price_slider_amount .button span {
z-index: 2;
position: relative;
}
.shop .widget_price_filter .price_slider_amount .button.btn-style-outlined {
color: #57bb8a;
}
.shop .widget_price_filter .price_slider_amount .button:hover,
.shop .widget_price_filter .price_slider_amount .button:focus,
.shop .widget_price_filter .price_slider_amount .button:active,
.shop .widget_price_filter .price_slider_amount .button.active {
color: #ffffff;
background-color: #409f70;
border-color: #409f70;
}
.shop .widget_price_filter .price_slider_amount .button:hover.btn-style-outlined,
.shop .widget_price_filter .price_slider_amount .button:focus.btn-style-outlined,
.shop .widget_price_filter .price_slider_amount .button:active.btn-style-outlined,
.shop .widget_price_filter .price_slider_amount .button.active.btn-style-outlined {
color: #409f70;
}
.shop .widget_price_filter .price_slider_amount .button:hover.btn-style-3d,
.shop .widget_price_filter .price_slider_amount .button:focus.btn-style-3d,
.shop .widget_price_filter .price_slider_amount .button:active.btn-style-3d,
.shop .widget_price_filter .price_slider_amount .button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.shop .widget_price_filter .price_slider_amount .button:active,
.shop .widget_price_filter .price_slider_amount .button.active {
background-image: none;
}
.shop .widget_price_filter .price_slider_amount .button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #57bb8a;
box-shadow: 0 5px 0 #57bb8a;
}
.shop .widget_price_filter .price_slider_amount .button {
float: left;
}
.shop .widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.shop .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: pointer;
outline: none;
top: -0.2em;
background: #e5e5e5;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.shop .widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.shop .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #57bb8a;
}
.shop .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #C6C6C6;
}
.shop .widget_price_filter .ui-slider-horizontal {
height: .5em;
}
.shop .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.shop .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.shop .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.minicart-icon {
position: relative;
}
.minicart-icon span {
background: none repeat scroll 0 0 #57bb8a;
-webkit-border-radius: 100%;
border-radius: 100%;
color: #fff;
font-size: 13px;
height: 1.7em;
line-height: 1.7em;
position: absolute;
right: -1.5em;
text-align: center;
top: -1em;
width: 1.7em;
}
.minicart {
display: none;
position: absolute;
-webkit-border-radius: 3px;
border-radius: 3px;
border-style: solid;
border-width: 1px;
z-index: 9999;
border-color: #e5e5e5;
width: 300px;
right: 0px;
-webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
background: #fff;
top: 100%;
}
.minicart:before {
border-color: #e5e5e5;
border-style: solid none none solid;
border-width: 1px 0 0 1px;
content: "";
display: block;
height: 9px;
position: absolute;
right: 20px;
top: -5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 9px;
z-index: 1010;
background: #fff;
}
.minicart .minicart-header {
font-size: 13px;
text-transform: uppercase;
color: #C6C6C6;
padding: 10px;
border-bottom: 1px solid #e5e5e5;
font-weight: normal;
}
.minicart .minicart-body {
padding: 10px;
border-bottom: 1px solid #e5e5e5;
}
.minicart .minicart-body .cart-product {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #e5e5e5;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
overflow: hidden;
position: relative;
}
.minicart .minicart-body .cart-product.cart-product-remove {
height: 0;
padding: 0;
margin: 0;
border: none;
}
.minicart .minicart-body .cart-product:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.minicart .minicart-body .cart-product .cart-product-image {
float: left;
margin-right: 5px;
}
.minicart .minicart-body .cart-product .cart-product-image img {
max-width: 60px;
max-height: 60px;
}
.minicart .minicart-body .cart-product .cart-product-details {
float: left;
font-size: 13px;
color: #C6C6C6;
}
.minicart .minicart-body .cart-product .cart-product-details .cart-product-title {
font-weight: bold;
}
.minicart .minicart-body .cart-product .remove {
position: absolute;
top: 0;
right: 0;
border: 1px solid #e5e5e5;
color: #C6C6C6;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
.minicart .minicart-body .cart-product .remove:hover {
background: #C6C6C6;
}
.minicart .minicart-footer {
padding: 10px;
background-color: #C6C6C6;
}
.minicart .minicart-footer .minicart-total {
font-size: 13px;
text-transform: uppercase;
color: #C6C6C6;
padding: 0 10px 10px;
text-align: center;
font-weight: normal;
}
.minicart .minicart-footer .minicart-actions {
text-align: center;
}
.minicart .minicart-footer .minicart-actions.empty {
text-align: left;
}
.minicart .minicart-footer .minicart-actions .button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.7517241379310344rem 1.1655172413793105rem;
font-size: 14.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
padding: 0.6827586206896552rem 1.0275862068965518rem;
line-height: 1.1;
-webkit-transition: background-color 0.3s,border-color 0.3s;
-o-transition: background-color 0.3s,border-color 0.3s;
transition: background-color 0.3s,border-color 0.3s;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #C6C6C6;
background-color: #C6C6C6;
border-color: #e5e5e5;
float: none;
font-size: 13px;
color: #C6C6C6;
}
.minicart .minicart-footer .minicart-actions .button:hover,
.minicart .minicart-footer .minicart-actions .button:focus {
color: #C6C6C6;
text-decoration: none;
}
.minicart .minicart-footer .minicart-actions .button i,
.minicart .minicart-footer .minicart-actions .button span {
z-index: 2;
position: relative;
}
.minicart .minicart-footer .minicart-actions .button.btn-style-outlined {
color: #C6C6C6;
}
.minicart .minicart-footer .minicart-actions .button:hover,
.minicart .minicart-footer .minicart-actions .button:focus,
.minicart .minicart-footer .minicart-actions .button:active,
.minicart .minicart-footer .minicart-actions .button.active {
color: #C6C6C6;
background-color: #dcdcdc;
border-color: #cccccc;
}
.minicart .minicart-footer .minicart-actions .button:hover.btn-style-outlined,
.minicart .minicart-footer .minicart-actions .button:focus.btn-style-outlined,
.minicart .minicart-footer .minicart-actions .button:active.btn-style-outlined,
.minicart .minicart-footer .minicart-actions .button.active.btn-style-outlined {
color: #cccccc;
}
.minicart .minicart-footer .minicart-actions .button:hover.btn-style-3d,
.minicart .minicart-footer .minicart-actions .button:focus.btn-style-3d,
.minicart .minicart-footer .minicart-actions .button:active.btn-style-3d,
.minicart .minicart-footer .minicart-actions .button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #c6c6c6;
box-shadow: 0 5px 0 #c6c6c6;
}
.minicart .minicart-footer .minicart-actions .button:active,
.minicart .minicart-footer .minicart-actions .button.active {
background-image: none;
}
.minicart .minicart-footer .minicart-actions .button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #e5e5e5;
box-shadow: 0 5px 0 #e5e5e5;
}
.minicart .minicart-footer .minicart-actions .button.checkout-button {
color: #ffffff;
background-color: #57bb8a;
border-color: #57bb8a;
margin-left: 10px;
}
.minicart .minicart-footer .minicart-actions .button.checkout-button.btn-style-outlined {
color: #57bb8a;
}
.minicart .minicart-footer .minicart-actions .button.checkout-button:hover,
.minicart .minicart-footer .minicart-actions .button.checkout-button:focus,
.minicart .minicart-footer .minicart-actions .button.checkout-button:active,
.minicart .minicart-footer .minicart-actions .button.checkout-button.active {
color: #ffffff;
background-color: #409f70;
border-color: #409f70;
}
.minicart .minicart-footer .minicart-actions .button.checkout-button:hover.btn-style-outlined,
.minicart .minicart-footer .minicart-actions .button.checkout-button:focus.btn-style-outlined,
.minicart .minicart-footer .minicart-actions .button.checkout-button:active.btn-style-outlined,
.minicart .minicart-footer .minicart-actions .button.checkout-button.active.btn-style-outlined {
color: #409f70;
}
.minicart .minicart-footer .minicart-actions .button.checkout-button:hover.btn-style-3d,
.minicart .minicart-footer .minicart-actions .button.checkout-button:focus.btn-style-3d,
.minicart .minicart-footer .minicart-actions .button.checkout-button:active.btn-style-3d,
.minicart .minicart-footer .minicart-actions .button.checkout-button.active.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #3d976b;
box-shadow: 0 5px 0 #3d976b;
}
.minicart .minicart-footer .minicart-actions .button.checkout-button:active,
.minicart .minicart-footer .minicart-actions .button.checkout-button.active {
background-image: none;
}
.minicart .minicart-footer .minicart-actions .button.checkout-button.btn-style-3d {
-webkit-box-shadow: 0 5px 0 #57bb8a;
box-shadow: 0 5px 0 #57bb8a;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.shop a.button.loading:before,
.shop button.button.loading:before,
.shop input.button.loading:before,
.shop #respond input#submit.loading:before,
.shop #content input.button.loading:before {
background-image: url(../images/ajax-loader@2x.gif);
background-size: 16px 16px;
}
}
.product-slider-title {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 0.3448275862068966em;
margin-bottom: 1.3793103448275863em;
}
.product-slider-title .el-heading {
font-size: 1.4em;
margin: 0;
position: relative;
display: inline-block;
}
.product-slider-title .el-heading:before {
border-bottom: 2px solid #e5e5e5;
bottom: -8px;
content: "";
height: 0;
left: 0;
position: absolute;
width: 100%;
}
.product-slider-title.color-primary .el-heading {
color: #57bb8a;
}
.product-slider-title.color-primary .el-heading:before {
border-color: #57bb8a;
}
.product-slider-title.color-success .el-heading {
color: #57bb58;
}
.product-slider-title.color-success .el-heading:before {
border-color: #57bb58;
}
.product-slider-title.color-info .el-heading {
color: #5788bb;
}
.product-slider-title.color-info .el-heading:before {
border-color: #5788bb;
}
.product-slider-title.color-warning .el-heading {
color: #f0ad4e;
}
.product-slider-title.color-warning .el-heading:before {
border-color: #f0ad4e;
}
.product-slider-title.color-danger .el-heading {
color: #bb5857;
}
.product-slider-title.color-danger .el-heading:before {
border-color: #bb5857;
}
.caroufredsel.product-slider .caroufredsel_wrapper {
position: static !important;
}
.caroufredsel.product-slider .caroufredsel-wrap ul.products > li {
float: left;
padding: 0;
list-style: none;
margin: 0 0.6896551724137931em !important;
display: block;
clear: none !important;
}
/*--------------------------------------------------------------
1.0 - About Us
--------------------------------------------------------------*/
.section-about-1 .column {
background-color:black;
}
.section-about-1 .column.col-md-4 {
background-color:#ffffff;
}
.section-about-1 .box {
padding-top:50px;
padding-bottom:50px;
padding-left:50px;
padding-right:50px;
color: #fff;
}
.section-about-1 .box h2,
.section-about-1 .box h4 {
color: #fff;
}
.section-about-1 .separator {
width: 100px;
}
.section-about-1 .separator-line {
border-color:#fff;
color:#fff;
}
.section-about-2 .box {
padding-bottom:90px;
}
.section-about-2 .box:first-child {
padding-top:90px;
padding-bottom:50px;
}
.section-about-2 .like-bg .box {
padding-bottom:90px;
padding-left:50px;
padding-top: 0;
}
.section-about-2 .like-bg .box:first-child {
padding-top:90px;
padding-bottom:50px;
padding-left:50px;
}
.section-about-2 .col-md-6 {
background-color:#e0ddd8;
}
.section-about-2 .col-md-6 .box {
padding-top:90px;
padding-bottom:90px;
padding-left:50px;
padding-right:70px;
}
.section-about-2 .separator {
width: 100px;
margin-left: 0;
}
.section-about-2 .separator-line {
border-color:#1f1f1f;
color:#1f1f1f;
}
.section-about-team {
padding-top:90px;
padding-bottom:90px;
background-color:#f7f7f7;
}
.section-about-team .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-about-team .separator {
width: 100px;
}
.section-about-team .separator-line {
border-color:#444444;
color:#444444;
}
.section-about-team .container > .row {
padding-top:70px;
}
.section-about-3 {
padding-top:50px;
padding-bottom:50px;
background-color:black;
}
/*--------------------------------------------------------------
2.0 - Accordion
--------------------------------------------------------------*/
.section-accordion {
padding-top: 50px;
padding-bottom: 20px;
}
/*--------------------------------------------------------------
3.0 - Best Selling Products
--------------------------------------------------------------*/
.section-best-product-grid .separator-line {
border-color:#dd9933;
color:#dd9933;
}
.section-best-product-grid h4 {
font-size:20px;
border-color:#dd9933;
color:#dd9933;
}
.section-best-product-slider .caroufredsel_wrapper {
margin: 0px 0px 14.5px;
}
/*--------------------------------------------------------------
4.0 - Client
--------------------------------------------------------------*/
.section-client {
padding-top:50px;
padding-bottom:50px;
}
.section-client .bg-color {
background-color:#f5f5f5;
}
.section-client .row-custom-padding {
padding-top:20px;
padding-bottom:20px;
}
/*--------------------------------------------------------------
5.0 - Contact
--------------------------------------------------------------*/
.section-contact {
padding-top:0px;
}
.section-contact .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-contact .separator {
width: 100px;
}
.section-contact .separator-line {
border-color:#444444;
color:#444444;
}
.section-contact .container > .row {
padding-bottom:70px;
}
/*--------------------------------------------------------------
6.0 - Counter
--------------------------------------------------------------*/
.section-counters {
padding-top:100px;
padding-bottom:100px;
}
.section-counters.color {
background-color:#34495e;
}
.section-counters.color2 {
background-color:#1abc9c;
}
.counter-items-1,
.counter-items-2,
.counter-items-3,
.counter-items-4,
.iconbox-items,
.welcome-items {
padding-top:20px;
padding-bottom:20px;
}
.counter-items-1 .counter .counter-icon {
font-size:25px;
}
.counter-items-1 .counter .counter-number {
font-size:40px;
}
.counter-items-1 .counter .counter-text {
font-size:20px;
}
.counter-items-2 .counter .counter-number {
font-size:100px;
color:#ffffff;
}
.counter-items-2 .counter .counter-unit {
font-size:70px;
color:#ffffff;
}
.counter-items-2 .counter .counter-text {
font-size:60px;
color:#ffffff;
}
.counter-items-3 .counter .counter-icon,
.counter-items-3 .counter .counter-number {
font-size:40px;
}
.counter-items-3 .counter .counter-text {
font-size:18px;
}
.counter-items-4 .counter .counter-number {
font-size:60px;
color:#ffffff;
}
.counter-items-4 .counter .counter-text {
font-size:20px;
color:#ffffff;
}
/*--------------------------------------------------------------
7.0 - Header
--------------------------------------------------------------*/
.section-header-1 {
padding-top:90px;
padding-bottom:80px;
}
.section-header-2 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(0,0,0,0.7);
}
.section-header-2 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-header-2 h2.text-center {
color: #fff;
}
.section-header-2 .separator {
width: 100px;
}
.section-header-2 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-header-2 .container > .row-custom-padding {
padding-top:70px;
}
.section-header-2 .box {
padding-right:30px;
}
.section-header-2 .box h3 {
color: #ffffff;
}
.section-header-2 .box .progress {
line-height: 10px;
height: 10px;
}
.section-header-2 .box .progress-title {
color: #fff;
}
.section-header-2 .text-block {
color: #fff;
}
.section-header-2 .text-block h3 {
font-size: 1.4em;
color: #ffffff;
margin-top: 0;
}
.section-header-2 button {
background-color:rgba(255,255,255,0.01);
border-color:#fff;
color:#fff;
}
.section-header-2 .row-image-bg {
/*background-image: url(../images/home-parallax-1.jpg);*/
}
.section-header-3 {
padding-top:90px;
padding-bottom:90px;
}
.section-header-3 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-header-3 .separator {
width: 100px;
}
.section-header-3 .separator-line {
border-color:#444444;
color:#444444;
}
.section-header-3 .container > .row-custom-padding {
padding-top:70px;
}
.section-header-4 {
padding-top:50px;
padding-bottom:50px;
background-color:#f5f5f5;
}
.section-header-4 .row-custom-padding {
padding-top:20px;
padding-bottom:20px;
}
/*--------------------------------------------------------------
8.0 - Home 1
--------------------------------------------------------------*/
.section-home1-1 {
padding-top:50px;
padding-bottom:90px;
}
.section-home1-1 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home1-1 .separator {
width: 100px;
}
.section-home1-1 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home1-1 .container > .row-custom-padding {
padding-top:70px;
}
.section-home1-2 .column {
background-color:black;
}
.section-home1-2 .column .box {
padding-top:70px;
padding-bottom:70px;
padding-left:20px;
padding-right:20px;
}
.section-home1-2 .column .box .iconbox-icon i {
color:#ffffff;
border-color:#ffffff;
background-color:rgba(255,255,255,0.01);
}
.section-home1-2 .column .box .iconbox-content h3,
.section-home1-2 .column .box .iconbox-content p {
color:#ffffff;
}
.section-home1-3 .bg-white {
background-color: #fff;
}
.section-home1-3 .box {
padding-top:90px;
padding-bottom:90px;
padding-left:30px;
padding-right:30px;
}
.section-home1-3 .separator {
width: 100px;
margin-left: 0;
}
.section-home1-3 .separator-line {
border-color:#1f1f1f;
color:#1f1f1f;
}
.section-home1-3 .row-image-bg {
/*background-image: url(../images/home-parallax-2.png);*/
}
.section-home1-4 {
padding-top:90px;
}
.section-home1-4 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home1-4 .separator {
width: 100px;
}
.section-home1-4 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home1-4 .row-custom-padding {
padding-top:70px;
}
.section-home1-4 .row-custom-padding {
padding-top:70px;
}
.section-home1-4 .row-image-bg {
/*background-image: url(../images/geometry2.png)*/;
}
.section-home1-5 {
padding-top:90px;
padding-bottom:45px;
}
.section-home1-5 {
padding-top:90px;
padding-bottom:45px;
}
.section-home1-5 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home1-5 .separator {
width: 100px;
}
.section-home1-5 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home1-5 .container > .row-custom-padding {
padding-top:70px;
}
.section-home1-6 {
padding-top:50px;
padding-bottom:50px;
background-color:#f5f5f5;
}
.section-home1-6 .row-custom-padding {
padding-top:20px;
padding-bottom:20px;
}
/*--------------------------------------------------------------
9.0 - Home 2
--------------------------------------------------------------*/
.section-home2-1 {
padding-top:90px;
padding-bottom:90px;
}
.section-home2-2 {
padding-top:90px;
background-color:#f9f9f9;
}
.section-home2-2 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home2-2 .separator {
width: 100px;
}
.section-home2-2 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home2-2 .row-custom-padding {
padding-top:70px;
}
.section-home2-3 {
padding-top:75px;
padding-bottom:75px;
background-color:black;
}
.section-home2-3 .cta-style-square {
background-color:black;
border-color:black;
}
.section-home2-3 .cta-style-square h3,
.section-home2-3 .cta-style-square h4 {
color:#ffffff;
}
.section-home2-4 {
padding-top:90px;
padding-bottom:90px;
background-color:#fcfcfc;
}
.section-home2-4 .separator {
width: 100px;
margin-left:0;
}
.section-home2-4 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home2-4 .dh-lists i {
color:black;
}
.section-home2-5 .column {
background-color:black;
}
.section-home2-5 .column .box {
padding-top:70px;
padding-bottom:70px;
padding-left:20px;
padding-right:20px;
}
.section-home2-5 .column .box .iconbox-icon i {
color:#ffffff;
border-color:#ffffff;
background-color:rgba(255,255,255,0.01);
}
.section-home2-5 .column .box .iconbox-content h3,
.section-home2-5 .column .box .iconbox-content p {
color:#ffffff;
}
/*--------------------------------------------------------------
10.0 - Home 3
--------------------------------------------------------------*/
.section-home3-1 {
padding-top:90px;
padding-bottom:90px;
}
.section-home3-1 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home3-1 .separator {
width: 100px;
}
.section-home3-1 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home3-1 .container > .row-custom-padding {
padding-top:70px;
}
.section-home3-1 .box {
padding-top:50px;
padding-bottom:50px;
}
.section-home3-2 {
padding-top:90px;
padding-bottom:90px;
background-color:#f9f9f9;
}
.section-home3-2 .separator {
width: 100px;
margin: 0;
}
.section-home3-2 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home3-2 .progress {
line-height: 10px;
height: 10px;
}
.section-home3-3 {
padding-top:90px;
}
.section-home3-3 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home3-3 .separator {
width: 100px;
}
.section-home3-3 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home3-3 .row-custom-padding {
padding-top:70px;
}
.section-home3-3 .row-image-bg {
/*background-image: url(../images/geometry2.png);*/
}
.section-home3-4 {
padding-top:90px;
padding-bottom:45px;
}
.section-home3-4 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home3-4 .separator {
width: 100px;
}
.section-home3-4 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home3-4 .container > .row-custom-padding {
padding-top:70px;
}
.section-home3-5 .column:first-child {
background-color:#3b5998;
}
.section-home3-5 .column + .column {
background-color:#dd4b39;
}
.section-home3-5 .column + .column + .column {
background-color:#00aced;
}
.section-home3-5 .column + .column + .column + .column {
background-color:#cb2027;
}
.section-home3-5 .column i {
color: #fff;
}
/*--------------------------------------------------------------
11.0 - Home 4
--------------------------------------------------------------*/
.section-home4-1 {
padding-top:90px;
padding-bottom:90px;
}
.section-home4-1 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:#c61d31;
}
.section-home4-1 h4 {color: #444; font-weight: 300; }
.section-home4-1 .separator {
width: 100px;
}
.section-home4-1 .separator-line {
border-color:black;
color:black;
}
.section-home4-1 .container > .row-custom-padding {
padding-top:70px;
}
.section-home4-2 {
padding-top:90px;
}
.section-home4-2 .separator {
width: 100px;
margin: 0;
}
.section-home4-2 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home4-2 .row-image-bg {
/*background-image: url(../images/geometry2.png);*/
}
.section-home4-3 {
padding-top:90px;
padding-bottom:90px;
}
.section-home4-3 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home4-3 .separator {
width: 100px;
}
.section-home4-3 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home4-3 .row-custom-padding {
padding-top:50px;
}
.section-home4-4 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(0,0,0,0.4);
}
.section-home4-4 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-home4-4 h2.text-center {
color: #fff;
}
.section-home4-4 .separator {
width: 100px;
}
.section-home4-4 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-home4-4 .container > .row-custom-padding {
padding-top:70px;
}
.section-home4-4 .box {
padding-right: 30px;
}
.section-home4-4 .box h3 {
color: #ffffff;
}
.section-home4-4 .box .progress {
line-height: 10px;
height: 10px;
}
.section-home4-4 .box .progress-title {
color: #fff;
}
.section-home4-4 .text-block {
color: #fff;
}
.section-home4-4 .text-block h3 {
font-size: 1.4em;
color: #ffffff;
margin-top: 0;
}
.section-home4-4 .text-block h1{
color:#FFF;
background: rgba(250, 98, 0, 0.6) none repeat scroll 0 0;
border-radius:10px;
padding:20px;
}
.section-home4-4 button {
background-color:rgba(255,255,255,0.01);
border-color:#fff;
color:#fff;
}
.section-home4-4 .row-image-bg {
/*background-image: url(../images/slideshow/bar-super_exposito.jpg);*/
}
.section-home4-5 .column {
background-color:#3b5998;
}
.section-home4-5 .column + .column {
background-color:#dd4b39;
}
.section-home4-5 .column + .column + .column {
background-color:#00aced;
}
.section-home4-5 .box {
padding-top:70px;
padding-bottom:70px;
padding-left:20px;
padding-right:20px;
}
.section-home4-5 .box {
padding-top:70px;
padding-bottom:70px;
padding-left:20px;
padding-right:20px;
}
.section-home4-5 .box .iconbox-icon i {
color:#ffffff;
border-color:#ffffff;
background-color:rgba(255,255,255,0.01);
}
.section-home4-5 .box .iconbox-content h3 {
color:#ffffff;
}
/*--------------------------------------------------------------
12.0 - Home 5
--------------------------------------------------------------*/
.section-home5-1 {
padding-top:20px;
padding-bottom:20px;
background-color:black;
}
.section-home5-1 .cta-style-outlined {
background-color:black;
border-color:black;
}
.section-home5-1 .cta-style-outlined h3,
.section-home5-1 .cta-style-outlined h4 {
color: #fff;
}
.section-home5-2 {
padding-top:90px;
padding-bottom:90px;
}
.section-home5-2 .container > .row-custom-padding {
padding-top:50px;
}
.section-home5-3 {
padding-top:90px;
background-color:#f7f7f7;
}
.section-home5-3 .container > .row-custom-padding {
padding-top:70px;
}
.section-home5-3 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home5-3 h2.text-center {
color: #fff;
}
.section-home5-3 .separator {
width: 100px;
}
.section-home5-3 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home5-4 {
padding-top:90px;
padding-bottom:30px;
background-color:#f7f7f7;
}
.section-home5-4 .separator {
width: 100px;
margin-left: 0;
}
.section-home5-4 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home5-5 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(0,0,0,0.75);
}
.section-home5-5 .counter-icon,
.section-home5-5 .counter-number {
font-size:40px;
color:#ffffff;
}
.section-home5-5 .counter-unit {
font-size:30px;
color:#ffffff;
}
.section-home5-5 .counter-text {
font-size:18px;
color:#ffffff;
}
.section-home5-5 .row-image-bg {
/*background-image: url(../images/home-parallax-1.jpg);*/
}
.section-home5-6 {
padding-top:90px;
padding-bottom:45px;
}
.section-home5-6 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home5-6 .separator {
width: 100px;
}
.section-home5-6 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home5-6 .container > .row-custom-padding {
padding-top:70px;
}
.section-home5-7 .column:first-child {
background-color:#3b5998;
}
.section-home5-7 .column + .column {
background-color:#dd4b39;
}
.section-home5-7 .column + .column + .column {
background-color:#00aced;
}
.section-home5-7 .column + .column + .column + .column {
background-color:#cb2027;
}
.section-home5-7 .column i {
color: #fff;
}
/*--------------------------------------------------------------
13.0 - Home 6
--------------------------------------------------------------*/
.section-home6-1 {
padding-top:90px;
padding-bottom:90px;
}
.section-home6-2 {
padding-top:90px;
}
.section-home6-2 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home6-2 .separator {
width: 100px;
}
.section-home6-2 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home6-2 .row-custom-padding {
padding-top:70px;
}
.section-home6-2 .row-image-bg {
/*background-image: url(../images/geometry2.png);*/
}
.section-home6-3 {
padding-top:20px;
padding-bottom:20px;
background-color:black;
}
.section-home6-3 .cta-style-outlined {
background-color:black;
border-color:black;
}
.section-home6-3 .cta-style-outlined h3 {
color: #fff;
}
.section-home6-4 {
padding-top:70px;
padding-bottom:70px;
}
.section-home6-4 .separator {
width: 200px;
}
.section-home6-4 .separator i {
font-size:14px;
border-color:#565656;
color:#565656;
}
.section-home6-4 .separator-line {
border-color:#565656;
color:#565656;
}
.section-home6-5 {
padding-top:90px;
background-color:#f5f5f5;
}
.section-home6-5 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-home6-5 .separator {
width: 100px;
margin-left: 0;
}
.section-home6-5 .separator-line {
border-color:#444444;
color:#444444;
}
.section-home6-5 .dh-lists i {
color:black;
}
.section-home6-6 .column {
background-color:#9cae92;
}
.section-home6-6 .column + .column {
background-color:#c4a798;
}
.section-home6-6 .column + .column + .column {
background-color:#72b7c4;
}
.section-home6-6 .column .box {
padding-top:70px;
padding-bottom:70px;
padding-left:20px;
padding-right:20px;
}
.section-home6-6 .column h3,
.section-home6-6 .column h4,
.section-home6-6 .column .text-block {
color: #fff;
}
/*--------------------------------------------------------------
13.0 - Home 7
--------------------------------------------------------------*/
.section-home7-1 {
padding-top:70px;
padding-bottom:55px;
background-color:black;
}
.section-home7-1 i {
color:#ffffff;
border-color:#ffffff;
background-color:rgba(255,255,255,0.01);
}
.section-home7-1 h3,
.section-home7-1 p {
color:#ffffff;
}
.section-home7-2 .bg-white {
background-color: #ffffff;
}
.section-home7-2 .box-custom-margin-padding {
padding-top:90px;
padding-bottom:90px;
padding-right:50px;
}
.section-home7-2 .separator {
width: 100px;
margin-left: 0;
}
.section-home7-2 .separator-line {
border-color:#1f1f1f;
color:#1f1f1f;
}
.section-home7-2 .row-image-bg {
/*background-image: url(../images/home-7-parallax.jpg);*/
}
.section-home7-3 .bg-white {
background-color:rgba(255,255,255,0.8);
}
.section-home7-3 .box-custom-margin-padding {
padding-top:90px;
padding-bottom:90px;
padding-left:30px;
padding-right:30px;
}
.section-home7-3 .box-custom-margin-padding {
padding-top:90px;
padding-bottom:90px;
padding-left:30px;
padding-right:30px;
}
.section-home7-3 .separator {
width: 100px;
margin-left: 0;
}
.section-home7-3 .separator-line {
border-color:#1f1f1f;
color:#1f1f1f;
}
.section-home7-3 .iconbox-icon i {
color:#1f1f1f;
border-color:#1f1f1f;
background-color:rgba(0,0,0,0.01);
}
.section-home7-3 .row-image-bg {
/*background-image: url(../images/slideshow/slide3.jpg);*/
}
.section-home7-4 {
padding-top:90px;
padding-bottom:90px;
}
.section-home7-4 .separator {
width: 100px;
margin-left: 0;
}
.section-home7-4 .separator-line {
border-color:#1f1f1f;
color:#1f1f1f;
}
.section-home7-4 .container > .row-custom-padding {
padding-top:50px;
}
.section-home7-5 {
padding-top:20px;
padding-bottom:20px;
background-color:black;
}
.section-home7-5 .cta-style-outlined {
background-color:black;
border-color:black;
}
.section-home7-5 .cta-style-outlined h3 {
color: #fff;
}
.section-home7-6 .box-custom-margin-padding {
padding-top:70px;
padding-bottom:70px;
padding-left:20px;
padding-right:20px;
}
.section-home7-7 {
padding-top:70px;
padding-bottom:70px;
background-color:#f7f7f7;
}
.section-home7-8 {
padding-top:90px;
padding-bottom:90px;
}
/*--------------------------------------------------------------
14.0 - Home Agency
--------------------------------------------------------------*/
.section-agency-1 {
padding-top:40px;
padding-bottom:40px;
background-color:#f5f5f5;
}
.section-agency-2 {
padding-top:90px;
padding-bottom:90px;
}
.section-agency-2 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-agency-2 .separator {
width: 100px;
}
.section-agency-2 .separator-line {
border-color:#444444;
color:#444444;
}
.section-agency-2 .container > .row-custom-padding {
padding-top:50px;
}
.section-agency-3 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(0,0,0,0.7);
}
.section-agency-3 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-agency-3 h2.text-center {
color: #ffffff;
}
.section-agency-3 .separator {
width: 100px;
}
.section-agency-3 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-agency-3 .container > .row-custom-padding {
padding-top:70px;
}
.section-agency-3 .box {
padding-right: 30px;
}
.section-agency-3 .box h3 {
color: #ffffff;
}
.section-agency-3 .box .progress {
line-height: 10px;
height: 10px;
}
.section-agency-3 .box .progress-title {
color: #fff;
}
.section-agency-3 .text-block {
color: #fff;
}
.section-agency-3 .text-block h3 {
font-size: 1.4em;
color: #ffffff;
margin-top: 0;
}
.section-agency-3 button {
background-color:rgba(255,255,255,0.01);
border-color:#fff;
color:#fff;
}
.section-agency-3 .row-image-bg {
/*background-image: url(../images/slideshow/bar-super_exposito.jpg);*/
}
.section-agency-4 {
padding-top:90px;
}
.section-agency-4 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-agency-4 .separator {
width: 100px;
}
.section-agency-4 .separator-line {
border-color:#444444;
color:#444444;
}
.section-agency-4 .row-custom-padding {
padding-top:70px;
}
.section-agency-5 {
padding-top:90px;
padding-bottom:90px;
background-color:#f7f7f7;
}
.section-agency-5 {
padding-top:90px;
padding-bottom:90px;
background-color:#f7f7f7;
}
.section-agency-5 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-agency-5 .separator {
width: 100px;
}
.section-agency-5 .separator-line {
border-color:#444444;
color:#444444;
}
.section-agency-5 .container > .row-custom-padding {
padding-top:70px;
}
.section-agency-6 {
padding-top:90px;
padding-bottom:45px;
}
.section-agency-6 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-agency-6 .separator {
width: 100px;
}
.section-agency-6 .separator-line {
border-color:#444444;
color:#444444;
}
.section-agency-6 .container > .row-custom-padding {
padding-top:70px;
}
.section-agency-7 {
padding-top:70px;
padding-bottom:70px;
background-color:#f7f7f7;
}
.section-agency-8 {
padding-top:90px;
}
.section-agency-8 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-agency-8 .separator {
width: 100px;
}
.section-agency-8 .separator-line {
border-color:#444444;
color:#444444;
}
.section-agency-8 .container > .row-custom-padding {
padding-top:70px;
padding-bottom:70px;
}
/*--------------------------------------------------------------
15.0 - Home Business
--------------------------------------------------------------*/
.section-business-1 {
padding-top:90px;
padding-bottom:75px;
background-color:black;
}
.section-business-1 .iconbox-icon i {
color:#ffffff;
border-color:#ffffff;
background-color:rgba(255,255,255,0.01);
}
.section-business-1 .iconbox-content h3,
.section-business-1 .iconbox-content p {
color:#ffffff;
}
.section-business-2 {
padding-top:90px;
padding-bottom:30px;
background-color:#f7f7f7;
}
.section-business-2 .separator {
width: 100px;
margin-left:0;
}
.section-business-2 .separator-line {
border-color:#444444;
color:#444444;
}
.section-business-3 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(0,0,0,0.75);
}
.section-business-3 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-business-3 h2.text-center {
color: #fff;
}
.section-business-3 .separator {
width: 100px;
}
.section-business-3 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-business-3 .container > .row-custom-padding {
padding-top:70px;
}
.section-business-3 .piechart h3 {
color: #fff;
}
.section-business-3 .row-image-bg {
/*background-image: url(../images/home-parallax-1.jpg);*/
}
.section-business-4 {
padding-top:90px;
padding-bottom:70px;
background-color:#f7f7f7;
}
.section-business-4 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-business-4 .separator {
width: 100px;
}
.section-business-4 .separator-line {
border-color:#444444;
color:#444444;
}
.section-business-5 {
padding-top:90px;
padding-bottom:45px;
}
.section-business-5 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-business-5 .separator {
width: 100px;
}
.section-business-5 .separator-line {
border-color:#444444;
color:#444444;
}
.section-business-5 .container > .row-custom-padding {
padding-top:70px;
}
.section-business-6 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(87,187,138,0.9);
}
.section-business-6 h1 span {
color: #fff;
}
.section-business-6 .text-block p {
font-size: 16px;
color: #fff;
}
.section-business-6 .btn-custom-color {
padding:10px 40px 10px 40px;
border-width:2px;
font-size:16px;
background-color:rgba(0,0,0,0.01);
border-color:#fff; color:#fff;
}
.section-business-7 {
padding-top:90px;
}
.section-business-7 .column {
bottom: -80px;
}
.section-business-7 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-business-7 .separator {
width: 100px;
}
.section-business-7 .separator-line {
border-color:#444444;
color:#444444;
}
.section-business-7 .row-custom-padding {
padding-top: 70px;
}
/*--------------------------------------------------------------
16.0 - Home Corporate
--------------------------------------------------------------*/
.section-corporate-1 {
padding-top:90px;
padding-bottom:90px;
}
.section-corporate-2 {
padding-top:90px;
background-color:#f7f7f7;
}
.section-corporate-2 .separator {
width: 100px;
margin-left: 0;
}
.section-corporate-2 .separator-line {
border-color:#444444;
color:#444444;
}
.section-corporate-2 .raw-html > div {
margin-top: 20px;
}
.section-corporate-2 .raw-html > div i {
margin-right: 20px;
}
.section-corporate-2 .raw-html > div i:last-child {
margin-right: 0px;
}
.section-corporate-3 {
padding-top:75px;
padding-bottom:75px;
background-color:black;
}
.section-corporate-3 .column {
bottom: -20px;
}
.section-corporate-3 .column .cta-style-square {
background-color:black;
border-color:black;
}
.section-corporate-3 .column .cta-style-square h3,
.section-corporate-3 .column .cta-style-square h4 {
color: #fff;
}
.section-corporate-4 {
padding-top:90px;
padding-bottom:90px;
}
.section-corporate-4 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-corporate-4 .separator {
width: 100px;
}
.section-corporate-4 .separator-line {
border-color:#444444;
color:#444444;
}
.section-corporate-4 .row-custom-padding {
padding-top:70px;
}
.section-corporate-5 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(0,0,0,0.7);
}
.section-corporate-5 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-corporate-5 h2.text-center {
color: #fff;
}
.section-corporate-5 .separator {
width: 100px;
}
.section-corporate-5 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-corporate-5 .row-custom-padding {
padding-top: 70px;
}
.section-corporate-5 .box {
padding-right: 30px;
}
.section-corporate-5 .box h3 {
color: #ffffff;
}
.section-corporate-5 .box .progress {
line-height: 10px;
height: 10px;
}
.section-corporate-5 .box .progress-title {
color: #fff;
}
.section-corporate-5 .text-block {
color: #fff;
}
.section-corporate-5 .text-block h3 {
font-size: 1.4em;
color: #ffffff;
margin-top: 0;
}
.section-corporate-5 button {
background-color:rgba(255,255,255,0.01);
border-color:#fff;
color:#fff;
}
.section-corporate-5 .row-image-bg {
/*background-image: url(../images/home-parallax-1.jpg);*/
}
.section-corporate-6 {
padding-top:90px;
padding-bottom:90px;
}
.section-corporate-6 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-corporate-6 .separator {
width: 100px;
}
.section-corporate-6 .separator-line {
border-color:#444444;
color:#444444;
}
.section-corporate-6 .container > .row-custom-padding {
padding-top:70px;
}
.section-corporate-7 {
padding-top:90px;
padding-bottom:90px;
background-color:#f7f7f7;
}
.section-corporate-7 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-corporate-7 .separator {
width: 100px;
}
.section-corporate-7 .separator-line {
border-color:#444444;
color:#444444;
}
.section-corporate-7 .container > .row-custom-padding {
padding-top:70px;
}
.section-corporate-8 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(42,46,58,0.9);
}
.section-corporate-8 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(42,46,58,0.9);
}
.section-corporate-8 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-corporate-8 h2.text-center {
color: #fff;
}
.section-corporate-8 .separator {
width: 100px;
}
.section-corporate-8 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-corporate-8 .container > .row-custom-padding {
padding-top:40px;
padding-bottom:40px;
background-color:rgba(0,0,0,0.35);
}
.section-corporate-8 .container > .row-custom-padding .caroufredsel-items {
color: #fff;
}
.section-corporate-8 .row-image-bg {
/*background-image: url(../images/testimonials.jpg);*/
}
/*--------------------------------------------------------------
17.0 - Home Landing
--------------------------------------------------------------*/
.section-landing-1 {
padding-top:90px;
padding-bottom:90px;
background-color:#293134;
}
.section-landing-1 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-landing-1 .heading-typed {
color: #fff;
text-align: center;
}
.section-landing-1 .heading-typed > span {
color:black
}
.section-landing-1 .separator {
width: 100px;
}
.section-landing-1 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-landing-1 .container > .row-custom-padding {
padding-top:70px;
}
.section-landing-1 .iconbox-content h3 {
color:black;
}
.section-landing-1 .iconbox-content p {
color:#ffffff;
}
.section-landing-2 {
padding-top:90px;
padding-bottom:40px;
background-color:#34495e;
}
.section-landing-2 {
padding-top:90px;
padding-bottom:40px;
background-color:#34495e;
}
.section-landing-2 .heading-typed {
color: #fff;
text-align: left;
}
.section-landing-2 .heading-typed > span {
color:black
}
.section-landing-2 .separator {
width: 100px;
margin-left: 0;
}
.section-landing-2 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-landing-2 .text-block p {
color:#ffffff;
}
.section-landing-2 .text-block h4 {
color: #fff;
margin-top: 40px;
}
.section-landing-3 {
padding-top:90px;
padding-bottom:90px;
background-color:#293134;
}
.section-landing-3 {
padding-top:90px;
padding-bottom:90px;
background-color:#293134;
}
.section-landing-3 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-landing-2 .heading-typed {
color: #fff;
}
.section-landing-2 .heading-typed > span {
color:black
}
.section-landing-3 .separator {
width: 100px;
}
.section-landing-3 .heading-typed {
color: #fff;
}
.section-landing-3 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-landing-3 .container > .row-custom-padding {
padding-top:70px;
}
.section-landing-3 .container > .row-custom-padding img {
border-width:10px;
border-color:#242b2d;
}
.section-landing-3 .container > .row-custom-padding h4 span {
color: #ffffff;
}
.section-landing-4 {
padding-top:90px;
padding-bottom:40px;
background-color:#34495e;
}
.section-landing-4 .heading-typed {
color: #fff;
text-align: left;
}
.section-landing-4 .heading-typed > span {
color:black
}
.section-landing-4 .separator {
width: 100px;
margin-left: 0;
}
.section-landing-4 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-landing-4 .text-block p {
color:#ffffff;
}
.section-landing-5 {
padding-top:90px;
padding-bottom:90px;
background-color:#293134;
}
.section-landing-5 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-landing-5 .heading-typed {
color: #fff;
text-align: center;
}
.section-landing-5 .heading-typed > span {
color:black
}
.section-landing-5 .separator {
width: 100px;
}
.section-landing-5 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-landing-5 .container > .row-custom-padding {
padding-top:70px;
}
.section-landing-5 .iconbox-content p,
.section-landing-5 .iconbox-content h3 {
color:#ffffff;
}
.section-landing-6 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(42,46,58,0.9);
}
.section-landing-6 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-landing-6 .heading-typed {
color: #fff;
}
.section-landing-6 .heading-typed > span {
color:black
}
.section-landing-6 .separator {
width: 100px;
}
.section-landing-6 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-landing-6 .row-custom-padding-1 {
padding-bottom:70px;
}
.section-landing-6 .row-custom-padding-2 {
padding-top:40px;
padding-bottom:40px;
background-color:rgba(0, 0, 0, 0.35);
}
.section-landing-6 .row-custom-padding-2 .caroufredsel-items {
color: #fff;
}
.section-landing-6 .row-image-bg {
/*background-image: url(../images/testimonials.jpg);*/
}
.section-landing-7 {
padding-top:90px;
padding-bottom:90px;
background-color:#34495e;
}
.section-landing-7 {
padding-top:90px;
padding-bottom:90px;
background-color:#34495e;
}
.section-landing-7 .heading-typed {
color: #fff;
}
.section-landing-7 .heading-typed > span {
color:black
}
.section-landing-7 .separator {
width: 100px;
margin-left: 0;
}
.section-landing-7 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-landing-7 .text-block p {
color:#ffffff;
}
.section-landing-8 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(41,49,52,0.9);
}
.section-landing-8 .heading-typed {
color: #fff;
text-align: center;
}
.section-landing-8 .heading-typed > span {
color:black
}
.section-landing-8 .text-block p {
text-align: center;
font-size: 16px;
color: #ffffff;
}
.section-landing-8 .row-image-bg {
/*background-image: url(../images/home-parallax-1.jpg);*/
}
/*--------------------------------------------------------------
18.0 - Home News
--------------------------------------------------------------*/
.section-onepage-1 {
padding-top:90px;
padding-bottom:90px;
}
.section-onepage-1 .container > .row-custom-padding {
padding-top:50px;
}
.section-onepage-2 {
padding-top:90px;
padding-bottom:50px;
background-color:#f7f7f7;
}
.section-onepage-3 {
padding-top:50px;
padding-bottom:50px;
background-color:black;
}
.section-onepage-3 .cta-style-outlined {
background-color:black;
border-color:black;
}
.section-onepage-3 .cta-style-outlined h3,
.section-onepage-3 .cta-style-outlined h4 {
color: #fff;
}
.section-onepage-4 {
padding-top:90px;
}
.section-onepage-4 .row-custom-padding {
padding-top:70px;
}
.section-onepage-5 {
padding-top:90px;
padding-bottom:90px;
}
.section-onepage-5 .container > .row-custom-padding {
padding-top:50px;
}
.section-onepage-6 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(0,0,0,0.63);
}
.section-onepage-6 .column .box {
padding-top: 20px;
padding-bottom: 20px;
}
.section-onepage-6 .column.col-md-6 .box {
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
}
.section-onepage-6 .column.col-md-6 .box h2,
.section-onepage-6 .column.col-md-6 .box .text-block {
color: #fff;
}
.section-onepage-6 .column.col-md-6 .box .btn-custom-color {
background-color:rgba(255,255,255,0.01);
border-color:#ffffff;
color:#ffffff;
}
.section-onepage-6 .counter-number {
font-size:40px;
color:#ffffff;
}
.section-onepage-6 .counter-unit {
font-size:30px;
color:#ffffff;
}
.section-onepage-6 .counter-text {
font-size:18px;
color:#ffffff;
}
.section-onepage-6 .row-image-bg {
/*background-image: url(../images/slideshow/bar-super_exposito.jpg);*/
}
.section-onepage-7 {
padding-top:90px;
padding-bottom:45px;
}
.section-onepage-7 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-onepage-7 .separator {
width: 100px;
}
.section-onepage-7 .separator-line {
border-color:#444444;
color:#444444;
}
.section-onepage-7 .container > .row-custom-padding {
padding-top:70px;
}
.section-onepage-8 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(41,49,52,0.9);
}
.section-onepage-8 h2 {
color: #fff;
}
.section-onepage-8 .text-block {
text-align: center;
font-size: 16px;
color: #ffffff;
}
.section-onepage-8 .row-image-bg {
/*background-image: url(../images/street-4.jpg);*/
}
.section-onepage-9 {
padding-top:90px;
padding-bottom:90px;
}
.section-onepage-9 .container > .row-custom-padding {
padding-top:70px;
}
/*--------------------------------------------------------------
19.0 - Home Shop
--------------------------------------------------------------*/
.section-shop-1 {
padding-top:30px;
padding-bottom:15px;
}
.section-shop-2 {
padding-top:40px;
padding-bottom:40px;
background-color:#f7f7f7;
}
/*--------------------------------------------------------------
20.0 - Index
--------------------------------------------------------------*/
.section-index-1 {
padding-top:90px;
padding-bottom:90px;
}
.section-index-1 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-index-1 .separator {
width: 100px;
}
.section-index-1 .separator-line {
border-color:#444444;
color:#444444;
}
.section-index-1 .container > .row-custom-padding {
padding-top:50px;
}
.section-index-2 .row-absolute-bg .column:first-child {
background-color:rgba(87,187,138,0.8);
}
.section-index-2 .box {
padding-top:90px;
padding-bottom:90px;
padding-right:50px;
}
.section-index-2 .box h2 {
color: #ffffff;
}
.section-index-2 .separator {
width: 100px;
margin-left: 0;
}
.section-index-2 .separator-line {
border-color:#fff;
color:#fff;
}
.section-index-2 .iconbox-icon i {
color:#ffffff;
border-color:#ffffff;
background-color:rgba(0,0,0,0.01);
}
.section-index-2 .iconbox-content h3,
.section-index-2 .iconbox-content p {
color: #fff;
}
.section-index-2 .row-image-bg {
/*background-image: url(../images/home-parallax-2.png);*/
}
.section-index-3 {
padding-top:90px;
}
.section-index-3 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-index-3 .separator {
width: 100px;
}
.section-index-3 .separator-line {
border-color:#444444;
color:#444444;
}
.section-index-4 {
padding-top:70px;
padding-bottom:90px;
}
.section-index-5 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(0,0,0,0.63);
}
.section-index-5 h2 {
color: #ffffff;
}
.section-index-5 .separator {
width: 100px;
margin-left: 0;
}
.section-index-5 .text-block {
color: #fff;
}
.section-index-5 .btn-custom-color {
background-color:rgba(255,255,255,0.01);
border-color:#ffffff;
color:#ffffff;
}
.section-index-5 .column .box {
padding-top: 20px;
padding-bottom: 20px;
}
.section-index-5 .counter-number {
font-size:40px;
color:#ffffff;
}
.section-index-5 .counter-unit {
font-size:30px;
color:#ffffff;
}
.section-index-5 .counter-text {
font-size:18px;
color:#ffffff;
}
.section-index-5 .row-image-bg {
/*background-image: url(../images/parallax-3.jpg);*/
}
.section-index-6 {
padding-top:90px;
background-color:#f7f7f7;
}
.section-index-6 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-index-6 .separator {
width: 100px;
}
.section-index-6 .separator-line {
border-color:#444444;
color:#444444;
}
.section-index-7 {
background-color:#f7f7f7;
}
.section-index-8 {
padding-top:90px;
padding-bottom:90px;
background: #FFF;
}
.section-index-8 .separator {
width: 100px;
margin-left: 0;
}
.section-index-8 .separator-line {
border-color:#444444;
color:#444444;
}
.section-index-8 .dh-lists i {
color:black;
}
.section-index-9 {
padding-top:90px;
padding-bottom:90px;
background-color:rgba(42,46,58,0.9);
}
.section-index-9 .row-custom-padding {
padding-bottom:55px;
}
.section-index-9 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color: #ffffff;
}
.section-index-9 h2.text-center {
color: #fff;
}
.section-index-9 .separator {
width: 100px;
}
.section-index-9 .separator-line {
border-color:#ffffff;
color:#ffffff;
}
.section-index-9 .caroufredsel-items {
color:#ffffff;
}
.section-index-9 .row-image-bg {
/*background-image: url(../images/hand-notebook-pc-2980.jpg);*/
}
.section-index-10 {
padding-top:90px;
padding-bottom:90px;
}
.section-index-10 {
padding-top:90px;
padding-bottom:90px;
}
.section-index-10 .title {
text-align: center;
letter-spacing: 5px;
margin-bottom: -15px;
color:black;
}
.section-index-10 .separator {
width: 100px;
}
.section-index-10 .separator-line {
border-color:#444444;
color:#444444;
}
.section-index-10 .container > .row-custom-padding {
padding-top:70px;
}
.section-index-11 {
padding-top:70px;
padding-bottom:90px;
}
.section-index-11 h2 {
color: #ffffff;
text-align: center;
}
.section-index-11 .container > .row-custom-padding {
padding-bottom:20px;
}
.section-index-11 .text-block {
text-align: center;
font-size: 16px;
color: #ffffff;
}
.section-index-11 .row-image-bg {
/*background-image: url(../images/section-bg.png);*/
}
/*--------------------------------------------------------------
21.0 - Icon Box
--------------------------------------------------------------*/
.section-iconbox {
padding-top:50px;
padding-bottom:50px;
}
.section-iconbox.color {
background-color:#1abc9c;
}
.section-iconbox.color h3,
.section-iconbox.color p {
color:#ffffff;
}
.section-iconbox.color1 {
background-color:#f7f7f7;
}
.section-iconbox.color1 .icon-bg {
color:#ffffff;
border-color:#d9534f;
background-color:#d9534f;
}
.section-iconbox.color2 {
background-color:#34495e;
}
.section-iconbox.color2 i {
color:#ffffff;
border-color:#ffffff;
}
.section-iconbox.color2 h3,
.section-iconbox.color2 p {
color:#ffffff;
}
/*--------------------------------------------------------------
22.0 - Pie Chart
--------------------------------------------------------------*/
.section-chart {
padding-top: 50px;
padding-bottom: 50px;
}
.section-chart .pichart-canvas-value {
font-size: 18px;
}
.section-chart.color {
background-color:#34495e;
}
.section-chart.color h3 {
color: #fff;
}
.section-chart.color1 {
background-color:#1abc9c;
}
.section-chart.color1 .pichart-canvas-value {
font-size: 30px;
}
.section-chart.color1 h3 {
color:#ecf921;
}
/*--------------------------------------------------------------
23.0 - Tooltip
--------------------------------------------------------------*/
.section-tooltip-title {
padding-top: 40px;
padding-bottom: 40px;
}
.item-professional {
background: #FAFAFE;
padding: 10px 20px;
margin-bottom: 10px;
}
.item-professional h4 {
font-size: 24px;
margin-bottom: 0;
}
.item-professional em {
font-size: 0.7em;
}
.topbar .social-icon {
float: right;
font-size: 40px;
margin: 5px 0 -10px 0;
color: #fff;
}
.topbar .social-icon span {
font-size: 16px;
line-height: 40px;
display: inline-block;
float: left;
margin: 5px;
}
.topbar .social-icon i {
float: left;
padding-right: 1px;
border-radius: 12px;
margin: 5px 0 0 0;
}
#preloader {
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
z-index: 999999;
background: none repeat scroll 0 0 #f5f6fa;
}
#preloader .preloader__logo {
bottom: 50%;
display: block;
left: 0;
margin: 0 auto 0px;
max-width: 170px;
position: absolute;
right: 0;
text-align: center;
}
#preloader .preloader__progress {
display: block;
left: 0;
margin: 30px auto 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
}
#preloader .preloader__progress svg {
height: 60px;
width: 60px;
}
#preloader .preloader__logo,
#preloader .preloader__progress{
transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-o-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
#preloader .preloader__progress svg path {
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }