/**
* Reset css
*/
html, body{
font-size:14px;
font-family: 'Roboto', sans-serif;
color:#444;
letter-spacing: 0.155px
}
div, span, object, iframe, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
border:0;
outline:0;
color:#444;
}
body {
line-height:1.5em;
overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6{
border:0;
outline:0;
font-family: 'Roboto', sans-serif;
color:#444;
letter-spacing: 0.155px
}
h1{
font-size:2.5em;
}
h2{
font-size:2.25em;
}
h3{
font-size:2em;
}
h4{
font-size:1.75em;
}
h5{
font-size:1.5em;
}
h6{
font-size:1.25em;
}
input, button, select, textarea{
max-width: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
article.page:after{
content: "";
display: table;
clear:both;
}
article.page:before{
content: "";
display: table;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
blockquote, q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote {
font-size: 18px;
line-height: 1.25;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}
.site-content blockquote,
.site-content blockquote p{
font-size: 24px;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
a:hover{
color:inherit;
text-decoration: none;
}
/* change colours to suit your needs */
ins {
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
margin-right: 5px;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.gallery-caption{}
.wp-caption {
background: #fff;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption .wp-caption-text{
padding-top: 10px;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.site-content{
z-index: 1;
position: relative;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
input:focus{
outline: none
}
img{
max-width: 100%;
height: auto
}
.gelli-tabproduct-content li{
list-style:none;
}
.bg_fixed{
background-attachment: fixed !important;
position: relative;
}
.table-middle{
display: table;
width: 100%;
height: 100%;
}
.table-cell {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.vc_column-inner {
padding-top: 0 !important
}
.padding-top-115{
padding-top: 115px;
}
.padding-bottom-115{
padding-bottom: 115px;
}
.padding-left-115{
padding-left: 115px;
}
.padding-right-115{
padding-right: 115px;
}
.padding-bottom-135{
padding-bottom: 135px;
}
.padding-bottom-145{
padding-bottom: 145px;
}
.padding-left-220{
padding-left: 220px;
}
.padding-right-220{
padding-right: 220px;
}
.padding-top-200{
padding-top: 200px;
}
.padding-top-195{
padding-top: 195px;
}
.padding-bottom-195{
padding-bottom: 195px;
}
.padding-left-100{
padding-left: 100px;
}
.padding-right-100{
padding-right: 100px;
}
.padding-left-65{
padding-left: 65px;
}
.padding-right-65{
padding-right: 65px;
}
.padding-bottom-65{
padding-bottom: 65px;
}
.padding-top-10{
padding-top: 10px;
}
.padding-top-100{
padding-top: 100px;
}
.padding-bottom-100{
padding-bottom: 100px;
}
.padding-top-95{
padding-top: 95px;
}
.padding-bottom-95{
padding-bottom: 95px;
}
.padding-bottom-85{
padding-bottom: 85px;
}
.padding-top-90{
padding-top: 90px;
}
.padding-bottom-90{
padding-bottom: 90px;
}
.padding-top-80{
padding-top: 80px;
}
.padding-bottom-80{
padding-bottom: 80px;
}
.padding-bottom-75{
padding-bottom: 75px;
}
.padding-top-70{
padding-top: 70px;
}
.padding-bottom-70{
padding-bottom: 70px;
}
.padding-top-60{
padding-top: 60px;
}
.padding-bottom-60{
padding-bottom: 60px;
}
.padding-top-50{
padding-top: 50px;
}
.padding-top-45{
padding-top: 45px;
}
.padding-top-40{
padding-top: 40px;
}
.padding-bottom-40{
padding-bottom: 40px;
}
.padding-bottom-50{
padding-bottom: 50px;
}
.padding-top-30{
padding-top: 30px;
}
.padding-bottom-30{
padding-bottom: 30px;
}
.padding-top-35{
padding-top: 35px;
}
.padding-bottom-35{
padding-bottom: 35px;
}
.margin-bottom-30{
margin-bottom: 30px;
}
.padding-top-15{
padding-top: 15px;
}
.padding-top-55{
padding-top: 55px;
}
.padding-top-65{
padding-top: 65px;
}
.padding-left-65{
padding-left: 65px;
}
.padding-top-145{
padding-top: 145px;
}
.padding-left-35{
padding-left: 35px;
}
.padding-right-35{
padding-right: 35px;
}
.padding-right-110{
padding-right: 110px;
}
.padding-right-130{
padding-right: 130px;
}
.padding-bottom-175{
padding-right: 175px;
}
.padding-left-185{
padding-left: 185px;
}
.padding-right-185{
padding-right: 185px;
}
.padding-right-95{
padding-right: 95px;
}
.padding-left-90{
padding-left: 90px;
}
.padding-left-225{
padding-left: 225px;
}
.padding-right-225{
padding-right: 225px;
}
.padding-top-160{
padding-top: 160px;
}
.padding-top-20{
padding-top: 20px;
}
.padding-top-25{
padding-top: 25px;
}
/*Shortcode advanced box*/
.gelli-box .box1{
border:3px solid #ebebeb;
padding:4px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s ;
}
.gelli-box .box1 .box1-border{
border:1px solid #ebebeb;
}
.gelli-box .box1 .box1-border a.row {
min-height: 260px;
padding:10px 30px;
}
.gelli-box .txt h3{
font-size: 42px;
margin:0 0 12px;
line-height: 1;
color:#444;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.gelli-box .txt p{
line-height: 1.3em;
color:#a7a7a7;
}
.gelli-box img{
float: right;
}
/*Shortcode heading title*/
.gelli-headingtitle h2{
font-family: 'Roboto', cursive;
font-size:43px;
margin:0;
text-transform: none;
line-height: 1.3em;
}
.gelli-headingtitle .default{
margin-bottom: 43px;
}
.gelli-headingtitle .layout1 {
background: url(../images/line-border.png) no-repeat;
padding-bottom: 16px;
margin-bottom: 15px
}
.gelli-headingtitle .layout1.white{
background: url(../images/line-border-white.png) no-repeat;
}
.gelli-headingtitle .layout1.white h2{
color:#fff;
}
.section-client .gelli-headingtitle .layout1{
margin-bottom: 50px;
}
.gelli-headingtitle .layout1.text-left{
background-position: bottom left;
}
.gelli-headingtitle .layout1.text-right{
background-position: bottom right;
}
.gelli-headingtitle .layout1.text-center{
background-position: bottom center;
}
.gelli-headingtitle .layout2{
margin-bottom: 40px;
position: relative;
}
.gelli-headingtitle .layout2 h2{
display: inline-block;
font-size: 35px;
vertical-align: middle;
margin-right:30px;
}
.gelli-headingtitle .layout2 .line{
position: absolute;
top:0;
bottom: 0;
left:0;
width:100%;
}
.gelli-headingtitle .layout2 .line img{
vertical-align: middle;
}
.gelli-headingtitle .layout2 .text-layout2{
display: inline-block;
background: #fff;
position: relative;
z-index: 99;
}
.gelli-headingtitle .layout2 .line .line-gradient{
height: 1px;
background: rgba(241,111,92,1);
background: -moz-linear-gradient(left, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(193,193,193,1) 0%, rgba(193,193,193,1) 84%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241,111,92,1)), color-stop(0%, rgba(246,41,12,1)), color-stop(0%, rgba(193,193,193,1)), color-stop(84%, rgba(193,193,193,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(193,193,193,1) 0%, rgba(193,193,193,1) 84%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(193,193,193,1) 0%, rgba(193,193,193,1) 84%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(193,193,193,1) 0%, rgba(193,193,193,1) 84%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(193,193,193,1) 0%, rgba(193,193,193,1) 84%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#ffffff', GradientType=1 );
width:100%;
vertical-align: middle;
position: absolute;
top: 50%;
bottom: auto;
left: 0;
}
.gelli-headingtitle .layout3 h3{
font-size: 35px;
color:#282828;
text-transform: uppercase;
margin:0;
}
.gelli-headingtitle .layout3 h4{
font-size: 16px;
color:#282828;
margin:0;
letter-spacing: 8px;
}
.gelli-headingtitle .layout3.bellow h4{
margin-bottom: 25px;
}
.beans-stepslider, .beans-stepslider .beans-mask, .beans-fadeslider{
width: 100%;
position: relative;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.section-client{
padding-bottom: 50px;
}
.section-newletter{
padding-top: 80px;
padding-bottom: 50px;
}
.section-newletter .for-home5{
display: none
}
.newsletter-home5{
margin-bottom: 50px !important;
margin-top: 65px;
}
.newsletter-home5 .form-newlt{
padding:0;
border:none;
}
.newsletter-home5 .form-newlt .first{
display: none
}
.newsletter-home5 .form-newlt .row > div{
background: #fff;
border-radius: 5px;
float:none;
margin:auto;
padding-top: 7px;
padding-bottom: 7px;
}
.newsletter-home5 .form-newlt i{
padding-left: 26px;
padding-right: 20px;
position: absolute;
left:0;
border-right: 1px solid #ebebeb;
}
.newsletter-home5 .form-newlt input[type="email"]{
padding-left: 60px;
padding-right: 40px;
color:#b6b6b6;
text-transform: uppercase;
width:100%;
}
.newsletter-home5 .form-newlt input[type="email"]::-webkit-input-placeholder {
color: #b6b6b6;
}
.newsletter-home5 .form-newlt input[type="email"]:-moz-placeholder {
color: #b6b6b6;
}
.newsletter-home5 .form-newlt input[type="email"]::-moz-placeholder {
color: #b6b6b6;
}
.newsletter-home5 .form-newlt input[type="email"]:-ms-input-placeholder {
color: #b6b6b6;
}
.newsletter-home5 .form-newlt input[type="submit"]{
position: absolute;
right: 0;
top:0;
padding:0;
color:transparent !important;
text-indent: 99999px;
width:55px;
height: 60px;
background: url(../images/bg-submit.jpg) no-repeat center center;
}
.newsletter-home5 .form-newlt i.fa-long-arrow-right{
display: inline-block;
right: 0;
top: 0;
padding:0;
float: right;
width: 55px;
left: auto;
line-height: 60px;
height: 100%;
border: none;
color:#000;
border-radius: 0 5px 5px 0;
text-align:center;
}
.newsletter-home5 .form-newlt input[type="submit"]:hover + i, .newsletter-home5 .form-newlt input[type="submit"]:active + i, .newsletter-home5 .form-newlt input[type="submit"]:focus + i{
background: #e1e1e1;
}
.newsletter-home5 .form-newlt input[type="submit"]{
z-index: 2;
}
.icon-social {
padding:0;
margin:0;
text-align: center;
}
.icon-social li{
list-style: none;
display: inline-block;
margin:0 15px;
border:1px solid transparent;
padding:2px;
vertical-align: top;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
width: 40px;
height: 40px;
-moz-transform: scale(1) rotate(45deg);
-webkit-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
transition: all 1s -in-out 0s;
-webkit-transition: all 1s -in-out 0s;
-moz-transition: all 1s -in-out 0s;
-ms-transition: all 1s -in-out 0s;
-o-transition: all 1s -in-out 0s;
transition: all 1s -in-out 0s;
}
.icon-social li a{
width:100%;
height: 100%;
display: block;
border:1px solid #7d7e7e;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.icon-social li a i{
-moz-transform: scale(1) rotate(-45deg);
-webkit-transform: scale(1) rotate(-45deg);
-o-transform: scale(1) rotate(-45deg);
-ms-transform: scale(1) rotate(-45deg);
transform: scale(1) rotate(-45deg);
display: inline-block;
vertical-align: top;
line-height: 32px;
position: relative;
bottom: 0;
left: -2px;
}
.icon-social li:hover a i{
color:#fff;
}
.gelli-social-shortcode a{
display: inline-block;
margin: 0 15px;
border: 1px solid transparent;
padding: 2px;
vertical-align: top;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
width: 40px;
height: 40px;
-moz-transform: scale(1) rotate(45deg);
-webkit-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.gelli-social-shortcode a:before{
position:absolute;
width: 34px;
height: 34px;
top: 2px;
left:2px;
border: 1px solid #7d7e7e;
background: transparent;
content:"";
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.gelli-social-shortcode a i{
-moz-transform: scale(1) rotate(-45deg);
-webkit-transform: scale(1) rotate(-45deg);
-o-transform: scale(1) rotate(-45deg);
-ms-transform: scale(1) rotate(-45deg);
transform: scale(1) rotate(-45deg);
color:#7d7e7e;
line-height: 32px;
transition: all 1s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.gelli-social-shortcode a:hover i{
color: #fff;
}
.gelli-blog .item-post .time-post{
float: left;
margin-right: 30px;
margin-left: 10px;
margin-top: 12px;
border:1px solid;
width:54px;
height: 54px;
border-radius: 2px;
-moz-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.gelli-blog .item-post .time-post p{
-moz-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
position: absolute;
left: 0;
width: 100%;
height: 100%;
padding-top: 10px;
text-align: center;
font-size: 20px;
font-weight: 700
}
.gelli-blog .item-post{
margin-bottom: 37px;
}
.gelli-blog .item-post .time-post p span{
clear: both;
display: block;
font-size: 12px;
}
.gelli-blog .item-post a h2{
margin:0 0 22px;
font-size: 14px;
line-height: 15px;
}
.gelli-blog .item-post a:hover{
text-decoration: none;
}
.gelli-blog .item-post a:hover h3{
opacity: 0.7
}
.gelli-blog .item-post p.content{
font-size: 13px;
line-height: 20px;
}
.gelli-blog .item-post-2 .all-item-2{
border: 1px solid #ebebeb;
padding: 24px 24px 19px;
}
.gelli-blog .item-post-2 > div{
padding-top: 65px;
margin-bottom: 30px;
position: relative;
}
.gelli-blog .item-post-2 .image-content{
margin-top: -115px;
position: relative;
}
.gelli-blog .item-post-2 .image-content .date-post{
width: 49px;
height: 49px;
padding: 5px;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: -19px;
left: -16px;
z-index: 1;
}
.gelli-blog .item-post-2 .image-content .date-post .time-post{
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.gelli-blog .item-post-2 .time-post span{
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1.15;
display: inline-block;
width: 100%;
vertical-align: top;
}
.gelli-blog .item-post-2 .time-post span.day{
font-size: 20px;
}
.gelli-blog .item-post-2 img{
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width:100%;
height: auto
}
.gelli-blog .item-post-2:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.gelli-blog .item-post-2 .blog_link_img{
margin: 28px 0 5px;
min-height: 32px;
font-size: 15px;
display: block;
}
.gelli-blog .item-post-2 .read-more{
text-align: right;
margin-bottom: 0
}
.item-post-2 .read-more i{
margin-left: 3px;
float: right;
}
.item-post-2 .read-more:hover i{
color:#444;
}
.item-post-2 .read-more a{
text-transform: uppercase;
}
/*Shortcode testimonial*/
.gelli-testimonial .testiImg{
display: table-cell;
text-align: left;
}
.gelli-testimonial .testi-2 .testiImg{
display: block;
text-align: center;
}
.gelli-testimonial .testiImg img{
border-radius: 50%;
border:3px solid #d7d7d7;
overflow: hidden;
margin-right: 25px;
vertical-align: middle;
}
.gelli-testimonial .testiImg .info{
vertical-align: middle;
display: inline-block;
}
.gelli-testimonial .testiImg h3{
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin:0 0 5px;
}
.gelli-testimonial .testiImg p{
font-size: 14px;
}
.gelli-testimonial .txt{
line-height: 23px;
margin-top: 15px;
font-size: 14px;
font-family: "Lato";
}
.gelli-testimonial .txt p::first-letter {
float: left;
margin: 14px 10px 0 0;
font-size: 44px;
font-weight: 700
}
.gelli-testimonial .testi-2 .txt p::first-letter {
float: none;
margin: 0;
font-size: 14px;
font-weight: normal !important;
}
.gelli-testimonial .testi-2 .txt{
max-width: 750px;
margin: auto;
}
/*Widget newllter*/
.section-newletter .form-newlt input[type="submit"]{
width:50px !important;
color:transparent !important;
}
.section-newletter .form-newlt .first p{
color:#333 !important;
}
.section-newletter .img{
position: absolute;
left: 15px;
bottom:0;
}
.section-newletter .wpb_widgetised_column{
margin-bottom: 0
}
.site-content .form-newlt input[type="submit"]{
font-size: 18px;
text-transform: uppercase;
border: none;
background: none;
line-height: 45px;
float: right;
color:rgba(68,68,68,0.3);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.site-content .form-newlt .first input[type="submit"]{
padding: 0 55px;
}
.site-content .form-newlt input[type="email"]{
border: none;
height: 45px;
width:100%;
font-size: 13px;
padding-left: 60px;
}
.site-content .form-newlt input[type="email"]:before{
font: normal normal normal 14px/1 FontAwesome;
content:"\f003";
}
.site-content .form-newlt input[type="email"]:focus{
outline:none;
}
.site-content .form-newlt i{
float: left;
line-height: 45px;
padding-left: 30px;
position: absolute;
}
.form-newlt{
border-top:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
padding:11px 0;
}
.form-newlt .first{
border-right:1px solid;
}
.form-newlt input[type="submit"]{
font-size: 18px;
text-transform: uppercase;
border: none;
background: none;
padding: 0 55px;
line-height: 45px;
float: right;
color:rgba(68,68,68,0.3);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.form-newlt input[type="email"]{
border: none;
height: 45px;
width:100%;
font-size: 14px;
padding-left: 60px;
}
.form-newlt input[type="email"]:before{
font: normal normal normal 14px/1 FontAwesome;
content:"\f003";
}
.form-newlt input[type="email"]:focus{
outline:none;
}
.form-newlt i{
float: left;
line-height: 45px;
padding-left: 30px;
position: absolute;
}
.newsletter-home5 .mc4wp-response{
text-align:center;
margin-top: 10px;
color:#fff;
}
.newsletter-home5 .mc4wp-response *{
color:#fff;
}
.section-newletter .mc4wp-response{
text-align:center;
margin-top: 10px;
}
/*------------------------------------------------------------------
1.9. beans slider styles / .beans-slider Client Slider
-------------------------------------------------------------------*/
.beans-slider, .beans-stepslider, .beans-fadeslider{
width: 100%;
position: relative;
}
.slick-slider {
padding:0 40px;
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
display: none;
min-height: 1px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
margin:0 auto;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
text-align: center;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.gelli-client .beans-stepslider .slick-arrow {
z-index: 999;
top: 40%;
border: 0;
margin: 0;
padding: 0;
left: 4px;
font-size: 20px;
background: none;
position: absolute;
width: 20px;
height: 20px;
border: 1px solid #4b4b4b;
border-radius: 2px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-moz-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.gelli-client .beans-stepslider .slick-arrow i{
-moz-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
left: 0;
right: 0;
bottom: 0;
line-height: 18px;
height: 100%;
width: 100%;
font-size: 14px;
position: absolute;
}
.gelli-client .beans-stepslider .slick-arrow:focus{
outline: none
}
.gelli-client .beans-stepslider .slick-next {
left: auto;
right: 4px;
}
.gelli-client img{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.gelli-client img:hover{
opacity: 0.5;
}
/*------------------------------------------------------------------
1.10. Content product detail
-------------------------------------------------------------------*/
article.product .price span{
font-size: 26px;
line-height: 1.5
}
article.type-product h2 a,
article.product h2 a{
font-size: 14px;
margin:0 0 14px;
text-transform: none;
color:#444;
line-height:1.3;
}
article.product:hover a{
text-decoration: none;
}
article.product a:focus{
outline: none
}
.btn-cart{
position: absolute;
left: 0;
right: 0;
bottom:-50px;
visibility:hidden;
opacity: 0;
z-index: 999;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.carousel3d-dailydeal .active .item-product .btn-cart,
.item-product:hover .btn-cart{
bottom:-18px;
visibility:visible;
}
.carousel3d-dailydeal .active .item-product .btn-cart,
.carousel3d-dailydeal .active .item-product .social-top,
.item-product:hover .btn-cart,
.item-product:hover .social-top{
opacity: 1;
}
.inline.hover .btn-cart .btn-cart-in,
.btn-cart .btn-cart-in:hover{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-transform: scale(1.46) rotate(45deg);
-moz-transform: scale(1.46) rotate(45deg);
-ms-transform: scale(1.46) rotate(45deg);
-o-transform: scale(1.46) rotate(45deg);
transform: scale(1.46) rotate(45deg);
}
.btn-cart-in{
background: #fff;
display: inline-block;
height: 35px;
width:35px;
border:1px solid;
border-radius: 3px;
-moz-transform: rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
text-align:center;
margin:0 auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn-cart-in1{
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border:2px solid #fff;
}
.btn-cart-in:hover a{
-webkit-transform: scale(1) rotate(-45deg);
-moz-transform: scale(1) rotate(-45deg);
-ms-transform: scale(1) rotate(-45deg);
-o-transform: scale(1) rotate(-45deg);
transform: scale(1) rotate(-45deg);
color:#fff;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.inline.hover .btn-cart-in a:before,
.btn-cart-in:hover a:before{
color:#fff;
}
.woocommerce div.product form.cart .button{
padding:0 !important;
background: none !important;
outline: none;
}
.add_to_compare.button,
.yith-wcqv-button{
float: none !important;
width:100%;height:100%;
position:absolute!Important;
top:0;left:0;
}
.btn-share .add-to{
position:relative;
}
.related-gird-1 .btn-cart span{
padding-right: 10px;
}
.btn-cart .btn-cart-in:hover i{
color:#fff;
}
.related-gird-1 .btn-cart-in2,
.btn-cart-in a {
position: absolute;
-moz-transform: rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
left:-2px;
right:0;
line-height:30px;
}
.btn-cart-in .button {
font:normal normal normal 14px/1 FontAwesome;
}
.btn-cart-in .button:before{
content:"\f0c1";
}
.btn-cart-in .add_to_cart_button:before{
content:"\f07a";
}
.btn-cart-list .add-cart-lt-1 {
font:normal normal normal 14px/1 FontAwesome;
}
.btn-cart-list .add_to_cart_button .add-cart-lt-1:before{
content:"\f07a";
}
.btn-cart-list .product_type_external .add-cart-lt-1:before{
content:"\f0c1";
}
#yith-wcwl-popup-message{
display:none!important;
}
.add_to_cart_button.loading:after{
background: url('../images/qv-loader.gif') center center / 80% no-repeat rgb(255, 255, 255);
opacity: 0.5;
cursor: wait;
position: absolute;
width:100%;
height:100%;
top:0!important;
left:0!important;
z-index:100;
content:''!important;
transform: rotate(-45deg);
animation: none!important;
}
.new-product .btcart .add_to_cart_button{
font:normal normal normal 14px/1 FontAwesome;
}
.new-product .btcart .add_to_cart_button:before{
content:"\f07a";
}
.new-product .btcart .product_type_external:before{
content:"\f0c1";
}
.new-product .btcart a.button .add-cart-lt,
.new-product .btcart a.button span{
display:none;
}
/*------------------------------------------------------------------
1.11. Scroll slider
-------------------------------------------------------------------*/
.gelli-product .slick-slider{
padding:0;
}
.gelli-product .beans-slide {
padding-bottom: 40px;
padding-top: 35px;
}
.gelli-product .beans-slide .padding-15{
padding:0 15px;
}
.gelli-product .beans-stepslider .slick-list{
margin: 0 -15px;
}
.gelli-product.show_nav .slick-dots,
.gelli-product.show_navbt .beans-slideset button.slick-arrow{
display: block !important
}
.slick-dots,
.show_navbt .slick-dots{
display: none !important
}
.gelli-product .beans-slideset button.slick-arrow{
display: none !important;
top: 45%;
border: 0;
margin: 0;
padding: 0;
color: #444444;
background: none;
border:none;
position: absolute;
width: 10px;
height: 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.gelli-product .beans-slideset button.slick-arrow:focus{
outline: none
}
.gelli-product .beans-slideset button.slick-arrow i{
font-size: 22px;
}
.gelli-product .beans-slideset button.slick-arrow.slick-prev{
left: -30px;
}
.gelli-product .beans-slideset button.slick-arrow.slick-next {
left: auto;
right: -30px;
}
.slick-dots {
margin:0;
padding:0;
text-align: center;
}
.slick-dots li{
list-style: none;
display: inline-block;
}
.slick-dots li{
width: 18px !important;
height: 18px !important;
margin:3px;
border: 1px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-transform: scale(1) rotate(45deg);
-webkit-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
}
.slick-dots li button{
border:none !important;
background: #d7d7d7 !important;
padding: 0;
color:transparent !important;
text-indent: -999999px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 2px;
zoom: 1;
width: 12px !important;
height: 12px !important;
}
.slick-dots li button:focus{
outline: none
}
.button-white .gelli-product .beans-slideset button.slick-arrow i{
color:#fff;
}
.product-img{
padding-top: 24px;
position: relative;
}
.social-top{
position: absolute;
top: -50px;
left:0;
right:0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index:2;
}
.item-product .gird-1.social-top{
visibility:hidden;
}
.related .item-product:hover .social-top,
.item-product:hover .social-top,
.item-product:hover .gird-1.social-top {
top: -18px;
visibility:visible;
}
.social-top > div{
display: inline-block;
margin: 0 6px;
background: #fff
}
.btn-share{
display: block;
height: 35px;
width:35px;
border:1px solid;
border-radius: 3px;
-moz-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
text-align:center;
padding:0;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
margin: 0 7px
}
.btn-share:hover{
-moz-transform: scale(1.46) rotate(45deg);
-webkit-transform: scale(1.46) rotate(45deg);
-o-transform: scale(1.46) rotate(45deg);
-ms-transform: scale(1.46) rotate(45deg);
transform: scale(1.46) rotate(45deg);
margin: 0 17px;
}
.btn-share:hover a i{
color:#fff !important;
}
.btn-share a i{
-moz-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
position: absolute;
left: 0;
right: 0;
line-height: 29px;
margin:0;
}
.btn-share .add-to .add_to_compare.added{
left: 0;
right: 0;
line-height: 29px;
font-size: 10px;
position: absolute !important;
background: none !important
}
.btn-share .add-to,
.btn-share > a,
.btn-share .add-to-wishlist{
height: 100%;
width:100%;
border:2px solid #fff;
border-radius: 3px;
display: block;
background: #fff;
margin:0;
}
.btn-share .add-to-wishlist .ajax-loading{
background: url('../images/qv-loader.gif') center center / 80% no-repeat rgb(255, 255, 255);
opacity: 0.5;
cursor: wait;
position: absolute;
width:100%!important;
height:100%!important;
top:0!important;
left:0!important;
z-index:100;
margin:0!important;
}
.social-top a i{
font-size: 14px;
margin:0;
}
.added_to_cart.wc-forward{
background: url(../images/view-cart.png) no-repeat center center;
color: transparent;
text-indent: -99999px;
display: none!important;
}
.yith-wcwl-wishlistexistsbrowse .feedback,
.yith-wcwl-wishlistaddedbrowse .feedback {
display: none;
}
/*Ratting Product*/
.woocommerce .star-rating {
float: left;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 70px;
font: normal normal normal 15px/1 FontAwesome;
margin: 0 0;
}
.woocommerce .star-rating:before {
content: "\f005 \f005 \f005 \f005 \f005";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute;
font-size: 15px;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span:before {
content: "\f005 \f005 \f005 \f005 \f005";
top: 0;
position: absolute;
left: 0;
font: normal normal normal 15px/1 FontAwesome;
}
ul.new-product{
margin:0;
padding:0;
}
ul.new-product li{
list-style: none;
display: block;
margin-bottom: 30px;
clear: both;
}
.gelli-tabproduct-content ul.new-product li{
text-align:left;
}
ul.new-product .imgthumb{
width:165px;
height: 150px;
display: inline-block;
border:1px solid #ebebeb;
padding:30px;
margin-right: 32px;
position: relative;
}
ul.new-product .imgthumb img{
width:100%;
height: auto
}
ul.new-product .info-right {
vertical-align: top;
display: inline-block;
}
ul.new-product .info-right a{
color:#444;
font-size: 14px;
}
ul.new-product .info-right .price{
clear:both;
display: block;
padding:10px 0;
}
ul.new-product .info-right .price span{
font-size: 25px;
}
/*Special product*/
.special-product img:hover{
cursor: pointer;
}
.infoproduct_below{
text-align: center;
}
.infoproduct_below h3{
margin:0 0 20px;
font-size: 16px;
}
.infoproduct_below p{
color:#5d5c55;
font-size: 14px;
line-height: 1.2em
}
.special-product .box-price {
width: auto;
height: auto;
position: absolute;
top: 5px;
right: -25px;
background-color: #444;
text-align: center;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 6px 10px;
z-index: 999
}
.special-product .box-price:before {
content: "";
position: absolute;
border-top: 6px solid transparent;
border-right: 15px solid #444;
border-bottom: 6px solid transparent;
left: -6px;
bottom: -5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(-55deg);
}
.special-product .box-price span {
font-weight: normal;
font-size: 14px;
color:#fff;
}
.special-product .box-price span.notsale{
font-weight: 700
}
.special-product .box-price span.sale{
text-decoration: line-through;
margin-right: 3px;
}
.ms-sl-selected .box-price.hide{
display: block !important;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
}
/*Daily deal product*/
.carousel3d-dailydeal article.product .item-product{
position: relative;
height: 100%;
padding-bottom: 50px;
background: transparent;
-webkit-transition: all 0.3s ;
-moz-transition: all 0.3s ;
-o-transition: all 0.3s ;
transition: all 0.3s ;
}
article.type-product .item-product,
article.product .item-product{
border:1px solid #ebebeb;
text-align: center;
padding-bottom: 40px;
position: relative;
background: #fff;
}
.beans-slide article.product .item-product{
padding: 10px 10px 40px 10px;
}
.settime .settime-box{
background:none;
}
.active article.product .item-product,
article.product .item-product:hover{
background:#fff;
}
.active article.product .item-product .settime .settime-box,
article.product .item-product:hover .settime .settime-box{
background:#fff;
}
.btn-cart > div{
display: inline-block;
margin:0 6px !important;
vertical-align: middle;
}
.inline.hover .btn-cart > div,
.btn-cart > div:hover{
margin:0 18px !important;
}
.dailydeals-product .product{
margin-top: 17px;
}
.settime{
position: absolute;
left:0;
right: 0;
top:-17px;
}
.settime b{
font-size: 22px;
font-weight: 700;
}
.settime span{
font-size:14px;
font-weight: normal;
display: inline-block;
margin:0 10px;
}
.settime .style{
background: #fff
}
.settime .settime-box{
display: inline-block;
position: relative;
width: auto;
margin: 0 auto;
background-color: #fff;
padding: 0 8px;
}
.settime .settime-box:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
left: -5px;
top: 10px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.settime .settime-box:after {
content: "";
width: 12px;
height: 12px;
position: absolute;
right: -5px;
top: 10px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.settime .settime-box:after,
.settime .settime-box:before {
border-width: 6px;
border-style: solid;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-color:#ebebeb;
}
.dailydeals-product .price del{
display: none
}
.carousel3d-dailydeal .product_info{
position: absolute;
left: 0;
width: 100%;
bottom: 40px;
}
.carousel3d-dailydeal article.product .item-product{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.carousel3d-dailydeal .carousel-feature.new-product.active .product-img{
width: 300px;
}
.carousel3d-dailydeal .carousel-feature.new-product .product-img{
margin:0 auto;
width: 200px;
max-width: 100%;
}
.carousel-feature.new-product.active_item{
height: 100%;
padding:0 0 52px;
}
.carousel-feature.new-product .product-img{
min-height: auto
}
.carousel-feature.new-product{
padding-bottom: 52px;
}
.carousel-feature.new-product .product{
height: 100%
}
.carousel-feature.new-product{
border:none;
}
#carousel3d-dailydeal .tracker-individual-container{
display: none
}
.discount-save {
width: auto;
height: auto;
position: absolute;
top: 57px;
right: 30px;
background-color: #444;
text-align: center;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.discount-save:before {
content: "";
position: absolute;
border-top: 6px solid transparent;
border-right: 15px solid #444;
border-bottom: 6px solid transparent;
left: -6px;
bottom: -5px;
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(-55deg);
}
.discount-save .save-content {
padding-top: 0;
position: relative;
}
.discount-save .percent {
font-size: 18px;
font-weight: 700;
line-height: 30px;
padding: 0 8px;
display: inline-block;
vertical-align: top;
min-width: 62px;
color:#fff;
}
.box-button{
background-color: #f7f7f7;
}
.gelli-box.box-button .box1 .box1-border{
border: none;
padding: 0 0 0 42px;
}
.gelli-box.box-button .txt h3{
font-size: 25px;
text-transform: uppercase;
margin-bottom: 20px;
}
.gelli-box.box-button .box1{
padding: 0;
border: 3px solid #fff;
}
.gelli-box.box-button .box1 .box1-border{
min-height: 308px;
}
.gelli-box.box-button .txt {
padding-top: 76px;
width: 200px;
display:inline-block;
}
.gelli-box.box-button > div:hover img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.gelli-box-6 .absolute{
padding:0 48px;
}
.gelli-box-6 h4{
font-size: 12px;
color:#000;
text-transform: uppercase;
margin:0 0 10px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.gelli-box-6 h3{
font-size: 36px;
margin:0 0 10px;
text-transform: uppercase;
color:#000;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.gelli-box-6 .more-link{
border:1px solid #000;
padding:3px 15px;
font-size: 12px;
text-transform: uppercase;
display: inline-block;
color:#000;
}
.gelli-box-6 .table-cell{
text-align: left;
}
.gelli-box-6 .more-link:hover{
color:#fff;
}
.gelli-box-7:hover .bg-skin-hover{
opacity: 0.5;
}
.gelli-box-7 .bg-skin-hover{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 1;
display: block;
width:100%;
height: 100%;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
}
.gelli-box-7 h3{
font-size: 30px;
color:#fff;
margin-bottom: 0
}
.gelli-box-7 h4{
font-size: 24px;
color:#fff;
margin-bottom: 0
}
.gelli-box-7 h3,
.gelli-box-7 h4{
text-transform: uppercase;
}
.clear{
clear: both;
display: block !important;
float: none !important
}
.box-button a {
border: 1px solid #e1e1e1;
display: table;
font-size: 16px;
font-weight: 700;
margin: 33px 0 0;
padding: 16px 17px;
text-transform: uppercase;
color: #444;
}
.box-button .box1 a:hover{
text-decoration: none;
}
.gelli-box.box-button .txt p {
line-height: 1.1em;
}
.about-author{
float: left;
width: 100%;
}
.about-author .testiImg {
text-align: left;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.about-author .testiImg .info {
display: inline-block;
vertical-align: middle;
}
.about-author .testiImg h3 {
font-size: 14px;
font-weight: 700;
margin: 0 0 5px;
text-transform: uppercase;
}
.about-author .testiImg p {
font-size: 14px;
}
.about-author .share-social ul{
margin:0;
}
.about-author .testiImg p.img_author{
float:left;
}
.about-author .txt {
line-height: 23px;
margin-top: 25px;
}
.about-author .testiImg img {
border-radius: 50%;
border: 3px solid #d7d7d7;
overflow: hidden;
margin-right: 25px;
vertical-align: middle;
}
.gelli-box-3{
background-repeat: no-repeat;
background-position: right;
background-color: #f7f7f7;
}
.gelli-box-3 .box3{
border: 3px solid #fff;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
padding: 0 0 0 20px;
}
.box3{
min-height: 256px;
}
.gelli-box-3 .txt {
padding-top: 55px;
max-width: 250px;
}
.gelli-box-3 .txt h3 {
font-size: 30px;
font-weight: 400;
margin-bottom: 15px;
padding-bottom: 12px;
position: relative;
}
.gelli-box-3 .txt h3::after {
background-color: #e1e1e1;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 94px;
}
.gelli-box-3 p,.gelli-box-3 .txt h3,.gelli-box-3 .txt h3 span{
text-transform: uppercase;
color: inherit;
}
.gelli-box-3 .txt h3 span {
font-size: 30px;
font-weight: 700;
}
.gelli-box-3 p{
font-size: 14px;
color: #979797;
}
.gelli-box-3 .box3:hover a{
text-decoration: none;
}
.share-social ul{
padding: 0;
}
.share-social ul li{
float: left;
list-style: none;
margin-right: 15px;
}
.box-collection{
padding:38px 18px 28px;
text-align: center;
}
.box-collection span{
font-size: 18px;
}
.box-collection span{
font-size: 18px;
}
.box-collection h3{
font-size: 23px;
font-weight: 700;
text-transform: uppercase;
margin:25px 0 15px;
}
.box-collection a i{
font-size: 23px;
}
/*Tab*/
.gelli-tabproduct .tabs ul{
text-align: center;
padding-left: 0;
}
.gelli-tabproduct .tabs > ul > li{
list-style: none;
display: inline-block;
padding:0 28px 0 18px;
background: url(../images/tab-line.png) no-repeat right center;
}
.gelli-tabproduct .tabs ul li:last-child{
background: none;
}
.gelli-tabproduct .tabs ul li a{
font-size: 16px;
text-transform: uppercase;
padding: 0 7px;
}
.product-white .gelli-tabproduct .tabs ul li.active a,
.product-white .gelli-tabproduct .tabs ul li a:hover{
text-decoration: none;
color:#7c7c7c;
}
.gelli-tabproduct .tabs ul li a:focus{
outline: none;
}
.gelli-tabproduct .tabs ul li.ui-tabs-active a{
text-decoration: line-through;
color:#7c7c7c;
}
#tabs ul{
text-align: center;
}
#tabs > ul > li{
list-style: none;
display: inline-block;
padding:0 28px 0 18px;
background: url(../images/tab-line.png) no-repeat right center;
}
#tabs ul li:last-child{
background: none;
}
#tabs ul li a{
font-size: 16px;
text-transform: uppercase;
padding: 0 7px;
position: relative;
}
#tabs ul li:hover a:before,#tabs ul li.active a:before{
position: absolute;
content: "";
top: 49%;
background-color: #7c7c7c;
width: 100%;
z-index: 999;
height: 1px;
left: 0;
}
#tabs ul li.active a{
color: #7c7c7c;
}
/*#tabs ul li a:hover{
text-decoration: none;
color:#7c7c7c;
}*/
#tabs ul li a:focus{
outline: none
}
#tabs ul li.ui-tabs-active a{
color:#7c7c7c;
}
.product-white .owl-buttons i{
color:#fff;
}
.product-white .gelli-headingtitle .layout1{
margin-bottom: 50px;
}
/*Shortcode Icon*/
.gelli-iconbox{
position: relative;
}
.icon-align-left div.icon{
position: absolute;
left:0;
top:0;
}
.icon-align-left .box-content{
padding-left: 50px;
}
.icon-withborder .icon-align-left .box-content{
padding-left: 85px;
}
.gelli-iconbox .box-content h3{
font-size: 14px;
font-weight: 700;
}
.icon-align-center{
text-align: center;
}
.icon-withborder{
padding-top: 15px;
}
.icon-withborder .icon-align-left div.icon{
width:55px;
height: 55px;
line-height: 55px;
margin:auto auto;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: scale(1) rotate(45deg);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border:1px solid transparent;
padding:2px;
}
.icon-withborder .icon-align-left div.icon span.icon{
text-align: center;
}
.icon-withborder .icon-align-left div.icon span.icon i{
line-height: 55px;
font-size: 24px;
}
.icon-withborder .icon-align-center div.icon{
width:73px;
height: 73px;
line-height: 73px;
margin:auto auto 30px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: scale(1) rotate(45deg);
-webkit-border-radius: 3px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border:1px solid transparent;
padding:2px;
}
.icon-withborder:hover div.icon{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
}
.icon-withborder div.icon{
width:73px;
height: 73px;
line-height: 73px;
margin:auto auto 30px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: scale(1) rotate(45deg);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border:1px solid transparent;
padding:2px;
}
.icon-withborder:hover div.icon{
border:1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
}
.icon-withborder:hover{
cursor: pointer;
}
.icon-withborder:hover div.icon i{
color:#fff;
}
.icon-withborder .gelli-iconbox .box-content h3{
color:#444;
}
.icon-withborder div.icon span{
width: 100%;
height: 100%;
display: block;
border:1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
}
.icon-withborder div.icon span img,
.icon-withborder div.icon span i{
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: scale(1) rotate(-45deg);
margin: auto;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
line-height: 75px;
}
/*Size Icon*/
.gelli-icon-size-xs i{
font-size: 14px;
}
.gelli-icon-size-sm i{
font-size: 20px;
}
.gelli-icon-size-md i{
font-size: 30px;
}
.gelli-icon-size-lg i{
font-size: 40px;
}
.gelli-icon-size-xl i{
font-size: 50px;
}
.about-text{
position: relative;
padding-right: 80px;
}
.about-text h3{
margin: 0;
font-weight: 700;
font-size: 23px;
text-transform: uppercase;
padding-bottom: 10px;
position: relative;
}
.about-text h3:before{
content:'';
position: absolute;
bottom:0;
left:0;
height: 4px;
background: #000;
width:30px;
}
.about-text .title-txt .txtgelli{
position: absolute;
right: 0;
top: 7px;
font-family: "Roboto";
font-size: 40px;
}
.about-text p{
line-height: 1.5em;
}
.title-txt{
position: relative;
display: inline-block;
padding-right: 70px;
margin-bottom: 30px;
}
/* Blog layout1 */
.item-post-1 {
border: 3px solid #ebebeb;
padding: 7px;
}
.all-item-1{
border: 1px solid #fff;
padding: 20px;
}
.time-post-1 p,.item-post-1 a{
font-size: 13px;
}
.item-post-1 h2{
font-size: 15px;
margin: 0 0 20px;
}
.item-post-1 a:hover{
text-decoration: none;
}
.all-item-1 .content {
line-height: 1.3em;
margin-bottom: 3px;
}
.all-item-1 a {
display: block;
padding-right: 8px;
position: relative;
text-align: right;
text-transform: uppercase;
width: 100%;
color: #444;
}
.all-item-1 a:after{
color: #444;
}
.all-item-1 a:after{
content: "\f0da";
position: absolute;
font-family: FontAwesome;
font-size: 13px;
right: 0;
top: 0;
}
.txt-block-home h1 {
font-size: 120px;
margin: 0;
text-transform: uppercase;
line-height: 85px;
margin-bottom: 35px;
max-width: 675px;
}
.txt-block-home h1 span{
font-size: 120px;
text-transform: none;
display: block;
text-align: right;
}
.txt-block-home{
padding: 280px 112px 140px;
}
.txt-block-home p{
line-height: 1.3em;
}
.txt-block-home.txt-block-white h1{
color: #fff;
}
.gelli-testimonial .testi-1 .testiImg img{
max-width: 120px;
}
.item-post-1:nth-child(2n+2) {
float: right;
width: 48%;
}
.item-post-1:first-child{
float: left;
width: 48%;
}
.testi-1 ol.carousel-indicators {
position: static;
width: 100%;
margin: 0;
padding-top: 10px;
overflow: hidden;
}
.testi-1 .owl-page {
padding: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-transform: scale(1) rotate(45deg);
-webkit-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg) ;
margin: 0 2px;
zoom: 1;
width: 18px;
height: 18px;
border: 1px solid #fff;
}
.testi-1 span.owl-numbers {
background: #d7d7d7;
text-indent: 999999px;
font-size: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: transparent;
display: block;
margin: 2px;
width: 12px;
height: 12px;
-moz-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
overflow: hidden;
}
.txt-block-home.txt-block-white{
padding: 455px 45px 250px 220px;
}
.cover-top .vc_column-inner{
background-position: 0 0 !important;
}
.shop-by{
text-align: center;
}
.shop-by h2, .shop-by h2 span {
color: #fff;
font-size: 20px;
text-transform: uppercase;
margin-top: 60px;
margin-bottom: 0;
}
.shop-by h1, .shop-by h1 span {
color: #fff;
font-size: 42px;
margin-top: 12px;
padding-bottom: 16px;
}
/**********************/
.section-summer .product-img{
min-height: 0;
}
.filter-product{
padding-top: 55px;
justify-content: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.nav-filter{
margin: 0 0;
padding:0;
}
.nav-filter li{
list-style: none;
margin-bottom: 12px;
}
.nav-filter li a{
font-size: 15px;
text-transform: uppercase;
line-height: 1.5em;
color:#444;
}
.gelli-product .beans-slide > .row{
margin-bottom: 30px;
}
.gelli-product .beans-slide > .row:last-child{
margin-bottom: 0px
}
.tabs ul li.active a,.tabs ul li.active:hover a{
color: #c4c4c4;
margin-bottom: 0px
}
.gelli-tabproduct-content{
position: relative;
}
.gelli-tabproduct-content > div{
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
width:100%;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.gelli-tabproduct-content >div.active{
position: relative;
opacity: 1;
z-index: 2;
}
/*accessories*/
.accessories-left.vc_col-sm-2{
width: 17.1875%;
}
.accessories-right.vc_col-sm-10{
width: 82.8125%;
}
.accessories-right .access-1{
width: 57.232%;
}
.accessories-right .access-2{
width: 42.768%;
}
.accessories-right .access-box-top img{
width: 100%;
}
.product-white #tabs li a{
color: #fff;
}
.gelli-box-4 {
position: relative;
}
.gelli-box-5{
position: relative;
}
.gelli-box-5 .absolute{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.gelli-box-5:hover h3,
.gelli-box-5:hover h4{
color:#fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.gelli-box-5 h4{
margin:0 0 10px;
font-size: 20px;
color:#282828;
text-transform: uppercase;
}
.gelli-box-5:hover .more-link{
background: #fff;
}
.gelli-box-5 .more-link{
padding:15px 30px;
color:#fff;
text-transform: uppercase;
display: inline-block;
margin:30px auto 0;
}
.gelli-box-5 .more-link i{
color:#fff;
margin-left: 15px;
}
.gelli-box-5 h3{
margin:0;
font-size: 30px;
color:#282828;
text-transform: uppercase;
}
.txt-right h1,.txt-left h1 {
color: #444;
font-weight: 400;
font-size: 40px;
margin: 0;
text-transform: uppercase;
transition: all 0.3s 0s;
}
.txt-right h2,.txt-left h2 {
color: #fff;
font-size: 40px;
font-weight: 400;
margin: 4px 0 40px;
text-transform: uppercase;
}
.access-box-top .txt-left .txt h2{
color: #7ac3c2;
}
.access-box-top .gelli-box-4:hover .txt h1{
transform: translate3d(-5px, -5px, 0px);
}
.access-box-top .gelli-box-4:hover a{
transform: translate3d(0px, 15px, 0px);
}
.access-box-top .txt a {
border: 1px solid #444;
color: #444;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 20px 44px 20px 20px;
position: relative;
text-transform: uppercase;
transition: all 0.3s 0s;
}
.access-box-top .txt a::after {
position: absolute;
right: 16px;
content: "";
font-size: 16px;
font-family: FontAwesome;
top: 22px;
}
.bg-minus{
margin-top: -75px;
padding-top: 75px;
}
.daily-minus{
margin-top: 100px;
margin-bottom: -83px;
}
.section-summer .wpb_text_column{
text-align: center;
}
.section-summer .wpb_text_column h2{
font-size: 110px;
margin:0;
}
.section-summer .wpb_text_column h3{
font-size: 140px;
font-family: "Roboto";
color:#fff;
margin:-35px 0 0;
}
/************** Shortcode team ********************/
.gelli-team .item-top {
position: relative;
}
.gelli-team .item-image-hover {
content: '';
position: absolute;
opacity: 0.5;
filter: alpha(opacity=50);
left: 50%;
top: 50%;
width: 0;
height: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.gelli-team .item:hover .item-image-hover {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.gelli-team .item:hover .item-top img {
opacity: 0.33;
}
.gelli-team .item .social {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 15px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.gelli-team .item:hover .social {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.table-middle {
display: table;
width: 100%;
height: 100%;
}
.table-cell {
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
}
.gelli-team .item:hover .social .title-social p,
.gelli-team .item:hover .social ul {
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
}
.gelli-team .item .social .title-social p{
color: #fff;
font-size: 18px;
transform: translate3d(0,-50px,0);
-moz-transform: translate3d(0,-50px,0);
-webkit-transform: translate3d(0,-50px,0);
-ms-transform: translate3d(0,-50px,0);
-o-transform: translate3d(0,-50px,0);
display: inline-block;
vertical-align: top;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.gelli-team .item .social ul {
margin: 6px 0;
transform: translate3d(0,50px,0);
-moz-transform: translate3d(0,50px,0);
-webkit-transform: translate3d(0,50px,0);
-ms-transform: translate3d(0,50px,0);
-o-transform: translate3d(0,50px,0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.gelli-team .item:hover .social ul {
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
}
.gelli-team .item .social li {
display: inline-block;
vertical-align: top;
padding: 0 9px;
}
.gelli-team .item .social li a {
color: #fff;
width: 29px;
display: inline-block;
vertical-align: top;
position: relative;
line-height: 50px;
}
.gelli-team .item .social li a i{
font-size:18px;
color:#fff;
}
.gelli-team .item .social li a:after {
content: "";
display: block;
height: 2px;
width: 100%;
clear: both;
background-color: transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
transform: translate3d(-10px,0,0);
-moz-transform: translate3d(-10px,0,0);
-webkit-transform: translate3d(-10px,0,0);
-ms-transform: translate3d(-10px,0,0);
-o-transform: translate3d(-10px,0,0);
}
.gelli-team .item .social li a:hover:after {
background-color: #fff;
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
}
.gelli-team .item .info .name {
font-size: 20px;
color:#fff;
}
.gelli-team .item .info .work {
font-size: 13px;
color: #b6b6b6;
text-transform: uppercase;
margin-top: 4px;
}
.gelli-team .info {
margin: 19px 0 0;
text-align: center;
}
.about-us-team{
margin-top: 50px;
position: relative;
}
.about-us-banner-content h5 + h5 {
margin: -20px 0 76px;
padding-left: 47px;
vertical-align: middle;
}
.about-us-banner-content h5 {
font-size: 50px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
margin-bottom: 60px;
}
.about-us-banner-content h5 span {
font-family: 'Roboto';
font-size: 95px;
font-weight: normal;
text-transform: capitalize;
line-height: 0;
position: relative;
top: 5px;
left: -16px;
}
.about-us-banner-content p {
margin-bottom: 50px;
padding-left: 5.7%;
padding-right: 7px;
line-height: 26px !important;
font-size: 16px !important;
}
.about-us-banner-content{
padding-top: 260px;
padding-bottom: 270px;
}
/*Breadcrumb*/
.breadcrumbs {
font-size: 14px;
line-height: 1.25;
padding-left: 0;
padding: 0;
text-align: center;
position: relative;
display: none;
}
.breadcrumbs-content{
background: url(../images/breadcrumbs.jpg) no-repeat center;
}
.breadcrumbs img{
max-width: 100%;
display: none
}
.breadcrumbs-content {
width: 100%;
height: 100%;
display: flex;
padding:80px 0;
}
.breadcrumbs .page-title {
margin-top: 0;
}
.breadcrumbs h1,
.breadcrumbs h1 span {
font-family: "Roboto", arial, tahoma;
font-size: 42px;
text-transform: capitalize;
margin: 0;
}
.breadcrumbs h1 span{
font-weight:bold;
}
.breadcrumbs ul {
margin-top: 25px;
margin-bottom: 0
}
.breadcrumbs li {
display: inline-block;
padding:0;
position: relative;
}
.breadcrumbs li{
margin-right: 10px;
text-transform: uppercase;
}
.breadcrumbs li a{
padding-right: 22px;
text-transform: uppercase;
}
.breadcrumbs li a:after{
font: normal normal normal 14px/1 FontAwesome;
content: "\f105";
position: absolute;
right: 0;
top:3px;
bottom: 0;
width:10px;
height: 15px;
}
/************** Contact Form ********************/
.wpcf7-form p {
margin-bottom: 25px;
}
.wpcf7-form textarea,
.wpcf7-form p input{
margin-top: 5px;
height: 45px;
width: 100%;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border: 1px solid #ebebeb;
padding:10px;
}
.wpcf7-form p:last-child{
margin-bottom: 0
}
.wpcf7-form textarea:focus,
.wpcf7-form p input:focus{
outline: none;
-webkit-box-shadow: 0 0 5px 0 rgba(221, 190, 134, 0.6);
-moz-box-shadow: 0 0 5px 0 rgba(221, 190, 134, 0.6);
-ms-box-shadow: 0 0 5px 0 rgba(221, 190, 134, 0.6);
-o-box-shadow: 0 0 5px 0 rgba(221, 190, 134, 0.6);
box-shadow: 0 0 5px 0 rgba(221, 190, 134, 0.6);
}
.wpcf7-form textarea{
height: auto;
}
.wpcf7-form p input[type="submit"]{
width:auto;
padding:0 35px;
text-transform: uppercase;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
background: transparent;
}
.wpcf7-form p input[type="submit"]:hover{
color:#fff;
}
.contact-right {
padding-left: 7.2%;
}
.contact-right ul {
float: left;
margin-left: 30px;
overflow: hidden;
border-left: 1px solid #ebebeb;
padding-top: 40px;
padding-bottom: 80px;
padding-left: 0
}
.contact-right li {
margin-top: 7px;
margin-bottom: 0px;
display: inline-block;
vertical-align: top;
width: 100%;
height: 130px;
list-style: none
}
.contact-right li .form-contact-content {
display: block;
margin-left: 160px;
position: relative;
height: 100%;
}
.contact-right li .fa {
font-size: 120px;
color: rgba(235,235,235,0.77);
float: left;
}
.contact-right li .fa.fa-map-marker {
font-size: 130px;
margin-left: -20px;
}
.contact-right li .fa.fa-phone {
margin-left: -12px;
margin-top: 11px;
}
.contact-right li .fa.fa-envelope {
margin-left: -37px;
}
.contact-right li .form-contact-content h4 {
margin: 0;
font-family: "Roboto", arial, tahoma;
font-size: 26px;
}
.contact-right li .form-contact-content span.text {
line-height: 25px;
display: inline-block;
vertical-align: top;
}
/********Page 404 **********/
.stretch404{
position: absolute;
top:0;
left:0;
}
.stretch404 img{
max-width: 100%;
width:100%;
}
.error-404{
position: absolute;
left: 0;
top: 0;
bottom:0;
z-index: 999;
width: 100%;
vertical-align: middle;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.error-404 .row{
width:100%;
}
.error-404 .page-header{
border:none;
margin:0 0 20px;
padding:60px 0 55px;
background: url(../images/bgtxt404.png) no-repeat center;
background-size:100% 100%;
}
.error-404 .page-header h1{
margin:0;
font-size: 70px;
color:#f28288;
font-family: "Roboto";
text-transform: capitalize;
}
.error-404 .page-content p{
font-weight:300;
font-size: 25px;
color:#777;
line-height: 35px;
text-align: center;
}
.backtohome{
display: block;
text-align: center;
margin-top: 35px;
}
.icon-home{
border: 1px solid #f28288;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
width: 45px;
height: 45px;
position: absolute;
left: 0;
top: 8px;
z-index: 11111;
background: #f28288
}
.icon-home > div {
width: 100%;
height: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
text-align: center;
line-height: 40px;
}
.icon-home > div i{
color:#fff;
}
.come-back:hover .icon-home{
background: #fff;
}
.come-back:hover .icon-home > div i{
color:#f28288;
font-size: 16px;
}
.come-back {
position: relative;
margin: auto;
display: inline-block;
}
.come-back span{
position: relative;
display: inline-block;
background: none;
color: #f28288;
border:1px solid #f28288;
margin-left: 22px;
padding: 19px 35px;
position: relative;
z-index: 1;
text-transform: uppercase;
-webkit-border-radius: 0 5px 5px 0 ;
-moz-border-radius: 0 5px 5px 0 ;
-ms-border-radius: 0 5px 5px 0 ;
-o-border-radius: 0 5px 5px 0 ;
border-radius: 0 5px 5px 0 ;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
}
.come-back:hover span{
border: 1px solid #f28288;
color:#fff;
background: #f28288;
}
.gelli-tabproduct.perfume-tabs .tabs ul li a{
color: #444;
}
.gelli-tabproduct.perfume-tabs .tabs ul li:hover a,.gelli-tabproduct.perfume-tabs .tabs ul li.active a{
color: #c4c4c4;
}
.access-box-top{
margin-bottom: -1px;
}
.table-middle{
display: table;
width: 100%;
height: 100%;
}
.table-cell {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.box4{
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.txt-center .txt-all{
float: right;
width: 55%;
padding-right: 8%;
padding-bottom: 9%;
text-align: center;
}
.txt-center h3{
font-size: 45px;
color: #858585;
text-transform: uppercase;
margin: 0;
}
.txt-center h1{
font-size: 160px;
font-family: "Roboto";
color: #7ac3c2;
margin: 26px 0 25px;
-o-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.txt-center{
font-size: 60px;
font-size: 60px;
margin: 0;
color: #fff;
}
.txt-center h2{
font-size: 60px;
color: #fff;
text-transform: uppercase;
margin: 0;
}
.txt-right .txt-all{
float: right;
text-align: left;
width: 35%;
padding-bottom: 8%;
}
.txt-left .txt-all{
width: 50%;
padding-left: 7%;
text-align: left;
}
.product-white .gelli-product .beans-slideset button.slick-arrow i,
.product-white .gelli-tabproduct .tabs ul li a{
color: #fff;
}
.gelli-tabproduct .tabs ul li a{
position: relative;
}
.gelli-tabproduct .tabs ul li.active .info-right a:before,.gelli-tabproduct .tabs ul li:hover .info-right a:before{
content: "";
position: absolute;
top: 49%;
left: 0;
height: 1px;
width: 100%;
background-color: #c4c4c4;
}
.product-white .gelli-tabproduct .tabs ul li.active a:before,.product-white .gelli-tabproduct .tabs ul li:hover a:before{
background-color: #7c7c7c;
}
.breadcrumbs img{
max-width: 100%;
}
/*Sidebar Blog*/
.sidebar .widget-title-category,
.sidebar >h2,
.sidebar .widget-title{
position: relative;
margin: 0;
margin-bottom: 25px;
line-height: 1.5;
}
.sidebar .widget-title-category:after,
.sidebar >h2:after,
.sidebar .widget-title:after{
background: rgba(68,68,68,1);
background: -moz-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(68,68,68,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#ffffff', GradientType=1 );
height: 1px;
content: '';
width: 100%;
position: absolute;
top: 50%;
left: 0;
}
.sidebar .widget-title-category span,
.sidebar >h2 > span,
.sidebar .widget-title span{
position: relative;
margin: 0 auto;
background-color: #fff;
padding: 0 23px 0 0;
font-size: 18px;
font-family: "Roboto";
z-index:1
}
.sidebar .widget-title-category span:after,
.sidebar >h2 > span:after,
.sidebar .widget-title span:after{
border-width: 5px;
border-style: solid;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-color: #444444;
content: "";
width: 10px;
height: 10px;
position: absolute;
right: 0px;
top: 2px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sidebar .widget{
margin-bottom: 60px;
width: 100%;
float: left;
}
.sidebar .widget:last-child{
margin-bottom:0;
}
.sidebar .widget ul{
padding:0 0 0 20px;
margin:0;
}
.sidebar .widget li{
list-style: none;
margin-bottom: 5px;
}
.sidebar .widget li a{
color:#444;
font-size: 14px;
}
/*Sidebar search*/
.sidebar .widget_search .search-form{
margin-top: 0;
padding-left: 20px;
}
.sidebar .widget_search .search-form input.search-field{
width:100%;
padding-right: 35px;
color:#444;
}
.sidebar .widget_search .search-form input.search-field::-webkit-input-placeholder {
color: #444;
}
.sidebar .widget_search .search-form input.search-field:-moz-placeholder { /* Firefox 18- */
color: #444;
}
.sidebar .widget_search .search-form input.search-field::-moz-placeholder { /* Firefox 19+ */
color: #444;
}
.sidebar .widget_search .search-form input.search-field:-ms-input-placeholder {
color: #444;
}
.sidebar .widget_search .search-form button{
border: none;
padding-top: 10px;
}
.sidebar .widget_search .search-form button:before{
color:#444;
}
.sidebar .widget_search .search-form button:hover:before{
color:#fff;
}
/*Sidebar gelli recent post*/
.gelli-recent-posts{
padding-left: 20px;
}
.img-box{
position: relative;
overflow: hidden;
}
.sidebar .img-box{
float: left;
margin-right: 10px;
}
.img-box .bg-hover{
position: absolute;
height: 100%;
width: 100%;
top: 100%;
opacity: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
}
.img-box a:hover .bg-hover{
opacity: .7;
transition: all 0.6s ;
top:0;
}
.img-box .bg-hover a{
margin:auto;
}
.img-box a{
border:1px solid #ebebeb;
position: relative;
display: inline-block;
clear: both;
}
.img-box .bg-hover i{
color:#fff;
font-size: 25px;
margin: 0 auto;
}
.sidebar .img-box .bg-hover i{
font-size: 14px;
}
.gelli-recent-posts .item-news{
margin-bottom: 20px;
}
.gelli-recent-posts .item-news:after{
content:'';
display: block;
clear: both;
}
.gelli-recent-posts .item-news:last-child{
margin-bottom: 0
}
.gelli-recent-posts .item-news .txt a{
color:#444;
}
/*Widget Tag*/
.tags-share a,
.widget.widget_tag_cloud a,
.widget.widget_product_tag_cloud a{
margin-right: 5px;
border:1px solid #c1c1c1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
color:#444;
padding:9px 8px;
font-size: 13px !important;
display: inline-block;
margin-bottom: 10px;
line-height: 1
}
/*Blog*/
.item-blog {
padding-bottom: 30px;
clear: both;
margin: 30px 0 0;
}
.item-blog:first-child{
margin-top: 0
}
.item-blog .postTitle{
border: none;
margin-bottom: 22px;
}
.item-blog .post-meta {
position: relative;
}
.item-blog .post-meta p.post-date {
position: relative;
display: inline-block;
vertical-align: top;
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-width: 1px;
border-style: solid;
border-color: transparent;
text-align: center;
color: #fff;
width: 49px;
height: 49px;
margin-left: 20px;
top: -34px;
font-weight: 700;
font-size: 20px;
}
.item-blog .post-meta p.post-date.not-thumb{
top: -14px;
}
.item-blog .post-meta p {
display: inline-block;
vertical-align: top;
margin: 0;
color: #777777;
font-size: 12px;
line-height: 30px;
margin: 9px 0 2px;
}
.item-blog .post-meta p.post-date > span {
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
padding-top: 6px;
line-height: 1;
font-size: 20px;
font-weight: 700
}
.item-blog .post-meta p.post-date span{
color:#ffffff;
}
.item-blog .post-meta p.post-date span.month {
font-size: 12px;
width: 100%;
display: inline-block;
vertical-align: top;
line-height: 1.2;
}
.item-blog .post-meta > p{
display: inline-block;
}
.item-blog .post-meta .gelli_p_mt {
width: -webkit-calc(100% - 85px);
width: -moz-calc(100% - 85px);
width: -ms-calc(100% - 85px);
width: -o-calc(100% - 85px);
width: calc(100% - 85px);
line-height: 2;
float: right;
}
.item-blog .post-meta p .fa {
margin-right: 6px;
margin-left: 40px;
}
.item-blog .post-meta p .fa:first-child {
margin-left: 8px;
}
.item-blog .post-meta .gelli_p_mt a{
color:#777777;
}
.item-blog a h2{
font-size: 20px;
font-weight: normal;
margin: 0 0 0;
padding: 0px;
}
.read-more{
background: transparent;
text-transform: uppercase;
padding:15px 18px;
line-height: 1
}
.blog .read-more:hover{
color:#fff;
}
.gelli-blog .read-more:hover a{
color: #444;
}
/*Navigation page*/
.page_navigation{
position: relative;
margin:0;
padding:0;
float: right;
}
.page_navigation li{
list-style: none;
display: inline-block;
width: 30px;
height: 30px;
border:1px solid #444;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-align: center;
line-height: 28px;
margin-right: 5px;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
}
.page_navigation li:last-child{
margin-right: 0
}
.page_navigation li a{
font-size: 13px;
color:#444;
padding:7px 10px;
}
.page_navigation li:hover a,
.page_navigation li:hover a i,
.page_navigation .active .current{
color:#fff;
}
/*product*/
.grid li{
margin-bottom: 30px;
}
.woocommerce a.button {
padding: 0;
display: block;
background-color: transparent;
line-height: 29px;
}
.btn-cart a.button {
padding: 0;
display: block;
background-color: transparent;
line-height: 29px;
}
.woocommerce a.button:hover{
background:transparent;
}
.grid hr,.list hr{
display: none;
}
.custom_select{
min-width: 70px;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.lt-show{position: relative;}
.select_title{
font-style: normal;
height: 35px;
padding-top: 4px;
padding-bottom: 4px;
padding: 6px 35px 5px 13px;
cursor: pointer;
border: 1px solid #e1e4e6;
color: #899096;
}
.select_title:before{
content: "\f107";
font-family: FontAwesome;
display: block;
font-style: normal;
position: absolute;
top: 0;
height: 40px;
line-height: 40px;
color: #606366;
font-size: 16px;
right: 14px;
}
.select_list {
width: 68px;
position: absolute;
top: 100%;
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
-o-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
opacity: 0;
z-index: -1;
background: #fff;
padding-left: 0;
margin: 0;
}
.select_list li{
list-style: none;
}
.select_list.active{
opacity: 1;
z-index: 999;
visibility: inherit;
-moz-transform: translateY(1px);
-o-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
width: 68px;
}
.list article.product {
border: none;
width: 100%;
float: left;
text-align: left;
}
.list .btn-share,.list-btn-share .btn-share{
display: inline-block;
}
.list .product-img {
border: 1px solid;
max-width: 260px;
width: 100%;
text-align: center;
}
.list- h2{
margin: 0;
}
.list .btn-cart{
position: relative;
opacity: 1;
bottom: 0;
float: left;
}
.list > div{
position: relative;
z-index: 2;
}
.btn-cart-list span{
display: block;
float: right;
height: 47px;
width: 145px;
text-align: left;
line-height: 50px;
background: #f3888e;
position: absolute;
left: 22px;
top: -6px;
z-index: 1;
text-transform: uppercase;
color: #fff;
padding-left: 37px;
border-top-right-radius: 5px;
border-bottom-right-radius: 6px;
}
.list-btn-share {
float: right;
}
.list-btn-share .btn-share:last-child{
margin-right: 0
}
.list-btn{
width: 100%;
float: left;
margin-top: 20px;
}
.woocommerce .products .list-product-cat .star-rating{
display: block;
margin: 7px 15px 0 0;
float: left;
}
.woocommerce .list-product-cat .woocommerce-product-rating{
margin-right: 15px 0;
padding: 2px 0 5px 0;
}
.woocommerce article.product .price span{
font-family: inherit;
}
.grid .woocommerce-product-rating,.grid .list-des,.grid .list-1,.grid .btn-cart span{
display: none;
}
.list .woocommerce-product-rating,.list .list-des,.list .list-1,.list .btn-cart span{
display: block;
}
.woocommerce ul.products.list li{
width: 100%;
}
.list .gird-1 {
display: none!important;
}
.gelli_orderby{
position: absolute;
top:1px;
right: 2px;
z-index: 99;
}
.gelli_shortby_wrap{
position:relative;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li{
list-style: none;
display: inline-block;
width: 30px;
height: 30px;
border: 1px solid #c1c1c1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-align: center;
line-height: 28px;
margin-right: 5px;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
}
.woocommerce nav.woocommerce-pagination ul{
border: none;
}
.page-pro{
width: 100%;
float: left;
border-top: 1px solid #ebebeb;
padding-top: 7px;
margin-top: 15px;
}
.woocommerce nav.woocommerce-pagination{
float: right;
width: 50%;
text-align: right;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{
width: 50%;
}
.woocommerce nav.woocommerce-pagination ul li a{
color: #444;
}
.woocommerce .woocommerce-pagination ul.page-numbers li:last-child, .woocommerce-page .woocommerce-pagination ul.page-numbers li:last-child {
margin-right: 0;
}
.archive .sidebar-left ul li a{
text-transform:uppercase;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
background-color: #e1e1e1;
height: 2px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range{
height: 3px;
top: -1px;
z-index: 9;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
border-radius: 0;
background-color: #444;
width: 11px;
height: 11px;
top: -5px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:after {
position: absolute;
width: 7px;
height: 7px;
content: "";
background-color: #000;
border-radius: 100%;
top: 2px;
left: 2px;
}
.woocommerce .widget_price_filter .price_slider_amount{
padding-top: 10px;
}
.woocommerce .widget_price_filter .price_slider_amount .button{
font-size: 14px;
width: 85px;
height: 40px;
color: #fff;
background-color: #444;
text-transform: uppercase;
}
.sidebar .yith-woocompare-widget ul {
padding-left: 0;
}
body.woocommerce .yith-woocompare-widget a.compare {
float: left;
width: 105px;
height: 40px;
color: #fff;
background-color: #444;
text-transform: uppercase;
text-align: center;
line-height: 40px;
margin-top: 20px;
}
.yith-woocompare-widget{
width: 100%;
float: left;
}
a.clear-all {
float: right;
text-transform: uppercase;
color: #444;
margin-top: 26px;
}
.list .product-img{
float: left;
margin-right: 30px;
}
.list article.product{
border: none;
text-align: left;
padding-bottom: 60px;
}
.list .btn-cart,.social-top.list-1{
position: relative;
opacity: 1;
top: 0;
padding-top: 15px;
}
.social-top.list-1{
text-align: right;
top: 0!important;
}
.item-product .list .btn-cart, .item-product .list .social-top{
opacity: 1;
}
.list .btn-cart span,.related-gird-1 .btn-cart span{
display: inline-block;
width: 145px;
height: 48px;
line-height: 45px;
margin-left: -24px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
text-transform: uppercase;
padding-left: 35px;
}
span.woocommerce-review-link {
float: left;
display: inline-block;
padding-top: 0;
margin-left: 16px;
line-height: 14px;
}
.woocommerce .products.list .star-rating {
float: left;
margin: 0;
}
.list li h2 {
margin-top: 0;
}
.woocommerce .woocommerce-product-rating,.woocommerce div.product .woocommerce-product-rating{
height: 20px;
margin-bottom: 8px;
}
.list-des p {
margin-top: 20px;
}
.woocommerce ul.products.list li:last-child article.product {
padding-bottom: 15px;
}
.list-view-as {
width: 155px;
height: 40px;
border: 1px solid #c1c1c1;
float: right;
text-align: center;
padding: 0;
border-radius: 3px;
line-height: 40px;
margin: 0;
}
.list-view-as li {
list-style: none;
float: left;
width: 34px;
}
.list-view-as li:first-child{
font-size: 13px;
color: #464646;
width: 85px;
text-align: center;
position: relative;
}
.list-view-as li:first-child:after,.lt-show p:after{
position: absolute;
content: "";
right: 0;
top: 7px;
width: 1px;
height: 25px;
background: #f3f3f3;
}
.list-view-as li i{
font-size: 15px;
color: #444;
}
.lt-show {
width: 140px;
border: 1px solid #c1c1c1;
float: left;
height: 40px;
border-radius: 3px;
}
.lt-show p{
float: left;
width: 70px;
text-align: center;
line-height: 38px;
font-weight: 400;
position: relative;
}
.lt-show .custom_select{
width: 68px;
min-width: 68px;
float: left;
margin-right: 0;
}
.lt-show .custom_select .select_title {
border: none;
font-weight: 700;
height: 38px;
box-sizing: border-box;
padding-top: 10px;
}
.show-all {
float: left;
width: 100%;
margin-bottom: 40px;
}
.woocommerce .show-all .woocommerce-ordering{
margin:0;
float: left;
}
.gelli_shortby_wrap .lt-show {
width: 340px;
}
.gelli_shortby_wrap .lt-show .custom_select{
width: 165px;
}
.gelli_shortby_wrap .lt-show p{
width: 80px;
}
.gelli_shortby_wrap .gelli_orderby{
height: 38px;
}
.select_list{
-webkit-box-shadow: 0 1px 1px rgba(193,193,193,.15);
-moz-box-shadow: 0 1px 1px rgba(193,193,193,.15);
-o-box-shadow: 0 1px 1px rgba(193,193,193,.15);
-ms-box-shadow: 0 1px 1px rgba(193,193,193,.15);
box-shadow: 0 1px 1px rgba(193,193,193,.15);
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
-o-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
transition: all .5s ;
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s;
}
.select_list li:not(:first-child) {
border-top: 1px solid rgba(193,193,193,.15);
}
.select_list li {
cursor: pointer;
padding: 6px 13px 5px;
}
.select_list a{
width: 100%;
color: #444;
display: block;
}
.select_list li:hover{
background: #f7f7f7;
}
/*single product*/
form.cart td{
padding:0 !important;
margin:0;
}
form.cart td{
text-align: left;
display: inline-block;
}
form.cart td.label{
min-width: 75px !important
}
form.cart td.label label{
padding: 0;
margin:0;
line-height: 40px !important;
text-transform: uppercase;
min-width: 75px;
font-size: 13px;
font-weight: 400;
}
form.cart select{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border:1px solid #ebebeb;
padding:8px 10px;
min-width:150px !important;
}
form.cart select:focus{
outline: none
}
.woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading{
padding:0!important;
}
#yith-quick-view-modal .btn-prev,
#yith-quick-view-modal .btn-next{
display:none;
}
#yith-quick-view-modal .beans-slideset{
text-align:center;
}
#yith-quick-view-modal .beans-slide{
display:inline-block;
width: 33%;
}
.woocommerce .mini_cart_item .quantity,.woocommerce-page .mini_cart_item .quantity{
border:none;
}
.woocommerce .quantity,.woocommerce-page .quantity{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border:1px solid #ebebeb;
position: relative;
display: inline-block;
}
.woocommerce .quantity .qty,.woocommerce-page .quantity .qty{
border: none;
margin: 0;
line-height: 38px;
height: 38px;
padding:0 20px 0 40px;
width: 150px !important;
font-weight: 400;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.woocommerce .quantity button,.woocommerce-page .quantity button{
position: absolute;
top:0;
left:0;
width:40px;
height: 38px;
border:none;
background: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.woocommerce .quantity button:focus,.woocommerce-page .quantity button:focus{
outline: none;
}
.woocommerce .quantity button i,.woocommerce-page .quantity button i{
color:#777;
}
.woocommerce .quantity button.f_right,.woocommerce-page .quantity button.f_right{
right:0;
left:auto;
top:0;
}
.woocommerce a.remove:hover {
background: none;
}
.woocommerce a.remove{
padding-top: 0;
}
.quantity div{
float: left;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
margin: 0;
font-size: 13px;
display: inline-block;
vertical-align: top;
height: 40px;
text-align: center;
border: 1px solid #ebebeb;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del{
line-height: 1.5
}
.slide-product-thumb .slick-slider{
padding:0 10px;
}
.slide-product-thumb .beans-slide > div{
padding:0 5px;
}
.slide-product-thumb .beans-slide .zoom{
width:100% !important;
padding:15px 15px;
margin:0 !important;
border:1px solid #ebebeb;
}
.slide-product-thumb .beans-stepslider .slick-arrow:focus{
outline: none;
}
.slide-product-thumb .beans-stepslider .slick-arrow{
z-index: 999;
top: 40%;
border: 0;
margin: 0;
padding: 0;
left: 2px;
font-size: 20px;
background: #fff;
position: absolute;
width: 25px;
height: 25px;
border: 1px solid #ebebeb;
border-radius: 2px;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
-moz-transform: scale(1) rotate(45deg);
-webkit-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
}
.slide-product-thumb .beans-stepslider .slick-next {
left: auto;
right: 2px;
}
.slide-product-thumb .beans-stepslider .slick-arrow i {
-moz-transform: scale(1) rotate(-45deg);
-webkit-transform: scale(1) rotate(-45deg);
-o-transform: scale(1) rotate(-45deg);
-ms-transform: scale(1) rotate(-45deg);
transform: scale(1) rotate(-45deg);
left: 0;
right: 0;
bottom: 0;
line-height: 25px;
height: 100%;
width: 100%;
font-size: 16px;
}
.woocommerce div.product div.images img{
border: 1px solid #ebebeb;
height: auto;
width:auto;
margin:auto;
}
.woocommerce #content div.product .product-img-box div.images, .woocommerce div.product .product-img-box div.images, .woocommerce-page #content div.product .product-img-box div.images, .woocommerce-page div.product .product-img-box div.images{
width: 100%;
}
.woocommerce #content div.product .product-shop div.summary, .woocommerce div.product .product-shop div.summary, .woocommerce-page #content div.product .product-shop div.summary, .woocommerce-page div.product .product-shop div.summary {
width: 100%;
}
.woocommerce div.product .product_title,.price .amount,.price .woocommerce-Price-currencySymbol,.woocommerce-review-link,.woocommerce-review-link .count,.amount, .woocommerce-Price-currencySymbol {
font-weight: 400;
}
.woocommerce .woocommerce-product-rating .star-rating{
margin:0;
}
.product-shop .price .amount,.product-shop .price .woocommerce-Price-currencySymbol{
font-size: 25px;
}
.short-description p {
color: #7f7f7f;
border-bottom: 1px solid #ebebeb;
padding-bottom: 25px;
margin-bottom: 30px;
}
.minus-left, .minus-right{
border: none;
height: 40px;
padding: 0;
display: inline-block;
vertical-align: top;
line-height: 40px;
width: 40px;
background-color: transparent;
font-size: 18px;
font-weight: 700;
cursor: pointer;
}
.product-shop .summary > div.add-to-wishlist, .product-shop .summary > .compare {
display: none;
}
.related-gird-1 .btn-cart {
position: static;
opacity: 1;
float: left;
width: 50%;
visibility: visible;
}
.related-gird-1{
float: left;
width: 100%;
}
.related-gird-1 .list-btn-share{
padding-top: 8px;
}
.share-links {
float: left;
width: 100%;
padding-top: 5px;
}
.share-links li{
list-style: none;
display: inline-block;
font-weight: 400;
font-size: 13px;
}
.share-links ul{
padding: 0;
}
.share-links ul li{
margin-left: 13px;
}
.share-links ul li:first-child{
margin-left: 0;
margin-right: 12px;
text-transform: uppercase;
}
.share-links ul li a i{
font-size: 13px;
color: #b8b8b8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
padding: 0;
overflow: inherit;
margin-bottom: 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: #fff;
border: 1px solid #ebebeb;
margin: 0 3px 0;
padding: 5px 30px;
border-radius: 10px;
transition: all 1s -in-out 0s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
color: #fff;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:before{
display: none!important;
}
.woocommerce div.product .woocommerce-tabs .panel {
border: 1px solid #ebebeb;
padding: 32px 35px 35px 39px;
border-radius: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{
content: "";
width: 15px;
height: 15px;
position: absolute;
display: block;
clear: both;
margin-left: -8px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #ebebeb;
z-index: 9;
left: 50%;
bottom: -28px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after{
display: none;
}
.add_review{
float: left;
line-height: 14px;
display: inline-block;
margin-left: 5px;
color: #444;
}
.related .block-title {
margin-bottom: 55px;
text-align: center;
margin-top: 90px;
}
.block-title h2.title-name{
background: none;
position: relative;
font-size: 30px;
display: inline-block;
padding-bottom: 0;
margin: 0;
padding-top: 20px;
text-align: center;
font-family: "Roboto", arial, tahoma;
}
.block-title h2.title-name:before{
content: '';
background: linear-gradient(left, #ffffff 0%,#444444 40%,#444444 60%,#fff 100%);
background: -webkit-linear-gradient(left, #ffffff 0%,#444444 40%,#444444 60%,#fff 100%);
background: -moz-linear-gradient(left, #ffffff 0%,#444444 40%,#444444 60%,#fff 100%);
background: -ms-linear-gradient(left, #ffffff 0%,#444444 40%,#444444 60%,#fff 100%);
background: -o-linear-gradient(left, #ffffff 0%,#444444 40%,#444444 60%,#fff 100%);
position: absolute;
bottom: 4px;
height: 1px;
width: 84%;
margin: 0 8%;
}
.block-title h2.title-name:after{
content: "";
width: 9px;
height: 9px;
position: relative;
display: block;
clear: both;
margin: 11px auto 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #444444;
z-index: 9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
margin-left: 0;
}
.woocommerce span.onsale{
width: 30px;
height: 30px;
line-height: 30px;
}
.archive.woocommerce .widget_layered_nav ul li a:before{
content: '\f096';
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: static;
margin-right: 8px;
}
.archive.woocommerce .widget_layered_nav ul li.chosen a:before{
line-height: 1;
content: "\f14a";
font-family: FontAwesome;
font-weight: 400;
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
text-decoration: none;
}
.archive small.count{
position: relative;
padding: 0 5px;
}
small.count:after {
position: absolute;
content: ")";
right: 0;
}
small.count:before {
position: absolute;
content: "(";
left: 0;
}
.list-des,.list-1,.btn-cart span,.archive.woocommerce .woocommerce-product-rating,.sidebar .side-featured .social-top,.sidebar .side-featured .btn-cart{
display: none;
}
.archive.woocommerce .list .woocommerce-product-rating{
display: block;
}
.yith-woocommerce-ajax-product-filter .yith-wcan li{
margin-bottom: 5px;
}
.sidebar .side-featured article.product{
border: none;
text-align: left;
float:left;
width:100%;
padding-bottom: 20px;
}
.sidebar .side-featured article.product:last-child{
padding-bottom: 0;
}
.sidebar .side-featured article.product .item-product{
padding-bottom:0;
}
.sidebar .side-featured article.product .product-img{
width: 100px;
height: 100px;
border: 1px solid #ebebeb;
min-height: 100px;
padding: 0;
float: left;
margin-right: 10px;
}
.sidebar .side-featured article.product h2{
text-align: left;
margin-top: 0;
padding-top: 5px;
}
.sidebar .side-featured article.product h2 a{
display:block;
}
.sidebar .side-featured article.product .price span{
font-size: 20px;
}
/*Cart*/
.slide-product-thumb img{
border:none !important;
}
.woocommerce-cart .woocommerce-Price-currencySymbol,.woocommerce-cart .woocommerce-Price-amount .amount{
font-weight: 700;
}
.woocommerce-cart .woocommerce a.button,.woocommerce-cart .btn,.woocommerce-cart .btn span{
color: #fff;
font-weight: 400;
text-transform: uppercase;
}
input[type="text"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(119,119,119,0.5);
}
input[type="text"]::-moz-placeholder,textarea::-moz-placeholder { /* Firefox 19+ */
color: rgba(119,119,119,0.5);
}
input[type="text"]:-ms-input-placeholder,textarea:-ms-input-placeholder { /* IE 10+ */
color: rgba(119,119,119,0.5);
}
input[type="text"]:-moz-placeholder,textarea:-moz-placeholder { /* Firefox 18- */
color: rgba(119,119,119,0.5);
}
input{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ebebeb;
height: 45px;
padding: 10px;
}
input[type="submit"]{
padding:0 25px;
text-transform: uppercase;
background:none;
box-shadow:none;
border-radius: 3px;
border:1px solid;
}
.woocommerce input[type="submit"]{
color: #fff;
height: 40px;
background: none;
border: 1px solid;
padding-left: 25px;
padding-right: 25px;
margin-right: 15px;
text-transform: uppercase;
}
input[type="submit"]:hover{
color: #fff;
}
.woocommerce input[name="rememberme"]{
margin-top:0;
margin-right: 5px;
}
.woocommerce input[type="submit"]:hover{
color: #fff;
}
.woocommerce form input.input-text{
height: 40px;
border-radius: 9px;
border: 1px solid #ebebeb;
padding: 5px 8px;
color: #444;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
background: none;
text-transform: uppercase;
border: 1px solid;
}
.wpcf7-form p input[type="submit"]:hover,.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{
color: #fff;
}
.woocommerce-checkout .sidebar .widget-title span{
text-transform: capitalize;
}
.woocommerce form .form-row textarea{
border-radius: 9px;
border: 1px solid #ebebeb;
color: #444;
padding: 10px 8px;
height: 10em;
}
.woocommerce-info,.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{
border-color: #ebebeb;
}
.woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button {
height: 40px;
font-size: 14px;
padding: 0;
line-height: 40px;
border-radius: 9px;
width: 125px;
border: 1px solid;
background: none;
}
.woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button:hover{
color: #fff;
}
.sidebar .item-product{
border:none !important;
}
.woocommerce-variation-price{
margin-bottom: 10px;
}
.woocommerce-variation.single_variation{
padding-left: 75px;
}
.woocommerce .cart .product-quantity .quantity input{
width:130px !important;
}
.woocommerce-page #content table.cart img{
height: 100px;
}
.woocommerce input.button{
border-radius: 9px;
}
.woocommerce-message,.woocommerce-error{
border-top-color: #ebebeb;
}
.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
color: #fff;
margin-top: -5px;
}
.woocommerce-password-strength{
margin-top: 10px;
border-radius: 5px;
}
/*Single post*/
.tags-share {
padding-bottom: 21px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 50px;
}
.tags-share span{
text-transform: uppercase;
padding-right: 18px;
color:#044444;
}
.shop-by {
height: 200px;
background-color: #232323;
}
.post-author-box{
margin-bottom: 80px;
}
.post-author-box .img-author{
float: left;
border: 5px solid;
border-radius: 50%;
overflow: hidden;
margin-right: 60px;
}
.comments-area .count-cmt{
margin-top: 50px;
}
.post-author-box .dsc-author a.name-author{
text-transform: uppercase;
font-size: 14px;
}
.post-author-box .dsc-author span.job-author{
font-size: 13px;
color:#989898;
display: table-cell;
clear: both;
}
.post-author-box .dsc-author .info-author{
margin:15px 0 20px 0;
}
.post-author-box .dsc-author .info-author p{
margin: 0;
}
.post-author-box .dsc-author .author-social a {
margin:0 5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
width:25px;
height: 25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius:3px;
}
.post-author-box .dsc-author .author-social a:hover i{
color:#fff;
}
.post-author-box .dsc-author .author-social a i{
color: #b8b8b8;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
line-height: 24px;
}
.count-cmt{
position: relative;
margin: 0;
margin-bottom: 17px;
margin-top: 20px;
height: 10px;
}
.count-cmt:after {
background: rgba(68,68,68,1);
background: -moz-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(68,68,68,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(68,68,68,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#ffffff', GradientType=1 );
height: 1px;
content: '';
width: 100%;
position: absolute;
top: 0;
}
.count-cmt span {
display: inline-block;
position: absolute;
top: -17px;
width: auto;
margin: 0 auto;
background-color: #fff;
padding: 0 23px 0 0;
font-size: 30px;
font-family: "Roboto";
z-index: 99;
line-height: 30px;
}
.count-cmt span:after {
border-width: 5px;
border-style: solid;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-color: #444444;
content: "";
width: 10px;
height: 10px;
position: absolute;
right: 0px;
top: 12px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.comments-area ul{
padding:0;
margin:0;
}
.comments-area ul li{
list-style: none;
}
.comment-list li:first-child{
border-top: none
}
.comment-list li{
display: block;
clear: both;
padding-bottom: 30px;
padding-top: 30px;
position: relative;
border-top: 1px solid #ebebeb
}
.comment-list .img-author-cmt{
margin-right: 30px;
position: absolute;
left: 0;
top: 30px;
}
.comment-list .img-author-cmt div{
position: absolute;
}
.comment-list .hoder{
padding-left: 65px;
}
.comment-reply-link{
padding:10px 15px;
line-height: 1;
background: #444444;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
display: inline-block;
}
.comment-reply-link span{
color:#fff;
}
.comment-txt{
margin: 15px 0 20px 0;
}
.comment .hoder strong{
text-transform: capitalize;
}
.comment .hoder time{
display: table-cell;
font-size: 13px;
color:#989898;
}
.comment-list .children {
margin: 0 0 0 50px;
}
.comment-list .children li{
border-top: 1px solid #ebebeb;
padding-top: 30px;
}
.comment-list .children li:first-child .img-author-cmt{
top:0;
}
.comment-list .children li:first-child{
border-top: none;
padding-top: 0;
}
.comment-form input{
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border:1px solid #ebebeb;
margin-bottom: 15px;
height: 45px;
padding:10px;
}
.comment-form .form-row input{
width:100%;
}
.comment-form textarea{
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border:1px solid #ebebeb;
}
.comment-form .right{
float: right !important
}
.comment-form p.form-submit{
display: block;
clear: both;
}
.comment-form p.form-submit input{
padding:10px 33px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
line-height: 1;
background: #fff;
margin-top: 20px;
}
.comment-reply-link:hover,
.comment-form p.form-submit input:hover{
color:#fff;
}
.accessories-home2 .form-newlt{
border:none !important;
}
.list article.product .item-product{
border: none!important;
text-align: left;
}
.gelli-product .slide-product-filter .beans-slideset button.slick-arrow.slick-prev,.gelli-product .slide-product-filter .beans-slideset button.slick-arrow.slick-next{
top: 48.5%;
}
.contact-right .table-cell{
text-align: left;
}
.about-us-banner-content{
margin-top: -80px;
}
/*Shortcode Countdown*/
#countdown span.countdown-row .countdown-section{
display: inline-block;
text-align: center;
padding:0 30px;
background: url(../images/bg-right-section.jpg) no-repeat right center;
}
#countdown span.countdown-row .countdown-section:first-child{
padding-left: 0;
}
#countdown span.countdown-row .countdown-section:last-child{
padding-right: 0;
background: none
}
#countdown span.countdown-row .countdown-section .countdown-period{
display: block;
clear: both;
}
.countdonw-time{
margin: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width:425px;
height: 425px;
background: #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.countdonw-time #countdown{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top:0;
bottom:0;
left: 0;
right: 0;
vertical-align: middle;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.countdonw-time #countdown span.countdown-row{
text-align: center;
margin: auto
}
.countdonw-time #countdown span.countdown-row .countdown-amount{
font-size: 35px;
font-weight: bold;
}
.countdonw-time #countdown span.countdown-row .countdown-period{
font-size: 20px;
font-weight: normal;
}
.gelli-countdown{
position: relative;
padding-top: 82px;
padding-bottom: 82px;
}
.gelli-countdown .page-heading{
position: absolute;
left: 0;
right: 0
}
.gelli-countdown .page-heading h2{
text-align: center;
font-size: 100px;
font-family: 'Roboto';
position: relative;
z-index: 9;
margin:0;
}
.gelli-countdown .conect-us{
position: absolute;
bottom:105px;
left: 0;
right: 0;
text-align: center;
}
.gelli-countdown .conect-us ul{
padding:0;
margin:0;
}
.gelli-countdown .conect-us ul li{
list-style: none;
display: inline-block;
margin:0 3px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width:30px;
height: 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius:3px
}
.gelli-countdown .conect-us ul li a{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
left: 0;
right: 0;
bottom:0;
top:0;
display: flex;
vertical-align: middle;
align-content: center;
}
.gelli-countdown .conect-us ul li a i{
color:#b9b9b9;
margin: auto
}
.gelli-countdown .conect-us ul li:hover a i{
color:#fff;
}
.gelli-countdown .conect-us p{
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
color:#777;
}
.btcart{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
vertical-align: middle;
text-align: center;
background: rgba(255,255,255,0.6);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.btcart:hover{
opacity: 1;
}
.btcart a{
margin:auto !important;
vertical-align: middle;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
display: flex !important;
height: 100%;
width:100%;
text-align: center;
}
.btcart a:before{
margin:auto;
}
.btcart div.eft-hover{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
padding: 0;
border-width: 1px;
border-style: solid;
font-size: 12px;
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 38px;
height: 38px;
position: relative;
margin: auto;
background: #fff
}
.btcart div.eft-hover:hover{
-o-transform: scale(1.4) rotate(45deg);
-moz-transform: scale(1.4) rotate(45deg);
-ms-transform: scale(1.4) rotate(45deg);
-webkit-transform: scale(1.4) rotate(45deg);
transform: scale(1.4) rotate(45deg)
}
.btcart div.eft-hover a{
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.btcart div.eft-hover:hover div{
border:2px solid #fff;
width: 100%;
height: 100%
}
.btcart div.eft-hover:hover a:before{
position: absolute;
color: #fff;
margin: 0 auto;
left: 0;
right: 0;
}
.archive .woocommerce-message {
display: none;
}
/*Page search*/
.search .page-title{
margin-top: 0;
font-size: 16px;
}
.search .page-header{
margin-top: 0
}
.search .page-title span{
font-size: 16px;
}
.footer-info-v1 .links li span.text{
color: #fff;
}
.home-top-1 .txt p{
font-size: 16px;
}
.gelli-box > div img,.gelli-box .txt h3,.gelli-box .txt p,.gelli-box-3 .txt h3,.gelli-box-3 p{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.new-product .btcart{
left: 50px;
}
.new-product .imgthumb:hover .btcart{
left: 0;
}
.woocommerce .woocommerce-ordering select{
border: none;
width: 250px;
padding-left: 10px;
font-weight: 400;
}
.yith-woocompare-widget ul.products-list a.remove:hover{
color: #fff!important;
}
.right{
float: right;
}
.display-inline {
display: inline-block;
}
.woocommerce-cart .woocommerce table.shop_table.last-table .order-total td,.woocommerce-cart .woocommerce table.shop_table.last-table .cart-subtotal td{
text-align: center;
}
.woocommerce form .form-row select {
cursor: pointer;
margin: 0;
height: 40px;
border: 1px solid #d3ced2;
border-radius: 9px;
padding-left: 6px;
}
.btn-cal{
height: 40px;
border: 1px solid #d3ced2;
background-color: #444;
border-radius: 9px;
text-transform: uppercase;
color: #fff;
font-weight: 400;
padding: 0 23px;
}
.woocommerce-cart .wc-proceed-to-checkout{
padding: 0;
}
.home-second-bg.vc_row {
background-position: left bottom!important;
}
.woocommerce #review_form #respond .form-submit input{
background-color: #444;
color: #fff;
}
.sidebar article.product .item-product{
text-align: left;
}
.avatar.alignnone{
margin: 0;
}
textarea:focus, input:focus,.search-form input.search-field:focus,.woocommerce #review_form #respond textarea:focus{
box-shadow: none;
outline: none;
}
.share-social a i{
color: #444;
}
.gelli-blog a:hover h2{
opacity: 0.5;
}
#mycarousel{
float:left;
height:auto!important;
}
.ms-slide img{
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
opacity: 0.3 !important;
margin: 0!important;
}
.ms-slide.ms-sl-selected img{
opacity: 1 !important;
}
.list .btn-cart .btn-cart-in:hover{
-webkit-transform: scale(1.46) rotate(45deg);
-moz-transform: scale(1.46) rotate(45deg);
-ms-transform: scale(1.46) rotate(45deg);
-o-transform: scale(1.46) rotate(45deg);
transform: scale(1.46) rotate(45deg);
}
.single .btn-cart .btn-cart-in:hover,.list .btn-cart .btn-cart-in:hover{
margin: 0 6px!important;
}
body .related-gird-1 .btn-cart span,.archive .list .btn-cart span {
background-color: #fff;
cursor: pointer;
}
body .related-gird-1 .btn-cart span{
border:1px solid;
}
.archive .list .btn-cart span {
border:1px solid;
border-left: none;
background: none!important;
position: absolute;
top: -10px;
left: 14px;
margin-left: 0;
}
.archive .list .btn-cart:hover span,.archive .list .btn-cart:hover .btn-cart-in1,.related-gird-1 .btn-cart:hover span,.related-gird-1 .btn-cart:hover .btn-cart-in1{
color: #fff;
}
.archive .list .btn-cart:hover a,.related-gird-1 .btn-cart:hover a,.related-gird-1 .btn-cart:hover i{
color: #fff;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
border-bottom: 0;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
text-transform: uppercase;
}
.woocommerce .woocommerce-ordering select option{
color: #444;
}
select.gelli_orderby {
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 4px),
calc(100% - 15px) calc(1em + 4px),
calc(100% - 2.5em) 0.5em;
background-size:5px 5px, 5px 5px, 0 0;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
}
select.gelli_orderby:focus {
outline: none;
}
.add-cart-lt{
display: none;
}
.list .add-cart-lt{
display: block;
}
.list .btn-cart-in1-list{
-o-transform: none;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
width: 170px;
line-height: 48px;
height: 50px;
font-size: 14px;
text-transform: uppercase;
margin: 0 0 0 19px;
padding: 0 15px 0 0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
text-align: center;
border-width: 1px;
border-style: solid;
transition: all 0.3s;
position: relative;
color: #f28288;
background: #ffffff;
border-color: #f28288;
display: inline-block;
width: auto;
padding-right: 37px;
}
.list .add-cart-lt-1{
-webkit-border-radius: 3px;
padding: 0;
border-width: 2px;
border-style: solid;
font-size: 12px;
-webkit-transition: all 0.3s;
-o-transform: all 0.3s;
-moz-transform: all 0.3s;
-ms-transform: all 0.3s;
transition: all 0.3s;
width: 100%;
height: 100%;
margin: 0;
background-color: #fff;
display: inline-block;
vertical-align: top;
display: none;
border-color: #fff;
}
.list .add-cart-lt-1:before{
line-height: 35px;
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size: 14px;
display: inline-block;
width: 100%;
height: 100%;
line-height: 33px;
}
.list .btn-cart-list .btn-cart-list span{
background: none;
top: -1px;
padding-left: 14px;
position: inherit;
width: auto;
float: none;
}
.list .btn-cart-in-list{
float: left;
margin-top: 20px;
}
.list .add_to_cart_button:before{
display: none;
}
.list .add-cart-lt-1{
display: block;
}
.list .btn-cart{
display: none;
}
.list .btn-cart-list{
display: block!important;
}
.list .btn-cart-list:hover .btn-cart-list span,.btn-cart-in-list:hover .add-cart-lt-1:before{
color: #fff;
}
.list .add-cart-lt{
width: 36px;
height: 36px;
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(45deg);
position: absolute;
top: 6px;
left: -16px;
border: 1px;
z-index: 99;
border-style: solid;
}
.list .social-top.list-1{
padding-top: 25px;
float:right;
}
.list .btn-cart-in-list:hover span{
color: #fff;
}
.woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after{
display: none;
}
.single .related-gird-1 .btn-cart .btn-cart-in:hover{
-webkit-transform: scale(1) rotate(45deg);
-moz-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
}
.woocommerce-wishlist table tr td a,.woocommerce.woocommerce-wishlist .wishlist_table td.product-add-to-cart a,.mobile-show span{
color: #444;
font-size: 15px;
font-weight: 400;
}
.wishlist_table tr td.product-stock-status span.wishlist-in-stock,.woocommerce a.remove i{
color: #444;
}
.woocommerce-wishlist .woocommerce table thead tr th {
padding: 20px;
font-size: 14px;
text-transform: uppercase;
border: none;
text-align: center;
}
.woocommerce-wishlist .woocommerce table thead tr th span{
color: #fff;
}
.woocommerce .site-content a.button.alt{
display: inline-block;
padding: 5px 20px;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 5px
}
.btn:hover, .btn:focus, .btn.focus{
outline: none;
}
/*menu*/
.post-date{
position: relative;
}
.post-date a{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.search .search-form input.search-field{
width: 100%;
}
.search .search-form .search-submit{
border: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 5+ ONLY */
::i-block-chrome, .related-gird-1 .btn-cart span{
width: 165px;
}
}
.woocommerce div.product form.cart .reset_variations{
font-size: 14px;
border: 1px solid;
padding: 0 10px;
float: right;
margin: 0;
border-radius: 10px;
}
.woocommerce .order_details li{
float: none;
padding: 0;
margin: 0;
font-size: 14px;
border: none;
text-transform: initial;
}
.woocommerce .order_details li strong{
display: inline-block;
font-size: 14px;
}
.order_details thead tr th{
color: #fff;
}
.woocommerce.archive .gelli-cart .buttons a {
color: #fff;
}
.gelli_inbox_wrap{
padding-left:90px;
padding-right: 90px;
}
.social-hover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
display: flex;
top: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.social-hover .midle{
margin:auto;
}
.social-hover .midle .rotate-45 > div{
display: inline-block;
float: left;
}
.filter-products.layout2 .slick-slider,
.slide-product.layout2 .slick-slider{
padding:0 120px;
}
.filter-products.layout2 .btn-cart,
.slide-product.layout2 .btn-cart{
position: static;
opacity: 1;
}
.rotate-45{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin:20px 0 0 20px;
}
.filter-products.layout2 .btn-cart-in,
.filter-products.layout2 .btn-share,
.slide-product.layout2 .btn-cart-in,
.slide-product.layout2 .btn-share{
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
margin-bottom: 13px;
}
.filter-products.layout2 .btn-cart-in:hover,
.filter-products.layout2 .btn-share:hover,
.slide-product.layout2 .btn-cart-in:hover,
.slide-product.layout2 .btn-share:hover {
-moz-transform: scale(1.46);
-webkit-transform: scale(1.46);
-o-transform: scale(1.46);
-ms-transform: scale(1.46);
transform: scale(1.46);
margin: 0 10px;
}
.filter-products.layout2 .btn-cart-in1,
.filter-products.layout2 .btn-share .add-to,
.filter-products.layout2 .btn-share a,
.filter-products.layout2 .btn-share .add-to-wishlist,
.slide-product.layout2 .btn-cart-in1,
.slide-product.layout2 .btn-share .add-to,
.slide-product.layout2 .btn-share a,
.slide-product.layout2 .btn-share .add-to-wishlist{
background: none;
border:none;
}
.filter-products.layout2 .btn-cart-in1,
.filter-products.layout2 .btn-share a,
.slide-product.layout2 .btn-cart-in1,
.slide-product.layout2 .btn-share a{
width:auto;
height: auto;
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:2px;
}
.filter-products.layout2 .btn-share:hover a,
.slide-product.layout2 .btn-share:hover a{
background: #fff;
}
.filter-products.layout2 .product-img,
.slide-product.layout2 .product-img{
padding-top: 0;
min-height: auto;
}
.filter-products.layout2 .btn-share,
.slide-product.layout2 .btn-share{
border:1px solid #fff;
}
.filter-products.layout2 .btn-cart-in,
.slide-product.layout2 .btn-cart-in{
background: none;
border:1px solid #fff;
}
.filter-products.layout2 .btn-cart-in:hover .btn-cart-in1,
.slide-product.layout2 .btn-cart-in:hover .btn-cart-in1{
background: #fff;
}
.filter-products.layout2 .btn-cart-in1 a,
.filter-products.layout2 .btn-share i,
.slide-product.layout2 .btn-cart-in1 a,
.slide-product.layout2 .btn-share i{
color:#fff;
}
.filter-products.layout2 .item-product,
.slide-product.layout2 .item-product{
border:none;
}
.filter-products.layout2 .slick-arrow,
.slide-product.layout2 .slick-arrow{
width:34px !important;
height: 132px !important;
top:42.5% !important;
}
.filter-products.layout2 .slick-arrow i,
.slide-product.layout2 .slick-arrow i{
display: none;
}
.filter-products.layout2 .item-product:hover .social-hover,
.slide-product.layout2 .item-product:hover .social-hover{
opacity: 0.7;
}
.slide-product.layout3 .beans-slideset button.slick-arrow.slick-prev{
left:-30px !important;
}
.slide-product.layout2 .beans-slideset button.slick-arrow.slick-prev{
left:0;
background: url(../images/prev.png) no-repeat;
}
.slide-product.layout3 .beans-slideset button.slick-arrow.slick-next{
right:-30px !important;
}
.slide-product.layout2 .beans-slideset button.slick-arrow.slick-next{
right:0;
background: url(../images/next.png) no-repeat;
}
.filter-products.layout2 .product-img{
background: #f5f5f5;
text-align: center;
}
.filter-products.layout2 .item-product:hover{
box-shadow: 0px 1px 4px 2px #f7f7f7
}
.filter-products.layout2 .item-product{
padding-bottom: 20px
}
.masonry_loadmore{
color:#fff;
text-transform: uppercase;
padding:12px 22px;
border-width: 1px;
border-style: solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin-top: 25px;
}
.masonry_loadmore:focus{
outline: none;
}
.masonry_loadmore i{
color:#fff;
margin-left: 15px;
}
.masonry_loadmore:hover{
border-width: 1px;
border-style: solid;
background: none;
}
/*config color*/
.home7-men h2,
.home7-women h2{
font-size: 200px;
font-family: 'Roboto', 'cursive';
position: relative;
color:#fff;
}
.home7-women .txt-diff{
font-size: 20px;
color:#282828;
font-family: 'Montserrat';
line-height: 41px;
position: absolute;
right:0;
bottom: 20px;
letter-spacing: 18px;
text-transform: uppercase;
}
.home7-men .txt-diff{
font-size: 20px;
color:#282828;
font-family: 'Montserrat';
line-height: 41px;
position: absolute;
right:auto;
left:0;
bottom: 15px;
letter-spacing: 18px;
text-transform: uppercase;
}
.home7-men p,
.home7-women p{
font-size: 16px;
font-family: 'Montserrat';
line-height: 1.5
}
.view-now{
padding:12px 20px;
border:1px solid #282828;
display: inline-block;
clear: both;
color:#282828;
margin-top: 50px;
text-transform: uppercase;
}
.view-now i{
color:#282828;
}
.home7-section1,
.home7-section2{
margin-bottom: 100px;
}
.home7-couple .title{
position: relative;
text-align: center;
}
.home7-couple .title .txt-diff{
position: absolute;
top:45%;
left:0;
right:0;
font-size: 20px;
color:#282828;
font-family: 'Montserrat';
line-height: 41px;
letter-spacing: 18px;
text-transform: uppercase;
}
.home7-couple .title h2{
opacity: 0.3;
color:#fff;
font-size: 200px;
font-family: 'Roboto', 'cursive';
}
.home7-couple p{
text-align: center;
width: 70%;
margin: auto;
}
.filter-products.layout2 #work-filter {
text-align: center;
}
.filter-products.layout2 #work-filter li{
margin:0 20px;
text-align: center;
}
.filter-products.layout2 #work-filter li a{
text-transform: uppercase;
color:#aba8a8;
}
/*Footer version 3*/
.footer-v3{
position: relative;
padding:0;
}
.footer-v3:before{
content:'';
background: #fff;
height: 50%;
width:100%;
position: absolute;
top:0;
}
.footer-v3:after{
content:'';
background: #f5f5f5;
height: 50%;
width:100%;
position: absolute;
top:50%;
}
.footer-v3 .footer-bottom,
.footer-v3 .footer-center{
position: relative;
z-index: 999
}
.footer-v3 .footer-bottom{
padding:45px 0;
}
.footer-v3 .footer-bottom .text-left .widget{
padding-left: 90px;
}
.footer-v3 .footer-bottom .text-right .widget{
padding-right: 90px;
}
.footer-v3 .form-newlt{
padding-bottom: 0 !important
}
.footer-v3 .footer-center .widget{
background: #7ac3c2;
padding:30px 70px;
margin-top: 115px;
}
.footer-v3 .form-newlt input[type="email"]{
background: transparent;
border: none !important;
border-bottom: 1px solid #fff !important;
color: #fff !important;
padding-left: 5px !important
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
background-color: transparent !important;
}
.form-newlt .first p{
font-size: 18px;
text-transform: uppercase;
border: none;
background: none;
line-height: 45px;
float: right;
color: rgba(68,68,68,0.3);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 0;
}
.footer-v3 .form-newlt ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
.footer-v3 .form-newlt ::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
.footer-v3 .form-newlt :-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
.footer-v3 .form-newlt :-moz-placeholder { /* Firefox 18- */
color: #fff;
}
.footer.footer-v3 .form-newlt .first{
display: block;
}
.footer.footer-v3 .form-newlt .first p{
font-size: 18px;
color:#fff;
margin: 0;
text-transform: uppercase;
font-family: 'Montserrat';
font-weight: bold;
padding-top: 15px;
}
.footer.footer-v3 .form-newlt input[type="submit"]{
}
.section-newletter .form-newlt .fa-long-arrow-right,
.footer.footer-v3 .form-newlt .fa-long-arrow-right{
color:#fff;
width:auto;
}
.footer.footer-v3 .form-newlt p.for-footerv3{
float: left;
}
.footer.footer-v3 .form-newlt.for-footerv3{
display: block;
}
.section-newletter .form-newlt input[type="submit"]{
text-indent: 0;
padding-right: 22px;
font-size: 14px;
color:#fff;
text-transform: capitalize;
width: auto;
padding-left: 15px;
border-left: 1px solid #fff;
line-height: 20px;
margin-top: 0;
height: auto;
text-indent: inherit;
}
.section-newletter .form-newlt .fa-long-arrow-right{
position: absolute;
right: 15px;
top: 0;
width: 50px;
padding: 0;
text-align: center;
}
.footer.footer-v3 .form-newlt input[type="submit"]{
text-indent: 0;
padding-right: 22px;
font-size: 14px;
color:#fff;
text-transform: capitalize;
width: auto;
padding-left: 15px;
border-left: 1px solid #fff;
line-height: 20px;
margin-top: 12px;
height: auto;
text-indent: inherit;
}
.section-newletter .form-newlt input[type="submit"]:hover,
.footer.footer-v3 .form-newlt input[type="submit"]:hover{
background: none;
}
.footer.footer-v3 .form-newlt input[type="submit"]:hover + i.fa-long-arrow-right{
color:#fff;
background: none;
}
.section-newletter .for-home5{
display: block;
}
.section-newletter .form-newlt input[type="submit"] {
padding: 0 40px 0 0;
position: absolute;
top: 0;
right: 15px;
height: 100%;
font-size: 18px;
z-index: 2;
}
.footer.footer-v4{
background: url(../images/bg-footer4.jpg) center center repeat;
padding: 85px 0 20px;
}
.footer.footer-v4 .line4{
height: 1px;
background: rgba(255,255,255,0.1);
}
.footer.footer-v4 .menu li a{
color:#fff;
}
.footer.footer-v4 .widget-title{
color:#d5be61;
text-transform: uppercase;
font-size: 16px;
margin-top: 0
}
.footer.footer-v4 .social-login-options i{
color:#7d7a7a;
}
.footer.footer-v4 .logo span{
clear: both;
display: block;
}
.footer.footer-v4 .logo{
text-align: center;
display: inline-block;
}
.footer.footer-v4 .logo span.text{
color:#fff;
letter-spacing: 6px;
margin:0;
}
.footer.footer-v4 .widget_text .textwidget{
color:#979797;
}
.footer.footer-v4 .footer-bottom{
margin-top: 20px;
}
.footer.footer-v4 .form-newlt{
padding-bottom: 0;
}
.footer.footer-v4 .footer-center{
margin-bottom: 50px;
}
.filter-products.layout2 .item-products{
padding:15px;
}
.no-margin-left{
margin-left: 0 !important;
font-size: 16px;
}
.coll-2 {
width: 50%;
}
.coll-3 {
width: 33.333%;
}
.coll-4 {
width: 25%;
}
.absolute{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before{
display:none!important;
}
.btn-share .blockUI{
background-size: 80%!important;
}
#kionggan img{
margin-right: 10px;
}
.select2-container .select2-choice{
border-radius: 9px!important;
padding:5px 8px!important;
}
.woocommerce-shipping-fields #ship-to-different-address .checkbox{
display: inline-block;
margin-right: 6px;
font-size: 15px;
float: right;
margin-left: 10px;
margin-top: 8px;
}
.woocommerce #reviews h3{
margin-top:0!important;
margin-bottom: 10px;
}
.comment-form-rating label{
padding-right: 10px;
}
.woocommerce p.stars{
display: inline-block;
line-height: 1;
}
.woocommerce p.stars a{
color:#444;
}
.woocommerce p.stars a:before, .woocommerce p.stars a:hover~a:before{
color:#444;
}
/*config color*/
.padding-bottom-20{
padding-bottom: 20px;
}
.padding-30{
padding:30px;
}
.blog-single .padding-20{
padding:20px;
background: #fff;
}
.blog-single .layout1{
background: #fff;
}
.blog-single .post-categories{
margin:0;
padding:0 0 10px 0;
display: inline-block;
position: relative;
}
.blog-single .post-categories:before{
content:'';
width:20px;
height: 2px;
position: absolute;
bottom:0;
left:0;
}
.blog-single .post-categories li{
list-style: none;
padding:0;
}
.blog-single .post-categories li a{
color:#282828;
text-transform: uppercase;
}
.blog-single h2{
font-size: 20px;
color:#282828;
margin-top: 22px;
margin-bottom: 15px;
text-transform: uppercase;
line-height: 1.5
}
.blog-single .layout2 .read-more{
margin-bottom: 0
}
.blog-single .layout2 img{
float: left;
margin-right: 30px;
}
.blog-single .layout2{
background: #fff;
display: inline-block;
}
.blog-single .layout3{
position: relative;
background: #fff;
opacity:0.7
}
.blog-single .layout3 img{
opacity: 0.2
}
.blog-single .layout3 .post-categories:before{
content:'';
width:20px;
height: 2px;
position: absolute;
bottom:0;
left:0;
right:0;
margin:auto;
}
.blog-single .layout3 .padding-20{
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
background: none;
}
.blog-single .layout3 .padding-20 .border{
border-style: solid;
border-width: 1px;
height: 100%;
padding:20px;
}
.blog-single .layout3 .padding-20 .midle{
display: flex;
vertical-align: middle;
align-items: center;
height: 100%
}
.blog-single .layout3 .padding-20 .midle > div{
margin:auto;
}
.blog-single .layout3:hover{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.blog-single .layout3:hover .post-categories li a,
.blog-single .layout3:hover h2{
color:#fff;
}
.blog-single .layout3:hover .post-categories:before{
background: #fff;
}
.blog-single .layout3 a:hover h2{
opacity: 1
}
.blog-single .layout3:hover .padding-20 .border{
border-color: #fff;
}
.blog-single .read-more{
border-width: 1px;
border-style: solid;
margin-top: 15px;
margin-bottom: 25px;
display: inline-block;
}
.blog-single .layout3:hover .read-more{
border-color: #fff !important;
color:#fff;
}
.blog-single .layout3:hover .read-more i{
color:#fff;
}
.blog-single .layout2 .read-more:hover,
.blog-single .layout1 .read-more:hover{
color:#fff;
}
.blog-single .layout2 .read-more:hover i,
.blog-single .layout1 .read-more:hover i{
color:#fff;
}
.instagram-slide .slick-slider{
padding:0;
}
/*.instagram-slide .slick-slider img{
width:100%;
}*/
.instagram-slide .beans-slide{
position: relative;
overflow: hidden;
}
.instagram-slide .beans-slide a{
position: absolute;
opacity: 0;
top:0;
bottom:0;
right:0;
left:0;
display: flex;
vertical-align: middle;
align-items: center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.inline{
display: inline-block;
position: relative;
}
.instagram-slide .beans-slide:hover a{
opacity: 0.7
}
.instagram-slide .beans-slide a span{
margin:auto;
}
.instagram-slide .beans-slide a span i{
color:#fff;
font-size: 24px;
}
.instagram-slide .slick-arrow{
position: absolute;
top:45%;
background: none;
z-index: 999;
border:1px solid #444;
}
.instagram-slide .slick-arrow:focus{
outline: none;
}
.instagram-slide .slick-arrow i{
color:#444;
}
.instagram-slide .slick-prev{
left:15px;
}
.instagram-slide .slick-next{
right:15px;
}
.rev-btn.main-color:hover{
color:#fff!important;
border:1px solid #fff!important;
}
.rev-btn.main-color:hover i{
color:#fff!important;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal{
font-size: 14px;
line-height: 2;
}
.gelli-blog .item-post .content {
padding-left: 100px;
}
.woocommerce-shipping-fields #ship-to-different-address .checkbox{
float: right;
margin-left: 10px;
}
.slide-product.layout2 .beans-slideset .social-hover{
z-index: 2;
}
.padding-left-175{
padding-left: 175px;
}
.padding-left-180 {
padding-left: 180px;
}
.padding-right-180 {
padding-right: 180px;
}
.blog-single .layout1 div p{
letter-spacing: 0;
}
.header-v6 .logo {
margin-left: 35px;
}
.header-v6 .logo h1.site-title{
font-size: 110px;
}
.header-v6 .btn-default{
border:none;
padding:0;
text-align: right;
margin-top: 25px;
margin-right: 35px;
}
.header-v6 .btn-default span{
height: 3px;
background: #000;
margin-bottom: 12px;
display: block;
float: right;
clear: both;
}
.header-v6 .btn-default span.width1{
width:35px;
}
.header-v6 .btn-default span.width2{
width:30px;
}
.header-v6 .btn-default span.width3{
width:40px;
}
.header-v6 .btn-default span:last-child{
margin-bottom: 0;
}
.site-header.header7{
background: rgba(255,255,255,0.5);
position: fixed;
left: 0;
right: 0;
z-index: 999;
}
.header-v7 .logo h1.site-title{
font-size: 110px;
margin-left: 35px;
}
.header-v7 .main-navigation .nav-menu > li > a{
padding:38px 20px;
}
.header-v7 .header_icon button.dropdown-toggle{
padding:35px 0 35px 20px;
}
.header-v7 .header_icon{
margin-right: 35px;
}
.menu6-box{
background: rgba(0,0,0,0.5);
position: fixed;
height: 100%;
width: 100%;
top:0;
right:-100%;
bottom: 0;
z-index: 999;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.main-menu6{
width:500px;
background: #fff;
position: absolute;
right: 0;
top:0;
bottom: 0;
padding:100px 65px 0 60px ;
overflow: auto;
}
.main-menu6 .close6{
font-size: 50px;
position: absolute;
right: 60px;
z-index: 9;
cursor: pointer;
}
.main-menu6 .main-navigation .nav-menu > li{
display: block;
margin-bottom: 22px
}
.main-menu6 .main-navigation .nav-menu > li a{
padding:0;
}
.main-menu6 .main-navigation .nav-menu ul.sub-menu{
position: static;
opacity: 1;
-webkit-transform: inherit;
-moz-transform: inherit;
-ms-transform: inherit;
-o-transform: inherit;
transform: inherit;
visibility:inherit;
border:none !important;
padding-bottom: 0;
display: none;
}
.main-menu6 .main-navigation li li ul.sub-menu{
margin-left: 0
}
.main-menu6 .main-navigation .nav-menu ul.sub-menu li{
display: block;
margin-bottom: 15px;
color:#000;
}
.main-menu6 .main-navigation .nav-menu li.menu-item-has-children > a:after{
content:'+';
position: static;
}
.main-menu6 .main-navigation .nav-menu li.menu-item-has-children > a.clicked:after{
content:'-';
}
.filter-products.layout2 #work-filter li.active{
position: relative;
}
.filter-products.layout2 #work-filter li.active:before{
position: absolute;
width: 100%;
top: 50%;
height: 1px;
content: "";
left: 0;
}
.filter-products.layout2 #work-filter a:focus{
text-decoration: none;
}
.gelli-last-page.wpb_content_element{
margin-bottom: 0;
}
.filter-products.layout2 #work-filter.list-inline{
margin-left: 0;
}
.list-product-handmade{
margin-top: -30px;
}
.filter-products.layout2 .product-img a img{
width: 100%;
}
.form-newlt input[type="submit"],.site-content .footer .form-newlt input[type="email"]{
border-radius: 0;
}
.woocommerce ul.products li.product .button{
margin-top:0px!important;
}
.ads-home19 .gelli-box-4 img{
width:100%;
}
.ads-home19 .txt-left .txt-all,
.ads-home19 .txt-right .txt-all{
padding-bottom: 0
}
.ads-home19 .txt-left .txt-all h2,
.ads-home19 .txt-right .txt-all h2{
margin-bottom: 0;
font-size: 40px;
color:#333;
}
.ads-home19 .txt-left .txt-all h1,
.ads-home19 .txt-right .txt-all h1{
font-size: 30px;
}
.item-product-1{
padding:0 20px 20px !important;
}
.item-product-1 h2{
margin-bottom: 0;
margin-top: 10px;
line-height: 16px
}
.social-midle{
position: absolute;
top: 90px;
z-index: 99;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.active article.product .item-product .social-midle, article.product .item-product:hover .social-midle{
opacity: 1;
visibility: inherit;
}
.social-midle .btn-cart{
position: relative;
bottom: 0 !important;
opacity: 1 !important;
visibility: inherit;
}
.social-midle .btn-cart .btn-cart-in1{
vertical-align: baseline;
}
.social-midle .btn-cart .btn-cart-in{
vertical-align: baseline !important;
}
.social-midle .inline{
display: inline-block;
}
.social-midle .quickview{
margin: 50px auto 0;
max-width: 120px;
}
.social-midle .quickview .yith-wcqv-button{
position: relative !important;
float: inherit !important;
top: auto;
left:auto;
background: #d6d6d6;
color:#fff;
padding:8px 0;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius:3px;
display: block;
}
.active article.product .item-product.item-product-1, article.product .item-product.item-product-1:hover{
border-color: #ebebeb !important
}
.item-product.item-product-1 .inline.hover .btn-cart .btn-cart-in,
.item-product.item-product-1 .btn-cart .btn-cart-in:hover{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-transform: scale(1.46) rotate(45deg);
-moz-transform: scale(1.46) rotate(45deg);
-ms-transform: scale(1.46) rotate(45deg);
-o-transform: scale(1.46) rotate(45deg);
transform: scale(1.46) rotate(45deg);
margin: 0 23px !important;
}
.gelli-product-category .gelli-headingtitle h2{
font-weight: 700;
color: #232220;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 20px;
}
.gelli-product-category .gelli-headingtitle .dsc-cat{
color:#666261;
font-size: 16px;
line-height: 26px;
}
.gelli-product-category .gelli-headingtitle .dsc-cat p{
color:#666261;
}
.gelli-product-category .list-subcat{
margin: 28px 0 0;
padding:0;
}
.gelli-product-category .list-subcat li{
list-style: none;
display: block;
margin-bottom: 15px;
position: relative;
}
.gelli-product-category .list-subcat li a{
color:#232220;
font-size: 12px;
text-transform: uppercase;
padding-right: 65px;
}
.gelli-product-category .list-subcat li span{
float: right;
padding-left: 55px;
position: absolute;
color:#232220;
right: 0;
top:0;
bottom:0;
vertical-align: middle;
align-items: center;
display: flex;
opacity: 0.5
}
.gelli-product-category .list-subcat li span:before{
content: '';
height: 1px;
width: 35px;
background: #d3d3d2;
display: block;
float: left;
margin-top: 5px;
margin-right: 18px;
}
.gelli-product-category .flex-control-nav {
display: none;
}
.gelli-product-category .flex-direction-nav{
text-align: center;
margin-top: 25px;
}
.gelli-product-category .flex-direction-nav li{
display: inline-block;
margin: 0 10px;
position: relative;
}
.gelli-product-category .flex-direction-nav li.flex-nav-prev{
padding-right: 18px;
margin: 0
}
.gelli-product-category .flex-direction-nav li.flex-nav-prev:after{
content:'';
position: absolute;
right:0;
top:2px;
display: block;
width:9px;
height: 18px;
background: url(../images/bg-arr.png) no-repeat;
}
.ads-home19 .txt-center h1{
font-size: 100px
}
.ads-home19 .txt-center h2{
font-size: 36px;
}
.products li,
.beans-stepslider li{
list-style:none;
}
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.gelli-icon-advanced span.icon {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.gelli-icon-advanced:hover span.icon, .gelli-icon-advanced:focus span.icon, .gelli-icon-advanced:active span.icon {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}