body ul.nav>li>a.active, body ul.nav>li.current-menu-parent>a {
color:#9eca45;
}
ul.nav>li>a:hover.active {
color:#9eca45;
}
ul.nav>li>a:hover {
color:#9eca45;
transition: all 0.3s ease;
}
ul.nav .dropdown li a.active {
color: #393939;
background: #f3f3f3;
}
ul.nav .dropdown li:hover a.active {
color: #393939;
}
.list-unstyled a.active {
color: #393939;
border-radius: 3px;	
padding: 5px 10px;
}
.list-unstyled a.active i {
color: #393939;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
position: static;
}
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.yamm .yamm-content {
padding: 50px 40px 40px 40px;
}
.yamm .features-mgm .yamm-content {
padding: 50px 40px 40px 55px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0;
}
.yamm .dropdown.yamm-hw .dropdown-menu {
left: auto;
right: 0;
width: 550px;
}
.yamm .yamm-content .col-md-4, .yamm .yamm-content .col-md-8{
padding-right: 5px;
padding-left: 5px;}
.yamm .yamm-content .thumbnail { padding: 0; border: 0;}
.yamm .yamm-content .caption {
padding: 0;
}
.yamm .yamm-content .caption h3 {
font-size: 18px;
color: #272727;
margin-top: 14px;
margin-bottom: 8px;
}
.yamm .yamm-content .caption p {
font-size: 14px;
color: #727272;
}
.list-unstyled li:first-child {
}
.list-unstyled.two {
margin-top: -12px;
}
.list-unstyled li p {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #2a363f;
text-transform: uppercase;
font-weight: 500;
line-height: 0px;
margin-bottom: 18px;
letter-spacing: 0.5px;
}
.list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;}
.list-unstyled li { padding: 5px 0;}
.list-unstyled a {
color: #727272;
padding: 5px 0px 5px 0px;
width: 100%;
font-size: 14px;
transition-property: margin-left, background-color;
transition-duration: 0.3s;
transition-timing-function: ease-out;
font-family: 'Roboto', sans-serif;
font-weight: 400;
transition: all 0.3s ease;
}
.list-unstyled a:hover {
color: #393939;
background: #f3f3f3;
padding: 5px 10px;
border-radius: 3px;
text-decoration:none;
}
.list-unstyled a:hover i {
color: #393939;
}
.menu-sepbox {
float: right;
width: 136%;
padding: 27px 40px 31px 40px;
background: #f7f7f7;
margin-top: -5px;
text-align: center;
font-family: 'Roboto', sans-serif;
}
.menu-sepbox img {
float: left;
width: 100%;
}
.menu-sepbox h6 {
margin-bottom: 0px;
}
.menu-sepbox a {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #2a363f;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
transition: all 0.3s ease;
}
.menu-sepbox a:hover {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #86c724;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
}
.mega-menu-contnew {
float: left;
width: 100%;
font-family: 'Roboto', sans-serif;
}
.mega-menu-contnew .section-box {
float: left;
width: 33.3333333333%;
color: #999;
font-weight: 300;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box.last {
background: #f3f3f3;
}
.mega-menu-contnew .section-box strong {
color: #454545;
font-size: 18px;
font-weight: 400;
display: block;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box span {
float: left;
color: #6e7a83;
font-size: 30px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 14px;
margin-right: 12px;
border-right: 1px solid #eee;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box i {
float: left;
color: #6e7a83;
font-size: 30px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 14px;
margin-right: 12px;
border-right: 1px solid #eee;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box a {
color: #999;
}
.mega-menu-contnew .section-box a:hover,
.mega-menu-contnew .section-box a:hover strong,
.mega-menu-contnew .section-box a:hover span,
.mega-menu-contnew .section-box a:hover i {
color: #86c724;
}
.mega-menu-contnew .section-box.last {
text-align: center;
background: #f7f7f7;
border-left: 1px solid #e3e3e3;
padding: 25px 0px 38px 0px;
font-size: 14px;
color: #2a363f;
}
.mega-menu-contnew .section-box.last strong {
color: #2a363f;
font-size: 40px;
font-weight: 800;
margin: 12px 0px 5px 0px;
}
.mega-menu-contnew .section-box.last strong em {
font-size: 18px;
font-weight: 400;
font-style: normal;
}
.mega-menu-contnew .section-box.last b {
text-decoration: line-through;
font-style: normal;
font-weight: normal;
color: #999;
}
.mega-menu-contnew .section-box.last a {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #2a363f;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box.last a:hover {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #86c724;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
}
.list-unstyled a:before {
font-size: 12px;
margin-right: 5px;
}
.row-border + .row .caption h3 {
margin-top: 0px;
}
.row-border {border-bottom: 1px solid #d1d1d1;
margin-bottom: 20px;
padding-bottom: 10px;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-radius: 0;
}
.navbar-nav>li>a {
padding-top: 18px;
padding-bottom: 18px;
text-transform: uppercase;
}
.navbar-nav>li>a i {
display: block;
text-align: center;
}
.navbar-default { margin-right: -32px;}
.navbar-default.two {
width:100%;
}
.navbar-nav.dark>li>a {
padding-top: 30px;
padding-bottom: 27px;
text-transform: uppercase;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
margin-left: -1px;
-webkit-border-radius: 0 ;
-moz-border-radius: 0 ;
border-radius: 0 ;
}
.dropdown-submenu>.dropdown-menu:last-child {
}
@media (min-width:769px;){
.dropdown-submenu>.dropdown-menu:last-child {
border-top: 0px solid #000;
}
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.navbar-brand {
padding: 0;
margin:15px 0;
}
.wrapper {
margin-top: 0px;
}
.navbar-fixed-top + 
.wrapper {
margin-top: 104px;
}
body .dropdown-menu {
min-width: 100px;
padding:0;
}
body .dropdown-menu>li>a {
padding: 10px 20px;
font-size:14px;
color:#727272;
font-weight: 400;
border-bottom: 1px solid #eee;
transition: all 0.3s ease;
}
.dropdown-menu>li>a:hover {
border-bottom: 1px solid #eee;
}
.dropdown-menu>li:last-child>a {
border-bottom: 0px solid #d1d1d1;
} .help {
height: 40px;
}
.help > .container {
padding-top: 10px;
}
.navbar-nav>li>a{
box-shadow: 0 0px 0 rgba(255,255,255,0.25);
}
.callus { color: #545454; font-size: 13px; padding-top: 13px;}
.callus a { margin-right: 20px; color: #545454;}
.social-icons ul li {
float: left;
list-style-type: none;
margin:10px 0 10px 7px;  
}
.social-icons a {
width: 25px; 
height: 25px; 
display: block; 
background-color:#fff;
border:1px solid #c7c7c7;
border-radius:50%;
text-align:center;
}
.social-icons a i {
font-size:15px;
color:#272727;
line-height:24px;
text-align:center;
}
.social-icons a:hover{
background-color:#272727;
border:1px solid #272727;
}
.social-icons a:hover i{
color:#fff;
}
.header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0}
::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)}
.header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #fff; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);}
.header.innerpages{top:0px; padding-top: 20px; background: #fff;}
.compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: rgba(255,255,255,.99);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;}
.compact .header #logo{ background-size: 50%; background-position: left 9px;}
.menu_main .col-md-4 {
width: 28%;
border-right: 1px solid #eee;
margin-right: 7%;
}
.menu_main .col-md-4.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
.navbar-default .navbar-nav>li>a {
color: #2a363f;
font-size:14px;
font-weight: 400;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.menu_main3 .navbar-default .navbar-nav>li>a {
color: #fff;
}
body .navbar-toggle {
position: relative;
float: none;
padding: 6px 6px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0;
background-color: transparent;
border: 0px solid transparent;
border-radius: 0px;
margin-left: 0px;
background: #272727;
cursor: pointer;
float: right;
border-radius: 5px;
}
.navbar-toggle > span {Color:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #272727;
}
.navbar-collapse {border-top: 0;}
.navbar-toggle > button {
background: none;
border: 0;
float: right;
}
.navbar-default .navbar-toggle i {
color: #fff;
font-size: 21px;
}
.yamm ul.nav li.dropdown:hover  b{
border-top-color: #fff;
border-bottom-color: #fff;
}
.container>.navbar-collapse {
margin-right: 0px;
}
.navbar-brand, .navbar-nav>li>a {
text-shadow: 0 0px 0 rgba(255, 255, 255, 0.25);
}
button.navbar-toggle { 
clear: right;
}
.width50 {
width: 50%;
}
.navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:hover .caret, .navbar-default .navbar-nav>.open>a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
} .dropdown-menu.two {
right: 0;
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
.compact .header #logo{ background-size: 45%; background-position: left 12px;}
.mega-menu-contnew .section-box strong {
font-size: 16px;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
font-size: 25px;
padding-top: 7px;
padding-bottom: 7px;
padding-right: 10px;
margin-right: 10px;
}
.menu-sepbox {
width: 139%;
padding: 27px 20px 31px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px){
.compact .header #logo{ background-position: left 12px;}
.compact .header{padding-top: 0px; padding-bottom: 3px;}
.menu_main .col-md-3 {
width: 100%;
border-right: 0px solid #eee;
margin-right: 0%;
}
.menu_main .col-md-3.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
.yamm .yamm-content {
padding: 0 15px;
}
.mega-menu-contnew .section-box strong {
color: #fff;
font-size: 16px;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
color: #fff;
border-right: 1px solid #454545;
font-size: 21px;
padding-top: 7px;
padding-bottom: 7px;
padding-right: 8px;
margin-right: 8px;
}
.menu-sepbox {
width: 100%;
padding: 27px 20px 31px 20px;
}
}
@media (max-width: 999px) {
#navbar-collapse-1 > ul > li {
border-bottom: 0;
}
.navbar-collapse.pull-right {
width: 100%; background: #1e1e1e;
}
#navbar-collapse-1 > ul > li.dropdown > a > b {
float: right;
}
.navbar-default .navbar-brand {
margin-left: 14px;
}
#navbar-collapse-1 > ul > li {
border-bottom: 1px solid #eee;
}
#navbar-collapse-1 > ul > li.open {
background-color: #2b2b2b;
}
.help 
{
display: none;
}
.navbar-nav>li>a
{
color: #b3b3b3;
padding: 14px 15px;
}
.navbar-nav>li>a:hover
{
color: #fff ;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #92d102;
background-color: transparent;
padding: 10px 20px;
border-bottom: 0px ;
}
.dropdown-menu>li>a {
padding: 8px 20px !important;;
border-bottom: 0px ;
}
.dropdown-submenu>.dropdown-menu:last-child {
border-top: 0px ;
}
.list-unstyled a {
color: #BBBBBB;
}
.list-unstyled li:first-child {
border-bottom: 1px solid #3b3b3b;
margin-bottom: 16px;
}
.yamm-content .list-unstyled li p{
color: #222;
}
.list-unstyled li p {
color: #fff;
padding-top:10px;
}
.list-unstyled .img_left4 {
margin-right: 20px;
}
}
@media only screen and (max-width:1199px) {
.container > .navbar-collapse {
z-index: 9999;
}
.navbar-default.two { margin-right: 200px;}
.navbar-default {
margin-right: 0px;
}
}
@media only screen and (max-width:1112px) {
.container > .navbar-collapse {
z-index: 9999;
}
.navbar-default.two { margin-right: 227px;}
}	
@media (min-width: 1000px) {
.yamm ul.nav li.dropdown > ul.dropdown-menu {
}
.dropdown-submenu:hover>.dropdown-menu
{
-webkit-animation-duration: 0.5s;
-webkit-animation-name: fadeInFromNone;
-webkit-animation-fill-mode: forwards;
animation-duration: 0.5s;
animation-name: fadeInFromNone;
animation-fill-mode: forwards;
-ms-animation-duration: 0.5s;
-ms-animation-name: fadeInFromNoneIE;
-ms-animation-fill-mode: forwards;   
}
.yamm ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block; animation-duration: 0.5s;
animation-name: fadeInFromNone;
animation-fill-mode: forwards;
-webkit-animation-duration: 0.5s;
-webkit-animation-name: fadeInFromNone;
-webkit-animation-fill-mode: forwards;
-ms-animation-duration: 5s;
-ms-animation-name: fadeInFromNoneIE;
-ms-animation-fill-mode: forwards;
}   
@-webkit-keyframes fadeInFromNone {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInFromNoneIE {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInFromNone {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
padding: 22px 18px;
}
}	
@media only screen and (min-width: 99px) and (max-width: 999px){
.navbar-default .navbar-nav>li>a {
color: #999;
}
ul.dropdown-menu li a {color: #fff; }
ul.dropdown-menu li a:hover {color: #333; border-bottom: none; }
li.dropdown a:hover {color: #fff; }
ul.dropdown-menu .yamm-content li a:hover {color: #999; }
}
@media only screen and (max-width:991px) {
.menu_main2 .container > .navbar-collapse {
width:100%;
background-color:#161616;
}
.compact .header{
top: 0 !important;
}
}	
@media only screen and (max-width:800px) {
.navbar-default.two {
margin-right: 0px;
}
}
@media (max-width:767px){
.list-unstyled li:first-child {
border-bottom: 0px ;
margin-bottom: 0px;
top-bottom: 15px;
}
.list-unstyled li p {
color: #bbb;
}
.list-unstyled li { padding: 8px 0;}
.list-unstyled a {
color: #bbb;
}
.list-unstyled a {
color: #BBBBBB;
}
.list-unstyled a {
color: #BBBBBB;
}
.list-unstyled a:hover {
color: #fff;
}
.yamm .yamm-content .thumbnail {
background-color: transparent;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
}
.yamm .yamm-content .caption p {
color: #ccc;
}
.yamm .yamm-content .caption h3 {
color: #ccc;
}
.yamm .yamm-content .thumbnail>img {
margin-left: 0;
}
.row-border {
border-bottom:0;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px){
.header{top:66px !important;}
.resp_margin_bottom68 {
margin-bottom: 70px !important;
}
.compact .header #logo{ background-position: left 10px;}
.compact .header{padding-top: 0px; padding-bottom: 5px;}
.menu_main .col-md-3 {
width: 100%;
border-right: 0px solid #eee;
margin-right: 0%;
}
.menu_main .col-md-3.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
.yamm .yamm-content {
padding: 10px 20px 20px 20px;
}
.mega-menu-contnew .section-box {
width: 95%;
margin-left: 2.5%;
margin-bottom: 40px;
}
.mega-menu-contnew .section-box strong {
color: #fff;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
color: #fff;
border-right: 1px solid #454545;
}
.menu-sepbox {
width: 100%;
padding: 27px 20px 31px 20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px){
.header{top:62px !important;}
.resp_margin_bottom68 {
margin-bottom: 70px !important;
}
body .menu_main {
float: right;
width: auto;
}
.menu_main .navbar-toggle{
margin-right: 0;
}
.compact .header #logo{ background-position: left 10px;}
.compact .header{padding-top: 0px; padding-bottom: 5px;}
.menu_main .col-md-3 {
width: 100%;
border-right: 0px solid #eee;
margin-right: 0%;
}
.menu_main .col-md-3.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
.yamm .yamm-content {
padding: 10px 20px 20px 20px;
}
.mega-menu-contnew .section-box {
width: 95%;
margin-left: 2.5%;
margin-bottom: 40px;
}
.mega-menu-contnew .section-box strong {
color: #fff;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
color: #fff;
border-right: 1px solid #454545;
}
.menu-sepbox {
width: 100%;
padding: 27px 20px 31px 20px;
}
}
@media only screen and (max-width: 479px){
#top-nav{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#top-nav i{
display: none;
}
#top-nav a.quick-nav{
margin-left: 0;
}
#top-nav a{
margin: 0 5px !important;
}
.header{top:90px !important;}
.resp_margin_bottom68 {
margin-bottom: 70px !important;
}
.top_nav{
height: auto !important;
padding: 0 !important;
}
.menu_main {
float: right;
width: auto;
}
.menu_main .navbar-toggle{
margin-right: 0;
}
.header{top:90px;}
.compact .header #logo{ background-position: left 10px;}
.compact .header{padding-top: 0px; padding-bottom: 5px;}
.menu_main .col-md-3 {
width: 100%;
border-right: 0px solid #eee;
margin-right: 0%;
}
.menu_main .col-md-3.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
.yamm .yamm-content {
padding: 10px;
}
.mega-menu-contnew .section-box {
width: 95%;
margin-left: 3%;
margin-bottom: 40px;
}
.mega-menu-contnew .section-box strong {
color: #fff;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
color: #fff;
border-right: 1px solid #454545;
}
.menu-sepbox {
width: 100%;
padding: 27px 20px 31px 20px;
}
body #logo img {
max-height: 30px;
}
}.eplus-accordion .eplus-accordion-content {
display: none;
padding-bottom: 25px;
}
.eplus-accordion .eplus-accordion-title {
letter-spacing: 0;
position: relative;
font-size: 20px;
font-weight: 600;
cursor: pointer;
}
.eplus-accordion .toggle-icon {
position: absolute;
height: 22px;
width: 22px;
right: 0;
display: inline-block;
}
.eplus-accordion .toggle-icon:after,
.eplus-accordion .toggle-icon:before {
content: '';
position: absolute;
background: #232323;
transition: 0.3s;
}
.eplus-accordion .toggle-icon:before {
top: 50%;
left: 50%;
height: 3px;
width: 22px;
margin-left: -11px;
margin-top: -1.7px;
}
.eplus-accordion .toggle-icon:after {
top: 50%;
left: 50%;
height: 22px;
width: 3px;
margin-top: -11px;
margin-left: -1.5px;
}
.eplus-accordion .toggle-icon.icon-minus:after {
transform: rotate(90deg);
} .eplus-accordion-2 .eplus-accordion-item {
border-radius: 6px;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0 3px 3px #ddd;
transition: 0.3s;
}
.eplus-accordion-2 .eplus-accordion-item.active {
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.eplus-accordion-2 .eplus-accordion-content {
padding: 0 25px 10px;
}
.eplus-accordion-2 .eplus-accordion-title {
padding: 22px 28px;
margin-bottom: 0;
}
.eplus-accordion-2 .toggle-icon {
right: 20px;
top: 50%;
transform: translateY(-50%);
} .eplus-accordion-3 .eplus-accordion-item {
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
transition: 0.3s;
}
.eplus-accordion-3 .eplus-accordion-content {
position: relative;
padding: 25px;
vertical-align: inherit;
}
.eplus-accordion-3 .eplus-accordion-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1B9CFC;
opacity: 0.06;
}
.eplus-accordion-3 .eplus-accordion-title {
padding: 18px 24px;
margin-bottom: 0;
}
.eplus-accordion-3 .toggle-icon {
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.eplus-accordion-3 .eplus-accordion-item.active .toggle-icon:after,
.eplus-accordion-3 .eplus-accordion-item.active .toggle-icon:before {
background: #fff;
}
.eplus-accordion-3 .eplus-accordion-item.active {
box-shadow: none;
}
.eplus-accordion-3 .eplus-accordion-item.active .eplus-accordion-title {
background-image: linear-gradient(180deg, #1B9CFC 34%, #25CCF7 86%);
color: #fff;
} .eplus-accordion-4 .eplus-accordion-wrap {
position: relative;
left: 53%;
}
.eplus-accordion-4 .eplus-accordion-inner {
padding: 100px;
border-radius: 50px;
background-color: #5F27CD;
margin-right: 23%;
position: relative;
z-index: 10;
}
.eplus-accordion-4 .eplus-accordion-inner > svg {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 100%;
width: 100%;
z-index: -1;
}
.eplus-accordion-4 .eplus-accordion-item {
border-radius: 6px;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
transition: 0.3s;
}
.eplus-accordion-4 .eplus-accordion-item.active {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.eplus-accordion-4 .eplus-accordion-content {
padding: 0 25px 10px;
}
.eplus-accordion-4 .eplus-accordion-title {
padding: 22px 28px;
margin-bottom: 0;
}
.eplus-accordion-4 .toggle-icon {
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.eplus-accordion-4 .toggle-icon svg {
transition: 0.3s;
transform: rotate(-90deg);
}
.eplus-accordion-4 .toggle-icon:after,
.eplus-accordion-4 .toggle-icon:before {
display: none;
}
.eplus-accordion-4 .toggle-icon.icon-minus svg {
transform: rotate(0deg);
} .eplus-accordion-5 .eplus-accordion-inner {
padding: 100px;
border-radius: 50px;
background-color: #5F27CD;
position: relative;
z-index: 10;
}
.eplus-accordion-5 .eplus-accordion-inner > svg {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 100%;
width: 70%;
z-index: -1;
}
.eplus-accordion-5 .eplus-accordion-item {
border-radius: 6px;
margin-bottom: 20px;
background-color: #9057ff;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
transition: 0.3s;
}
.eplus-accordion-5 .eplus-accordion-wrap {
max-width: 700px;
margin: 0 auto;
}
.eplus-accordion-5 .eplus-accordion-item.active {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.eplus-accordion-5 .eplus-accordion-content {
padding: 0 25px 10px;
}
.eplus-accordion-5 .eplus-accordion-content p {
color: #f5f5f5;
}
.eplus-accordion-5 .eplus-accordion-title {
padding: 22px 28px;
margin-bottom: 0;
color: #fff;
}
.eplus-accordion-5 .toggle-icon {
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.eplus-accordion-5 .toggle-icon svg {
transition: 0.3s;
transform: rotate(-90deg);
}
.eplus-accordion-5 .toggle-icon:after,
.eplus-accordion-5 .toggle-icon:before {
display: none;
}
.eplus-accordion-5 .toggle-icon.icon-minus svg {
transform: rotate(0deg);
}.eplus-heading-1 {
margin-bottom: 30px;
}
.eplus-heading-1 .eplus-sub-title {
font-size: 18px;
line-height: 1.4;
color: #999;
letter-spacing: 0;
margin-bottom: 0;
}
.eplus-heading-1 .eplus-title {
font-size: 52px;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0;
margin-bottom: 11px;
}
.eplus-heading-1 .eplus-short-desc {
font-size: 19px;
line-height: 1.6;
color: #999;
max-width: 600px;
}
.eplus-heading-center {
text-align: center;
}
.eplus-heading-center .eplus-short-desc {
margin-right: auto;
margin-left: auto;
}
.eplus-heading-right {
text-align: right;
}
.eplus-heading-right .eplus-short-desc {
margin-left: auto;
}.banner-center {
text-align: center;
}
.banner-center .short-desc {
margin-left: auto;
margin-right: auto;
}
.banner-right {
text-align: right;
}
.banner-right .short-desc {
margin-left: auto;
}
.banner-sub-title {
font-size: 26px;
line-height: 1.5;
color: #fff;
margin-bottom: 2px;
}
.banner-title {
font-size: 50px;
font-weight: 600;
line-height: 1.4;
color: #fff;
}
[class*="eplus-banner-"] .short-desc {
font-size: 18px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.8);
font-weight: 500;
margin-bottom: 40px;
max-width: 850px;
}
.banner-img {
text-align: center;
}
.banner-btns > a {
display: inline-block;
padding: 13px 15px;
min-width: 170px;
text-align: center;
border-radius: 4px;
margin: 0 25px 25px 0;
border: 2px solid #fff;
background-color: #fff;
font-size: 17px;
font-weight: 500;
color: #7a7a7a;
transition: 0.3s;
}
.banner-btns > .banner-btn-2 {
background: transparent;
color: #fff;
margin-right: 0;
}
.banner-btns > a:hover,
.banner-btns > a:focus {
color: #5a5a5a;
background-color: #fff;
box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);
}
.eplus-banner-1,
.eplus-banner-2 {
padding: 230px 0 270px;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
} .eplus-banner-1 {
background-image: url(//8solutions.de/wp-content/plugins/element-plus/elements/banner/img/shape-1.svg);
} .eplus-banner-2 {
background-image: url(//8solutions.de/wp-content/plugins/element-plus/elements/banner/img/shape-2.svg);
} .eplus-banner-3 {
padding: 200px 0;
background-color: #0c164c;
background-position: center center;
}
.eplus-banner-3.eplus-banner-img-left .pb-row {
flex-direction: row-reverse;
text-align: right;
}
.eplus-banner-3 {
position: relative;
z-index: 1;
}
.eplus-banner-circle:before {
content: '';
position: absolute;
z-index: -1;
left: 0;
bottom: -400px;
width: 850px;
height: 850px;
border: 90px solid rgba(255, 107, 0, 0.4);
border-radius: 50%;
} .eplus-banner-4 {
padding: 200px 0;
background-color: #efefef;
}
.eplus-banner-4 .banner-sub-title,
.eplus-banner-4 .banner-title {
color: #4a4a4a;
}
.eplus-banner-4 .short-desc {
color: rgba(0, 0, 0, 0.6);
}
.eplus-banner-4 .banner-img {
text-align: center;
}
.eplus-banner-4 .banner-btns > a {
border-color: #E91E63;
background-color: #E91E63;
color: #fff;
}
.eplus-banner-4 .banner-btns > .banner-btn-2 {
color: #E91E63;
background: transparent;
}
.eplus-banner-4 .banner-btns > a:hover,
.eplus-banner-4 .banner-btns > a:focus {
color: #fff;
background-color: #E91E63;
}.eplus-schedules {
max-width: 360px;
font-size: 19px;
}
.eplus-schedules .eplus-status-img {
padding: 20px 0;
}
.entry-content .eplus-schedules img,
.eplus-schedules img {
border-radius: 0;
box-shadow: none;
}
.eplus-status-img {
text-align: center;
}
.eplus-schedules .eplus-schedule.current.shop-close {
background: rgba(248, 0, 19, 0.17);
}
.eplus-schedules .eplus-schedule.current.shop-open {
background: rgba(76, 175, 80, 0.17);
}
.eplus-schedules .eplus-schedule:last-child{
border-bottom: none;
}
.eplus-schedules .eplus-schedule .eplus-day-name {
position: relative;
cursor: pointer;
padding: 12px 20px;
line-height: normal;
}
.eplus-schedules .eplus-schedule .eplus-arrow-icon {
position: absolute;
height: 14px;
width: 14px;
right: 20px;
top: 18px;
}
.eplus-schedules .eplus-schedule .eplus-arrow-icon:before,
.eplus-schedules .eplus-schedule .eplus-arrow-icon:after {
content: '';
position: absolute;
background: #2a2a2a;
transition: 0.3s;
}
.eplus-schedules .eplus-schedule .eplus-arrow-icon:before {
width: 2px;
height: 14px;
right: 7px;
}
.eplus-schedules .eplus-schedule .eplus-arrow-icon:after {
width: 14px;
height: 2px;
right: 1px;
top: 6px;
}
.eplus-schedules .eplus-schedule.opened .eplus-arrow-icon:before {
transform: rotate(90deg);
}
.eplus-schedules .eplus-schedule .eplus-day-schedules {
display: none;
padding: 0 0 10px 40px;
font-size: 15px;
line-height: normal;
}
.eplus-schedules .eplus-schedule.current .eplus-day-schedules {
display: block;
}
.eplus-schedules .eplus-schedule .eplus-day-schedules .eplus-day-schedule {
width: 100%;
display: block;
}
.eplus-day-schedules .eplus-day-schedule + .eplus-day-schedule {
margin-top: 7px;
} .eplus-schedules-style-2 .eplus-schedules .eplus-schedule {
border-color: #e5e5e5;
}
.eplus-schedules-style-2 .eplus-schedules .eplus-status-img {
border: 0;
box-shadow: 0 5px 37px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin-bottom: 15px;
}
.eplus-schedules-style-2 .eplus-schedules .eplus-schedule.current.shop-close {
background-color: #e52729;
color: #ffffff;
}
.eplus-schedules-style-2 .eplus-schedules .eplus-schedule.current.shop-open {
background: #4caf50;
color: #fff;
}
.eplus-schedules-style-2 .eplus-schedule.current .eplus-arrow-icon:before,
.eplus-schedules-style-2 .eplus-schedule.current .eplus-arrow-icon:after {
background: #fff;
} .eplus-schedules-style-3 .eplus-schedules {
box-shadow: 0 5px 37px rgba(0, 0, 0, 0.15);
}
.eplus-schedules-style-3 .eplus-schedules .eplus-schedule {
border-color: #e5e5e5;
color: #fff;
}
.eplus-schedules-style-3 .eplus-schedules {
background-color: #4caf50;
}
.eplus-schedules-style-3 .eplus-schedules .eplus-status-img {
border: 0;
background-color: #fff;
}
.eplus-schedules-style-3 .eplus-schedule .eplus-arrow-icon:before,
.eplus-schedules-style-3 .eplus-schedule .eplus-arrow-icon:after {
background: #fff;
} .eplus-schedules-style-4 .eplus-schedules {
border: 1px dashed #dedede;
}
.eplus-schedules-style-4 .eplus-schedules > div + div {
border-top: 1px dashed #dedede;
} .eplus-schedules-style-5 .eplus-status-img {
border: 1px solid #e5e5e5;
}
.eplus-schedules-style-5 .eplus-schedules .eplus-schedule {
background: rgba(158, 158, 158, 0.17);
}
.eplus-schedules-style-5 .eplus-schedules .eplus-schedule + .eplus-schedule {
border-top: 1px solid #d2d2d2;
}
.eplus-schedules-style-5 .eplus-schedules .eplus-schedule.current.shop-close .eplus-day-name {
background: rgba(248, 0, 19, 0.17);
}
.eplus-schedules-style-5 .eplus-schedules .eplus-schedule.current.shop-open .eplus-day-name {
background: rgba(76, 175, 80, 0.17);
}
.eplus-schedules-style-5 .eplus-schedules .eplus-schedule .eplus-day-schedules {
padding: 20px 0 20px 40px;
}.eplus-btn {
display: inline-block;
font-size: 16px;
font-weight: 600;
padding: 15px 25px;
line-height: normal;
min-width: 90px;
text-align: center;
background: #3742FA;
color: #fff;
transition: 0.3s;
}
.eplus-btn-fullwidth {
width: 100%;
}
.eplus-btn-stroke {
border: 2px solid #3742FA;
color: #3742FA;
background: transparent;
}
.eplus-btn:not(.eplus-btn-stroke):hover,
.eplus-btn:not(.eplus-btn-stroke):focus,
.eplus-btn:not(.eplus-btn-stroke):active {
background: #6C757D;
color: #fff;
box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
.eplus-btn-stroke:hover,
.eplus-btn-stroke:focus,
.eplus-btn-stroke:active {
background: #3742FA;
color: #fff;
box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}[class*="eplus-countdown"] > span {
margin-bottom: 20px;
}
.eplus-countdown-1 > span {
display: inline-block;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #ccc;
font-size: 16px;
line-height: 20px;
}
.eplus-countdown-1 > span:last-child {
border-right: 0;
margin-right: 0;
padding-right: 0;
}
.eplus-countdown-1 .count-number {
margin-right: 5px;
font-weight: bold;
font-size: 20px;
}
.eplus-countdown-2 > span {
display: inline-block;
margin-right: 25px;
padding-right: 25px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
font-size: 16px;
line-height: 24px;
text-align: center;
}
.eplus-countdown-2 > span:last-child {
border-right: 0;
margin-right: 0;
padding-right: 0;
}
.eplus-countdown-2 .count-number {
margin-right: 5px;
font-weight: bold;
font-size: 42px;
line-height: 32px;
margin-bottom: 10px;
display: block;
}
.eplus-countdown-3 > span {
display: inline-block;
margin-right: 25px;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 16px;
text-align: center;
min-width: 120px;
min-height: 120px;
border-radius: 50%;
}
.eplus-countdown-3 .count-number {
margin-right: 5px;
font-weight: bold;
font-size: 42px;
line-height: 32px;
margin-top: 30px;
margin-bottom: 6px;
display: block;
}
.eplus-countdown-4 > span {
display: inline-block;
margin-right: 15px;
border-left: 4px solid rgba(248, 0, 19, 0.17);
border-right: 4px solid rgba(76, 175, 80, 0.17);
font-size: 16px;
text-align: center;
min-width: 120px;
min-height: 120px;
border-radius: 50%;
}
.eplus-countdown-4 .count-number {
font-weight: bold;
font-size: 42px;
line-height: 32px;
margin-top: 30px;
margin-bottom: 6px;
display: block;
color: #4dd7fd;
}
.eplus-countdown-5 > span {
display: inline-block;
margin-right: 15px;
font-size: 16px;
text-align: center;
min-width: 120px;
min-height: 120px;
border-radius: 50%;
color: #fff;
background-color: #009688;
background-image: linear-gradient(-225deg, #009688 0%, #89d432 100%);
}
.eplus-countdown-5 .count-number {
margin-right: 5px;
font-weight: bold;
font-size: 42px;
line-height: 32px;
margin-top: 30px;
margin-bottom: 6px;
display: block;
} @media (max-width: 767px) {
.eplus-countdown-2 > span {
font-size: 16px;
padding-right: 10px;
margin-right: 10px;
}
.eplus-countdown-2 .count-number {
font-size: 34px;
margin-bottom: 5px;
}
[class*="eplus-countdown"] {
text-align: center;
}
}.eplus-counter-1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.eplus-counter-1 .counter-col {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.eplus-counter-1 .counter-single {
text-align: center;
margin-bottom: 30px;
}
.eplus-counter-1 .counter-single i {
font-size: 60px;
line-height: 1;
color: #444;
display: inline-block;
margin-bottom: 18px;
}
.eplus-counter-1 .counter-number {
font-size: 46px;
line-height: 1.4;
color: #F1C40F;
margin-bottom: 13px;
font-weight: 600;
letter-spacing: 0;
}
.eplus-counter-1 .counter-title {
font-size: 22px;
line-height: 1.4;
color: #999;
margin-bottom: 0;
letter-spacing: 0;
} .eplus-counter-2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
overflow: hidden;
}
.eplus-counter-2 .counter-col {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.eplus-counter-2 .counter-single {
text-align: center;
padding: 40px 30px;
background: rgba(0, 0, 0, 0.1);
}
.eplus-counter-2 .counter-col:nth-child(even) .counter-single {
background: rgba(0, 0, 0, 0.05);
}
.eplus-counter-2 .counter-col:first-child .counter-single {
border-radius: 8px 0 0 8px;
}
.eplus-counter-2 .counter-col:last-child .counter-single {
border-radius: 0 8px 8px 0;
}
.eplus-counter-2 .counter-single i {
font-size: 52px;
line-height: 1;
color: #444;
display: inline-block;
margin-bottom: 17px;
}
.eplus-counter-2 .counter-number {
font-size: 40px;
line-height: 1.4;
color: #E91E63;
margin-bottom: 9px;
font-weight: 600;
letter-spacing: 0;
}
.eplus-counter-2 .counter-title {
font-size: 22px;
line-height: 1.4;
color: #999;
margin-bottom: 0;
letter-spacing: 0;
} .eplus-counter-3 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
overflow: hidden;
margin-right: -15px;
margin-left: -15px;
}
.eplus-counter-3 .counter-col {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.eplus-counter-3 .counter-single {
position: relative;
text-align: center;
z-index: 10;
padding: 24%;
}
.eplus-counter-3 .counter-single > svg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.eplus-counter-3 .counter-single i {
font-size: 52px;
line-height: 1;
color: #222;
display: inline-block;
margin-bottom: 17px;
}
.eplus-counter-3 .counter-number {
font-size: 40px;
line-height: 1.4;
color: #444;
margin-bottom: 9px;
font-weight: 600;
letter-spacing: 0;
}
.eplus-counter-3 .counter-title {
font-size: 22px;
line-height: 1.4;
color: #444;
margin-bottom: 0;
letter-spacing: 0;
} .eplus-counter-4 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
overflow: hidden;
margin-right: -15px;
margin-left: -15px;
}
.eplus-counter-4 .counter-col {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.eplus-counter-4 .counter-single {
position: relative;
text-align: center;
z-index: 10;
padding: 27%;
}
.eplus-counter-4 .counter-single > svg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.eplus-counter-4 .counter-single i {
font-size: 52px;
line-height: 1;
color: #fff;
display: inline-block;
margin-bottom: 17px;
}
.eplus-counter-4 .counter-number {
font-size: 40px;
line-height: 1.4;
color: #fff;
margin-bottom: 9px;
font-weight: 600;
letter-spacing: 0;
}
.eplus-counter-4 .counter-title {
font-size: 22px;
line-height: 1.4;
color: #fff;
margin-bottom: 0;
letter-spacing: 0;
} .eplus-counter-5 .counter-single {
margin-bottom: 30px;
}
.eplus-counter-5 .has-icon {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.eplus-counter-5 .has-icon .counter-icon {
position: relative;
margin-right: 15px;
top: 6px;
left: -10px;
}
.eplus-counter-5 .has-icon .counter-icon > i {
position: absolute;
top: 50%;
left: calc(50% + 16px);
font-size: 40px;
color: #fff;
transform: translate(-50%, -50%);
}
.eplus-counter-5 .counter-number {
font-size: 40px;
line-height: 1.4;
color: #444;
margin-bottom: 9px;
font-weight: 600;
letter-spacing: 0;
}
.eplus-counter-5 .counter-title {
font-size: 22px;
line-height: 1.4;
color: #444;
margin-bottom: 0;
letter-spacing: 0;
} @media ( max-width: 991px ) {
.eplus-counter-3 .counter-col,
.eplus-counter-4 .counter-col {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media ( max-width: 560px ) {
.eplus-counter-3 .counter-col,
.eplus-counter-4 .counter-col {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}[class*="eplus-edd-products"] .edd-product-title {
font-size: 22px;
margin-bottom: 8px;
}
[class*="eplus-edd-products"] .edd_price {
background: #000;
display: inline-block;
padding: 10px 15px;
line-height: 1;
color: #fff;
margin-bottom: 19px;
position: absolute;
z-index: 1;
top: -18px;
right: 18px;
overflow: hidden;
}
[class*="eplus-edd-products"] .edd-product-content {
margin-bottom: 20px;
}
[class*="eplus-edd-products"] .edd-product-content > p:last-child {
margin-bottom: 0;
}
[class*="eplus-edd-products"] .edd-product-item.no-product-thumb {
margin-top: 17px;
}
[class*="eplus-edd-products"] .edd-product-item .edd-submit.button {
border: 0;
padding: 13px 18px;
line-height: 1;
font-size: 14px;
text-transform: uppercase;
border-radius: 0;
min-width: 136px;
}
[class*="eplus-edd-products"] .edd_download_purchase_form .edd_price_options {
margin: 0 0 30px;
}
[class*="eplus-edd-products"] .edd_download_purchase_form .edd_price_options li + li {
margin-top: 10px;
}
[class*="eplus-edd-products"] .edd_price_options ul li > label {
padding: 0 0 0 20px;
}
[class*="eplus-edd-products"] .edd_price_options input {
appearance: none;
-webkit-appearance: none;
}
[class*="eplus-edd-products"] .edd_price_options input:before {
content: '';
left: 0;
top: 12px;
position: absolute;
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 3px;
background: #fff;
border: 1px solid #d2d8dd;
transition: 0.3s;
}
[class*="eplus-edd-products"] .edd_price_options input[type="radio"]:before {
border-radius: 50%;
}
[class*="eplus-edd-products"] .edd_price_options input:hover:before,
[class*="eplus-edd-products"] .edd_price_options input:checked:before {
background: #0586ec;
border-color: #0586ec;
}
[class*="eplus-edd-products"] .edd_price_options input:after {
content: '';
position: absolute;
left: 5px;
top: 10px;
width: 5px;
height: 8px;
border: solid white;
z-index: 999;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
opacity: 0;
transition: 0.3s;
}
[class*="eplus-edd-products"] .edd_price_options input:checked:after {
opacity: 1;
}
[class*="eplus-edd-products"] .edd-cart-added-alert {
margin: 15px 0 -7px;
position: relative;
} .eplus-edd-products-1 .edd-product-item {
background: #fff;
border: 1px solid #e9e9e9;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
position: relative;
transition: 0.3s;
}
.eplus-edd-products-1 .edd-product-body {
position: relative;
padding: 20px 30px 30px;
}
.eplus-edd-products-1 .product-button > a {
margin-top: 20px;
font-size: 16px;
display: inline-block;
width: 100%;
text-align: center;
line-height: 1;
background: #f4524d;
padding: 13px 18px;
color: #fff;
transition: 0.6s;
position: relative;
}
.eplus-edd-products-1 .product-button > a > svg {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.1;
}
.eplus-edd-products-1 .edd-product-item:hover {
transform: translateY(-6px);
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
} .eplus-edd-products-2 .edd-product-item {
background: #fff;
text-align: center;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
position: relative;
transition: 0.3s;
}
.eplus-edd-products-2 .edd-product-body {
position: relative;
padding: 25px 30px 30px;
}
.eplus-edd-products-2 .edd_download_purchase_form .edd_price_options li {
display: inline-block;
padding: 0;
margin: 0 15px 5px 0;
text-align: left;
min-width: 45%;
}
.eplus-edd-products-2 .edd-product-item:hover {
transform: translateY(-6px);
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
} .eplus-edd-products-3 .edd-product-item {
background: #fff;
margin-bottom: 50px;
position: relative;
transition: 0.3s;
border: 4px solid #e6e6e6;
padding: 15px;
}
.eplus-edd-products-3 .edd-product-item .edd-product-image {
margin: -15px -15px 0;
}
.eplus-edd-products-3 .edd-product-body {
position: relative;
padding: 15px 20px 10px 10px;
}
.eplus-edd-products-3 .edd-product-body:before {
position: absolute;
left: 50%;
top: -36px;
content: '';
border: 20px solid transparent;
border-bottom-color: #fff;
transform: translateX(-50%);
}
.eplus-edd-products-3 .no-product-thumb .edd_price {
top: -36px;
}
.eplus-edd-products-3 .no-product-thumb .edd-product-body {
padding-top: 0;
}
.eplus-edd-products-3 .no-product-thumb .edd-product-body:before {
display: none;
}
.eplus-edd-products-3 .edd-product-item:hover {
transform: translateY(-6px);
}.cocoen{box-sizing:border-box;cursor:pointer;line-height:0;margin:0;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cocoen *{box-sizing:inherit}.cocoen ::after,.cocoen ::before{box-sizing:inherit}.cocoen img,.cocoen picture>img{max-width:none}.cocoen>img,.cocoen>picture>img{display:block;width:100%}.cocoen>div:first-child,picture .cocoen>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}.cocoen-drag{background:#fff;bottom:0;cursor:ew-resize;left:50%;margin-left:-1px;position:absolute;top:0;width:2px}.cocoen-drag::before{border:3px solid #fff;content:'';height:30px;left:50%;margin-left:-7px;margin-top:-18px;position:absolute;top:50%;width:14px}.eplus-accordion .eplus-accordion-content {
display: none;
padding-bottom: 25px;
}
.eplus-accordion .eplus-accordion-title {
letter-spacing: 0;
position: relative;
font-size: 20px;
font-weight: 600;
cursor: pointer;
}
.eplus-accordion .toggle-icon {
position: absolute;
height: 22px;
width: 22px;
right: 0;
display: inline-block;
}
.eplus-accordion .toggle-icon:after,
.eplus-accordion .toggle-icon:before {
content: '';
position: absolute;
background: #232323;
transition: 0.3s;
}
.eplus-accordion .toggle-icon:before {
top: 50%;
left: 50%;
height: 3px;
width: 22px;
margin-left: -11px;
margin-top: -1.7px;
}
.eplus-accordion .toggle-icon:after {
top: 50%;
left: 50%;
height: 22px;
width: 3px;
margin-top: -11px;
margin-left: -1.5px;
}
.eplus-accordion .toggle-icon.icon-minus:after {
transform: rotate(90deg);
} .eplus-accordion-2 .eplus-accordion-item {
border-radius: 6px;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0 3px 3px #ddd;
transition: 0.3s;
}
.eplus-accordion-2 .eplus-accordion-item.active {
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.eplus-accordion-2 .eplus-accordion-content {
padding: 0 25px 10px;
}
.eplus-accordion-2 .eplus-accordion-title {
padding: 22px 28px;
margin-bottom: 0;
}
.eplus-accordion-2 .toggle-icon {
right: 20px;
top: 50%;
transform: translateY(-50%);
} .eplus-accordion-3 .eplus-accordion-item {
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
transition: 0.3s;
}
.eplus-accordion-3 .eplus-accordion-content {
position: relative;
padding: 25px;
vertical-align: inherit;
}
.eplus-accordion-3 .eplus-accordion-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1B9CFC;
opacity: 0.06;
}
.eplus-accordion-3 .eplus-accordion-title {
padding: 18px 24px;
margin-bottom: 0;
}
.eplus-accordion-3 .toggle-icon {
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.eplus-accordion-3 .eplus-accordion-item.active .toggle-icon:after,
.eplus-accordion-3 .eplus-accordion-item.active .toggle-icon:before {
background: #fff;
}
.eplus-accordion-3 .eplus-accordion-item.active {
box-shadow: none;
}
.eplus-accordion-3 .eplus-accordion-item.active .eplus-accordion-title {
background-image: linear-gradient(180deg, #1B9CFC 34%, #25CCF7 86%);
color: #fff;
} .eplus-accordion-4 .eplus-accordion-wrap {
position: relative;
left: 53%;
}
.eplus-accordion-4 .eplus-accordion-inner {
padding: 100px;
border-radius: 50px;
background-color: #5F27CD;
margin-right: 23%;
position: relative;
z-index: 10;
}
.eplus-accordion-4 .eplus-accordion-inner > svg {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 100%;
width: 100%;
z-index: -1;
}
.eplus-accordion-4 .eplus-accordion-item {
border-radius: 6px;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
transition: 0.3s;
}
.eplus-accordion-4 .eplus-accordion-item.active {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.eplus-accordion-4 .eplus-accordion-content {
padding: 0 25px 10px;
}
.eplus-accordion-4 .eplus-accordion-title {
padding: 22px 28px;
margin-bottom: 0;
}
.eplus-accordion-4 .toggle-icon {
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.eplus-accordion-4 .toggle-icon svg {
transition: 0.3s;
transform: rotate(-90deg);
}
.eplus-accordion-4 .toggle-icon:after,
.eplus-accordion-4 .toggle-icon:before {
display: none;
}
.eplus-accordion-4 .toggle-icon.icon-minus svg {
transform: rotate(0deg);
} .eplus-accordion-5 .eplus-accordion-inner {
padding: 100px;
border-radius: 50px;
background-color: #5F27CD;
position: relative;
z-index: 10;
}
.eplus-accordion-5 .eplus-accordion-inner > svg {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 100%;
width: 70%;
z-index: -1;
}
.eplus-accordion-5 .eplus-accordion-item {
border-radius: 6px;
margin-bottom: 20px;
background-color: #9057ff;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
transition: 0.3s;
}
.eplus-accordion-5 .eplus-accordion-wrap {
max-width: 700px;
margin: 0 auto;
}
.eplus-accordion-5 .eplus-accordion-item.active {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.eplus-accordion-5 .eplus-accordion-content {
padding: 0 25px 10px;
}
.eplus-accordion-5 .eplus-accordion-content p {
color: #f5f5f5;
}
.eplus-accordion-5 .eplus-accordion-title {
padding: 22px 28px;
margin-bottom: 0;
color: #fff;
}
.eplus-accordion-5 .toggle-icon {
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.eplus-accordion-5 .toggle-icon svg {
transition: 0.3s;
transform: rotate(-90deg);
}
.eplus-accordion-5 .toggle-icon:after,
.eplus-accordion-5 .toggle-icon:before {
display: none;
}
.eplus-accordion-5 .toggle-icon.icon-minus svg {
transform: rotate(0deg);
}.eplus-info-box {
position: relative;
margin-bottom: 30px;
}
.eplus-info-box .eplus-info-title {
font-size: 18px;
line-height: 1.4;
margin-bottom: 10px;
letter-spacing: 0;
padding: 0;
}
.eplus-info-desc > p {
margin-bottom: 0 !important;
}
.margin-bottom-remove {
margin-bottom: 0 !important;
}
.icon-wrap > i {
display: inline-block;
} .eplus-info-box-1 {
text-align: center;
}
.eplus-info-box-1 .icon-wrap {
margin-bottom: 20px;
}
.eplus-info-box-1 .icon-wrap > i {
display: inline-block;
height: 80px;
width: 80px;
line-height: 80px;
font-size: 32px;
text-align: center;
color: #E91E63;
background-color: rgba(233, 30, 99, 0.1);
border-radius: 50%;
}
.eplus-info-box-1 .eplus-info-btn {
display: inline-block;
background-color: #eee;
color: #777;
padding: 4px 16px;
border-radius: 20px;
margin-top: 20px;
transition: 0.3s;
}
.eplus-info-box-1 .eplus-info-btn:hover {
background-color: rgba(233, 30, 99, 0.1);
color: #E91E63;
} .eplus-info-box-2 {
position: relative;
text-align: center;
margin-top: 30px;
padding: 30px;
transition: 0.3s;
}
.eplus-info-box-2.has-info-box-link {
padding: 30px 30px 40px;
}
.eplus-info-box-2 .icon-wrap {
margin-bottom: 20px;
margin-top: -60px;
}
.eplus-info-box-2 .icon-wrap > i {
display: inline-block;
height: 70px;
width: 70px;
line-height: 62px;
font-size: 28px;
text-align: center;
color: #fff;
background-color: rgb(253, 121, 168);
border-radius: 5px;
border: 5px solid #fff;
box-shadow: 0 0 0 1px #fd79a8;
transition: 0.3s;
}
.eplus-info-box-2 .eplus-info-btn {
position: absolute;
bottom: -25px;
left: 45%;
transform: translateX(-50%);
display: inline-block;
background-color: #FD79A8;
height: 50px;
width: 50px;
line-height: 54px;
border-radius: 50%;
margin-top: 0;
opacity: 0;
transition: 0.3s;
}
.eplus-info-box-2:hover,
.eplus-info-box-2.eplus-featured {
box-shadow: 0 0 25px rgba(253, 121, 168, 0.08);
background-color: #fff;
}
.eplus-info-box-2:hover .icon-wrap > i,
.eplus-info-box-2.eplus-featured .icon-wrap > i {
background-color: rgb(253, 121, 168);
border-radius: 50%;
}
.eplus-info-box-2:hover .eplus-info-btn,
.eplus-info-box-2.eplus-featured .eplus-info-btn {
opacity: 1;
left: 50%;
} .eplus-info-box-3 {
position: relative;
text-align: center;
margin-top: 30px;
background-color: #fff;
border: 1px solid #e5e5e5;
padding: 30px;
transition: 0.3s;
}
.eplus-info-box-3.has-info-box-link {
padding: 30px 30px 40px;
}
.eplus-info-box-3 .icon-wrap {
margin-bottom: 30px;
margin-top: -60px;
}
.eplus-info-box-3 .icon-wrap > i {
display: inline-block;
height: 60px;
width: 60px;
line-height: 60px;
font-size: 24px;
text-align: center;
color: #757575;
background-color: #fff;
border: 1px solid #e5e5e5;
transition: 0.3s;
transform: rotate(45deg);
}
.eplus-info-box-3 .icon-wrap > i:before {
transform: rotate(-45deg);
display: inline-block;
transition: 0.3s;
}
.eplus-info-box-3 .eplus-info-btn {
position: absolute;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
display: inline-block;
background-color: #fff;
border: 1px solid #e5e5e5;
height: 50px;
width: 50px;
line-height: 52px;
border-radius: 50%;
margin-top: 0;
transition: 0.3s;
}
.eplus-info-box-3 .eplus-info-btn > svg path {
fill: #757575;
}
.eplus-info-box-3:hover .eplus-info-btn > svg {
animation: animIbtn linear 0.35s infinite;
animation-direction: alternate-reverse;
}
.eplus-info-box-3:hover .icon-wrap > i:before {
animation: ifb3Icon 0.5s infinite;
animation-direction: alternate-reverse;
}
@keyframes animIbtn {
from {
position: relative;
left: -6px;
opacity: 0.4;
}
to {
position: relative;
left: 0;
opacity: 1;
}
}
@keyframes ifb3Icon {
0% {
transform: scale(0.8) rotate(-45deg);
}
100% {
transform: scale(1.05) rotate(-45deg);
}
} .eplus-info-box-4 {
text-align: center;
padding: 120px 30px;
background-color: #fff;
border-radius: 500px;
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
transition: 0.4s;
}
.eplus-info-box-4 .icon-wrap {
margin-bottom: 20px;
}
.eplus-info-box-4 .icon-wrap > i {
display: inline-block;
font-size: 54px;
line-height: 64px;
text-align: center;
color: #5a5a5a;
}
.eplus-info-box-4 .icon-wrap > i:before {
display: inline-block;
}
.eplus-info-box-4 .eplus-info-btn {
display: inline-block;
background-color: #fff;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
height: 60px;
width: 60px;
line-height: 65px;
border-radius: 50%;
margin-top: 30px;
transition: 0.3s;
}
.eplus-info-box-4 .eplus-info-btn > svg path {
fill: #757575;
}
.eplus-info-box-4 .eplus-info-btn:hover > svg path {
fill: #70A1FF;
}
.eplus-info-box-4:hover {
background-color: #70A1FF;
}
.eplus-info-box-4:hover *,
.eplus-info-box-4:hover .icon-wrap > i {
color: #fff;
} .eplus-info-box-5 {
text-align: center;
padding: 40px 70px;
background-color: #9C88FF;
border-radius: 500px;
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
transition: 0.4s;
}
.eplus-info-box-5 .eplus-info-title,
.eplus-info-box-5 .eplus-info-desc p {
color: #fff;
}
.eplus-info-box-5 .icon-wrap {
margin-bottom: 20px;
}
.eplus-info-box-5 .icon-wrap > i {
display: inline-block;
font-size: 42px;
line-height: 52px;
text-align: center;
color: #fff;
}
.eplus-info-box-5 .eplus-info-btn {
display: inline-block;
background-color: #fff;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
height: 60px;
width: 60px;
line-height: 65px;
border-radius: 50%;
margin-top: 30px;
transition: 0.3s;
}
.eplus-info-box-5 .eplus-info-btn > svg path {
fill: #757575;
}
.eplus-info-box-5 .eplus-info-btn:hover > svg path {
fill: #9C88FF;
} .eplus-info-box-6 {
position: relative;
text-align: center;
padding: 50px 30px 40px;
background-color: #fff;
border-radius: 16px;
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
transition: 0.4s;
}
.eplus-info-box-6 .info-count {
position: absolute;
left: 50%;
top: -40px;
height: 80px;
width: 80px;
line-height: 80px;
font-size: 26px;
text-align: center;
background-color: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
border-radius: 50%;
transform: translateX(-50%);
}
.eplus-info-box-6 .icon-wrap {
margin-bottom: 20px;
}
.eplus-info-box-6 .icon-wrap > i {
display: inline-block;
font-size: 54px;
line-height: 64px;
text-align: center;
color: #5a5a5a;
}
.eplus-info-box-6 .eplus-info-btn {
display: inline-block;
background-color: #fff;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
height: 60px;
width: 60px;
line-height: 65px;
border-radius: 50%;
margin-top: 20px;
transition: 0.3s;
}
.eplus-info-box-6 .eplus-info-btn > svg path {
fill: #757575;
}
.eplus-info-box-6 .eplus-info-btn:hover > svg path {
fill: #70A1FF;
}
.eplus-info-box-6:hover {
box-shadow: 0 20px 60px -5px rgba(9, 30, 66, .3);
transform: translateY(-4px);
} .eplus-info-box-7 {
display: flex;
align-items: flex-start;
}
.eplus-info-box-7 .icon-wrap {
margin-bottom: 20px;
margin-right: 25px;
}
.eplus-info-box-7 .icon-wrap > i {
font-size: 42px;
text-align: center;
color: #FF9800;
line-height: 40px;
}
.eplus-info-box-7 .eplus-info-btn {
display: inline-block;
background-color: #eee;
color: #777;
padding: 5px 16px;
border-radius: 20px;
margin-top: 20px;
transition: 0.3s;
font-size: 14px;
}
.eplus-info-box-7 .eplus-info-btn:hover {
background-color: #FF9800;
color: #fff;
} .eplus-info-box-8 {
position: relative;
text-align: center;
padding: 30px;
border-radius: 10px;
transition: 0.3s;
}
.eplus-info-box-8.has-info-box-link {
padding: 30px 30px 60px;
}
.eplus-info-box-8 .icon-wrap {
margin-bottom: 20px;
position: relative;
}
.eplus-info-box-8 .icon-wrap > i {
position: absolute;
top: 45%;
left: 50%;
font-size: 28px;
transform: translateX(-50%) translateY(-50%);
color: #fff;
}
.eplus-info-box-8 .eplus-info-btn {
position: absolute;
bottom: -25px;
left: 45%;
transform: translateX(-50%);
display: inline-block;
background-color: #43d6e0;
height: 50px;
width: 50px;
line-height: 54px;
border-radius: 50%;
margin-top: 0;
opacity: 0;
transition: 0.3s;
}
.eplus-info-box-8:hover,
.eplus-info-box-8.eplus-featured {
box-shadow: 0 0 25px rgba(253, 121, 168, 0.08);
background-color: #fff;
}
.eplus-info-box-8:hover .eplus-info-btn,
.eplus-info-box-8.eplus-featured .eplus-info-btn {
opacity: 1;
left: 50%;
} .eplus-info-box-9 {
background-color: #fff;
position: relative;
padding: 60px 30px 30px;
border-radius: 10px;
transition: 0.3s;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
}
.eplus-info-box-9.has-info-box-link {
padding-bottom: 60px;
}
.eplus-info-box-9 .icon-wrap {
position: relative;
text-align: center;
display: inline-block;
margin-bottom: 25px;
z-index: 10;
}
.eplus-info-box-9 .icon-wrap:before {
content: '';
position: absolute;
bottom: 6px;
left: 6px;
width: 54px;
height: 54px;
background: #00d8ff;
z-index: -1;
border-radius: 4px;
transform: rotate(18deg);
opacity: 0.15;
}
.eplus-info-box-9 .icon-wrap > i {
width: 44px;
height: 44px;
line-height: 44px;
border-radius: 4px;
font-size: 24px;
color: #fff;
background-image: linear-gradient( -130deg, #44C9E1 27.9%, #ACE8F3 84.2% );
}
.eplus-info-box-9 .eplus-info-btn {
position: absolute;
bottom: -25px;
right: 40px;
text-align: center;
display: inline-block;
background-color: #43d6e0;
height: 50px;
width: 50px;
line-height: 54px;
border-radius: 50%;
margin-top: 0;
} .eplus-info-box-10 {
background-color: #fff;
position: relative;
padding: 40px 30px;
border-radius: 8px;
transition: 0.3s;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
overflow: hidden;
z-index: 1;
}
.eplus-info-box-10 .curve-shape {
position: absolute;
right: -1px;
top: -1px;
z-index: -1;
}
.eplus-info-box-10 .icon-wrap {
position: relative;
text-align: center;
display: inline-block;
margin-bottom: 45px;
z-index: 10;
margin-left: 20px;
}
.eplus-info-box-10 .icon-wrap:before {
content: '';
position: absolute;
bottom: -20px;
left: -20px;
width: 40px;
height: 40px;
background: #FFA1FC;
z-index: -1;
border-radius: 50%;
opacity: 0.2;
}
.eplus-info-box-10 .icon-wrap > i {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 6px;
font-size: 31px;
color: #FFA1FC;
background-color: #fff;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
.eplus-info-box-10 .eplus-info-title {
font-size: 20px;
margin-bottom: 15px;
font-weight: 600;
color: #444;
}
.eplus-info-box-10 .eplus-info-btn {
position: absolute;
bottom: 10px;
right: 10px;
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
margin-top: 0;
}
.eplus-info-box-10 .eplus-info-btn svg path {
fill: #444;
} .eplus-info-box-11 {
position: relative;
text-align: center;
padding: 40px 30px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
transition: 0.4s;
display: block;
}
.eplus-info-box-11 .info-count {
position: absolute;
left: 50%;
top: -40px;
height: 80px;
width: 80px;
line-height: 80px;
font-size: 26px;
text-align: center;
background-color: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
border-radius: 50%;
transform: translateX(-50%);
}
.eplus-info-box-11 .icon-wrap {
margin-bottom: 20px;
}
.eplus-info-box-11 .icon-wrap > i {
display: inline-block;
font-size: 38px;
line-height: 48px;
text-align: center;
color: #5a5a5a;
}
.eplus-info-box-11 .eplus-info-btn {
display: inline-block;
background-color: #fff;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
height: 60px;
width: 60px;
line-height: 65px;
border-radius: 50%;
margin-top: 20px;
transition: 0.3s;
}
.eplus-info-box-11 .eplus-info-btn > svg path {
fill: #757575;
}
.eplus-info-box-11 .eplus-info-btn:hover > svg path {
fill: #70A1FF;
}
.eplus-info-box-11:hover {
box-shadow: 0 5px 40px -5px rgba(9, 30, 66, .3);
transform: translateY(-4px);
}[class*="eplus-logo-carousel-"] .owl-nav button:before {
display: none;
}
[class*="eplus-logo-carousel-"] .owl-nav {
position: absolute;
top: 40%;
left: 0;
display: flex;
width: 100%;
justify-content: space-between;
opacity: 0;
transition: 0.3s;
padding: 0 15px;
pointer-events: none;
}
[class*="eplus-logo-carousel-"].owl-carousel .owl-nav button {
display: inline-block;
width: 42px;
height: 42px;
line-height: 38px;
text-align: center;
background: #ddd;
color: #999;
border-radius: 4px;
outline: none;
transition: 0.3s;
pointer-events: auto;
}
[class*="eplus-logo-carousel-"].owl-carousel .owl-nav button i {
font-size: 24px;
line-height: inherit;
}
[class*="eplus-logo-carousel-"].owl-carousel:hover .owl-nav {
opacity: 1;
}
[class*="eplus-logo-carousel-"].owl-carousel .owl-nav button:hover {
background: #3a3a3a;
color: #fff;
} [class*="eplus-logo-carousel-"].owl-carousel .owl-dots {
position: absolute;
width: 100%;
text-align: center;
}
[class*="eplus-logo-carousel-"].owl-carousel .owl-dots .owl-dot {
width: 10px;
height: 10px;
outline: none;
background: #dedede;
transition: 0.3s;
border-radius: 10px;
}
[class*="eplus-logo-carousel-"].owl-carousel .owl-dots .owl-dot:hover {
background: #3a3a3a;
}
[class*="eplus-logo-carousel-"].owl-carousel .owl-dots .active {
width: 26px;
background: #3a3a3a;
} [class*="eplus-logo-carousel-"] .logo-single-link {
display: block;
color: #fff;
text-align: center;
}.jctkr-wrapper,
.jctkr-wrapper *{
box-sizing: border-box;
}
.jctkr-wrapper{
position: relative;
width: 100%;
overflow: hidden;
}
.jctkr-wrapper ul {
position: absolute;
left: 0;
top: 50%;
margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;
font-size: 0;
opacity: 0;
transform: translateY(-50%);
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.jctkr-wrapper.jctkr-initialized ul{
opacity: 1;
}
.jctkr-wrapper ul li{
display: inline-block;
font-family: sans-serif;
font-size: 16px;
}
.eplus-marquee * {
letter-spacing: 0;
}
.eplus-marquee {
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
flex-wrap: wrap;
}
.eplus-marquee-wrap {
width: 84%;
}
.eplus-marquee .eplus-marquee-single {
transition: 0.3s;
margin-bottom: 0 !important;
margin-left: 25px;
padding-left: 25px;
border-left: 1px solid #ccc;
line-height: 1 !important;
}
.eplus-marquee .eplus-marquee-label {
width: 14%;
text-align: center;
display: block;
z-index: 1;
} .eplus-marquee-1 .eplus-marquee-single {
font-size: 19px;
}
.eplus-marquee-1 .eplus-marquee-label {
font-size: 18px;
padding: 8px 16px;
background-color: #E91E63;
color: #fff;
font-weight: 600;
background-image: linear-gradient( 120deg, #9C27B0 9.6%, #fd0157 96.1% );
border-radius: 3px;
} .eplus-marquee-2 {
border: 1px solid #eee;
}
.eplus-marquee-2 .eplus-marquee-single {
font-size: 20px;
}
.eplus-marquee-2 .eplus-marquee-label {
font-size: 19px;
padding: 10px 17px;
background: #F44336;
color: #fff;
font-weight: 600;
margin: -1px 20px -1px -1px;
} .eplus-marquee-3 {
border: 1px solid #eee;
padding: 15px;
border-radius: 800px;
}
.eplus-marquee-3 .eplus-marquee-single {
font-size: 20px;
}
.eplus-marquee-3 .eplus-marquee-label {
font-size: 18px;
padding: 10px 17px;
box-shadow: 0 5px 20px rgba(255, 17, 0, 0.12);
color: #f44336;
background-color: #fff;
font-weight: 600;
margin: -15px;
border-radius: 50px;
} .eplus-marquee-4 .eplus-marquee-single {
font-size: 18px;
}
.eplus-marquee-4 .eplus-marquee-label {
background-color: #fff;
font-size: 20px;
padding: 8px 16px;
border-left: 6px solid #f44336;
font-weight: 600;
color: #f44336;
} .eplus-marquee-5 {
background-color: #f44336;
padding: 15px;
background-image: linear-gradient( 30deg, #9C27B0 9.6%, #fd0157 96.1% );
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.eplus-marquee-5 .eplus-marquee-single a {
font-size: 20px;
color: rgba(255, 255, 255, 0.55);
}
.eplus-marquee-5 .eplus-marquee-label {
font-size: 19px;
color: #fff;
font-weight: 600;
margin: -15px;
border-radius: 0;
padding: 13px 19px;
background-color: #f44336;
background-image: linear-gradient( -130deg, #9C27B0 9.6%, #fd0157 96.1% );
}
@media ( max-width: 1170px ) and (min-width: 768px) {
.eplus-marquee-wrap {
width: 78%;
}
.eplus-marquee .eplus-marquee-label {
width: 18%;
}
}
@media ( max-width: 767px ) {
.eplus-marquee-wrap {
width: 100%;
text-align: center;
}
.eplus-marquee-3 {
border-radius: 4px;
}
.eplus-marquee .eplus-marquee-label {
width: 100%;
margin: 0 0 14px;
}
.eplus-marquee-2 {
padding: 12px;
}
.eplus-marquee-4 .eplus-marquee-label {
border-width: 0 6px;
border-style: solid;
background: #fff;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
.eplus-marquee.jctkr-wrapper ul {
position: relative;
transform: none;
}
}.eplus-modal-1 {
position: relative;
max-width: 800px;
margin: 100px auto;
padding: 30px;
background-color: #fff;
}
.eplus-modal-close {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background: #F44336 !important;
color: #fff;
}
.eplus-modal-1 > .eplus-modal-close {
color: #fff;
right: -20px !important;
top: -20px !important;
}
.eplus-modal-close:before, .eplus-modal-close:after {
display: none !important;
}
.mfp-wrap > .eplus-modal-close {
right: 50px;
top: 50px;
}
.eplus-modal-1 .eplus-modal-title {
padding: 20px 30px;
background: #eee;
margin: -30px -30px 30px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}.eplus-newsticker * {
letter-spacing: 0;
}
.eplus-newsticker {
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
flex-wrap: wrap;
}
.eplus-newsticker .owl-carousel .owl-dots {
display: none;
}
.eplus-newsticker-wrap {
width: 84%;
}
.eplus-newsticker .eplus-newsticker-single {
line-height: normal;
transition: 0.3s;
margin-bottom: 0;
}
.eplus-newsticker .eplus-newsticker-label {
width: 14%;
text-align: center;
display: block;
} .eplus-newsticker-1 .eplus-newsticker-single {
font-size: 19px;
}
.eplus-newsticker-1 .eplus-newsticker-label {
font-size: 18px;
padding: 8px 16px;
background-color: #E91E63;
color: #fff;
font-weight: 600;
background-image: linear-gradient( 120deg, #9C27B0 9.6%, #fd0157 96.1% );
border-radius: 3px;
} .eplus-newsticker-2 {
border: 1px solid #eee;
}
.eplus-newsticker-2 .eplus-newsticker-single {
font-size: 20px;
}
.eplus-newsticker-2 .eplus-newsticker-label {
font-size: 19px;
padding: 10px 17px;
background: #F44336;
color: #fff;
font-weight: 600;
margin: -1px 20px -1px -1px;
} .eplus-newsticker-3 {
border: 1px solid #eee;
padding: 15px;
border-radius: 800px;
}
.eplus-newsticker-3 .eplus-newsticker-single {
font-size: 20px;
}
.eplus-newsticker-3 .eplus-newsticker-label {
font-size: 18px;
padding: 10px 17px;
box-shadow: 0 5px 20px rgba(255, 17, 0, 0.12);
color: #f44336;
font-weight: 600;
margin: -1px 20px -1px -1px;
border-radius: 50px;
} .eplus-newsticker-4 .eplus-newsticker-single {
font-size: 18px;
}
.eplus-newsticker-4 .eplus-newsticker-label {
font-size: 20px;
padding: 8px 16px;
border-left: 6px solid #f44336;
font-weight: 600;
color: #f44336;
} .eplus-newsticker-5 {
background-color: #f44336;
padding: 15px;
background-image: linear-gradient( 30deg, #9C27B0 9.6%, #fd0157 96.1% );
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.eplus-newsticker-5 .eplus-newsticker-single a {
font-size: 20px;
color: rgba(255, 255, 255, 0.55);
}
.eplus-newsticker-5 .eplus-newsticker-label {
font-size: 21px;
color: #fff;
font-weight: 600;
margin: -1px 20px -1px -1px;
border-radius: 50px;
}
@media ( max-width: 1170px ) and (min-width: 768px) {
.eplus-newsticker-wrap {
width: 78%;
}
.eplus-newsticker .eplus-newsticker-label {
width: 18%;
}
}
@media ( max-width: 767px ) {
.eplus-newsticker-wrap {
width: 100%;
text-align: center;
}
.eplus-newsticker-3 {
border-radius: 4px;
}
.eplus-newsticker .eplus-newsticker-label {
width: 100%;
margin: 0 0 14px;
}
.eplus-newsticker-2 {
padding: 12px;
}
.eplus-newsticker-4 .eplus-newsticker-label {
border-width: 0 6px;
border-style: solid;
background: #fff;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
}.eplus-portfolio-item {
margin-bottom: 30px;
}
.eplus-portfolio-1 .eplus-portfolio-item {
box-shadow: 0 0 50px rgba(0, 0, 0, 0.16);
}
.eplus-portfolio-1 .image-wrap {
position: relative;
}
.eplus-portfolio-1 .p-category {
position: absolute;
top: 30px;
font-size: 16px;
line-height: normal;
left: 30px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 12px 21px;
border-radius: 3px;
min-width: 100px;
text-align: center;
}
.eplus-portfolio-1 .p-footer {
display: flex;
margin-top: 25px;
align-items: center;
justify-content: space-between;
}
.eplus-portfolio-1 .p-info {
padding: 30px;
}
.eplus-portfolio-1 .p-title {
margin-bottom: 10px;
font-size: 24px;
line-height: 1.4;
}
.eplus-portfolio-1 .p-title a {
color: #232323;
}
.eplus-portfolio-1 .p-title a:hover,
.eplus-portfolio-1 .p-title a:focus {
color: #E91E63;
}
.btn-hire {
display: inline-block;
padding: 10px 20px;
min-width: 94px;
font-size: 16px;
line-height: normal;
background-color: #E9E9E9;
color: #718093;
border-radius: 4px;
}
.btn-hire:hover, .btn-hire:focus {
background-color: #E91E63;
color: #fff;
}
.eplus-p-social {
margin: 4px 0 0;
padding: 0;
list-style: none;
}
.eplus-p-social > li,
#content .eplus-p-social > li {
display: inline-block;
margin-bottom: 0;
}
.eplus-p-social > li > a {
display: inline-block;
padding: 8px;
line-height: 1;
font-size: 22px;
} .eplus-portfolio-2 .eplus-portfolio-item {
position: relative;
overflow: hidden;
}
.eplus-portfolio-2 .p-info {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
z-index: 10;
padding: 30px;
}
.eplus-portfolio-2 .p-title-wrap {
opacity: 0;
transform: translateY(20px);
transition: 0.3s;
}
.eplus-portfolio-2 .p-title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 0;
}
.eplus-portfolio-2 .p-category {
margin-bottom: 9px;
display: block;
color: #F9CA24;
font-size: 18px;
}
.eplus-portfolio-2 .p-title a {
color: #fff;
}
.eplus-portfolio-2 .p-title a:hover,
.eplus-portfolio-2 .p-title a:focus {
color: #F9CA24;
}
.eplus-portfolio-2 .eplus-shape {
position: absolute;
left: 0;
bottom: -7px;
z-index: -1;
width: 100%;
opacity: 0;
transition: 0.3s;
transform: translateY(15px);
}
.eplus-portfolio-2 .eplus-portfolio-item:hover .eplus-shape,
.eplus-portfolio-2 .eplus-portfolio-item:hover .p-title-wrap {
opacity: 1;
transform: translateY(0);
} .eplus-portfolio-3 .eplus-portfolio-item {
position: relative;
overflow: hidden;
}
.eplus-portfolio-3 .eplus-portfolio-item:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(233, 30, 99, 0.8901960784313725);
opacity: 0;
transition: 0.3s;
}
.eplus-portfolio-3 .p-info {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
padding: 30px;
}
.eplus-portfolio-3 .p-link {
display: inline-block;
font-size: 20px;
color: #E91E63;
background-color: #fff;
width: 50px;
height: 50px;
line-height: 54px;
border-radius: 50%;
opacity: 0;
transform: scale(0.5);
transition: 0.3s;
}
.eplus-portfolio-3 .p-category {
font-size: 18px;
margin-top: 15px;
color: #fff;
opacity: 0;
transform: translateY(10px);
transition: 0.3s;
}
.eplus-portfolio-3 .p-title {
font-size: 24px;
color: #fff;
margin-bottom: 0;
opacity: 0;
transform: translateY(20px);
transition: 0.3s;
}
.eplus-portfolio-3 .p-title a {
color: #fff;
}
.eplus-portfolio-3 .p-title a:hover,
.eplus-portfolio-3 .p-title a:focus {
color: rgba(255,255,255,0.7);
}
.eplus-portfolio-3 .eplus-portfolio-item:hover .p-category,
.eplus-portfolio-3 .eplus-portfolio-item:hover .p-title {
opacity: 1;
transform: translateY(0);
}
.eplus-portfolio-3 .eplus-portfolio-item:hover .p-link {
opacity: 1;
transform: scale(1);
}
.eplus-portfolio-3 .eplus-portfolio-item:hover:before {
opacity: 1;
}.post-categories {
display: inline-block;
}
.post-categories > a {
color: #7a7a7a;
}
.post-categories-all {
display: inline-block;
position: relative;
z-index: 99;
}
.post-categories-all > span {
display: inline-block;
}
.post-categories-dropdown {
position: absolute;
top: 26px;
left: -40px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
min-width: 130px;
padding: 7px 15px;
border-radius: 3px;
background: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.13);
transform: scale(0.4);
}
.post-categories .post-categories-dropdown > a {
display: block;
}
.post-categories .post-categories-dropdown > a + a {
border-top: 1px solid #eee;
padding-top: 4px;
margin-top: 4px;
}
.post-categories:hover .post-categories-all > span ~ .post-categories-dropdown {
transform: scale(1);
opacity: 1;
visibility: visible;
} .eplus-post-grid-1 .post-item {
position: relative;
border-radius: 10px;
overflow: hidden;
transition: 0.3s;
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .1);
margin-bottom: 30px;
}
.eplus-post-grid-1 .post-item:hover {
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .4);
transform: translateY(-4px);
}
.eplus-post-grid-1 .post-meta {
font-size: 14px;
color: #666;
margin-bottom: 7px;
}
.eplus-post-grid-1 .post-meta a {
color: #666;
}
.eplus-post-grid-1 .post-meta i {
color: #e91e63;
font-size: 16px;
}
.eplus-post-grid-1 .post-meta > * {
margin-right: 15px;
margin-bottom: 15px;
}
.eplus-post-grid-1 .post-title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 17px;
font-weight: 600;
}
.eplus-post-grid-1 .post-title a {
color: #3a3a3a;
}
.eplus-post-grid-1 .post-title a:hover,
.eplus-post-grid-1 .post-title a:focus,
.eplus-post-grid-1 .post-meta a:hover,
.eplus-post-grid-1 .post-meta a:focus {
color: #e91e63;
}
.eplus-post-grid-1 .post-body {
background: #fff;
padding: 30px;
}
.eplus-post-grid-1 .post-content {
margin-bottom: 26px;
}
.eplus-post-grid-1 .post-content p:last-child {
margin-bottom: 0;
}
.eplus-post-grid-1 .post-btn {
font-size: 15px;
padding: 14px 17px;
line-height: 1;
text-align: center;
min-width: 140px;
display: inline-block;
border: 0;
border-radius: 40px;
transition: 0.3s;
color: #fff;
background-color: #E91E63;
}
.eplus-post-grid-1 .post-btn:hover,
.eplus-post-grid-1 .post-btn:focus {
color: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
background-color: #7037b6;
background-image: inherit;
} .eplus-post-grid-2 .post-item {
position: relative;
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .1);
margin-bottom: 30px;
transition: 0.3s;
}
.eplus-post-grid-2 .post-item.no-post-thumbnail {
margin-top: 35px;
}
.eplus-post-grid-2 .post-image img {
vertical-align: bottom;
}
.eplus-post-grid-2 .post-meta {
font-size: 14px;
color: #666;
margin-bottom: 12px;
}
.eplus-post-grid-2 .post-meta a {
color: #666;
}
.eplus-post-grid-2 .post-meta i {
color: #e91e63;
font-size: 16px;
}
.eplus-post-grid-2 .post-title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 13px;
font-weight: 600;
}
.eplus-post-grid-2 .post-title a {
color: #3a3a3a;
}
.eplus-post-grid-2 .post-body {
position: relative;
background: #fff;
padding: 30px;
z-index: 10;
}
.eplus-post-grid-2 .post-body > svg {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.eplus-post-grid-2 .post-content {
margin-bottom: 26px;
}
.eplus-post-grid-2 .post-content p:last-child {
margin-bottom: 0 !important;
}
.eplus-post-grid-2 .post-meta .post-meta-date {
position: absolute;
height: 70px;
width: 70px;
text-align: center;
display: inline-block;
background-color: #9C27B0;
background-image: radial-gradient(circle farthest-corner at -0.2% 99.7%, #9C27B0 0%, #3F51B5 100.2%);
color: #fff;
border-radius: 50%;
top: -35px;
right: 30px;
margin-right: 0;
z-index: 9;
}
.eplus-post-grid-2 .post-meta .post-meta-date .day {
font-size: 24px;
display: block;
font-weight: 600;
margin-top: 11px;
line-height: 1;
}
.eplus-post-grid-2 .post-meta .post-meta-date .month {
font-size: 18px;
}
.eplus-post-grid-2 .post-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.eplus-post-grid-2 .post-author {
display: flex;
align-items: center;
}
.eplus-post-grid-2 .post-author .author-img {
margin-right: 20px;
}
.eplus-post-grid-2 .post-author svg {
max-width: 60px;
vertical-align: middle;
}
.eplus-post-grid-2 .post-author .author-name {
margin-top: 5px;
margin-bottom: 0;
font-size: 20px;
line-height: 1.2;
}
.eplus-post-grid-2 .author-name a {
color: #3a3a3a;
}
.eplus-post-grid-2 .post-btn-2 {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
text-align: center;
display: inline-block;
border-radius: 50%;
transition: 0.3s;
background-color: #9C27B0;
background-image: radial-gradient(circle farthest-corner at -0.2% 99.7%, #9C27B0 0%, #3F51B5 100.2%);
color: #fff;
}
.eplus-post-grid-2 .post-btn-2:hover,
.eplus-post-grid-2 .post-btn-2:focus {
color: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
.eplus-post-grid-2 .post-btn {
font-size: 13px;
padding: 12px 17px;
line-height: 1;
text-align: center;
min-width: 110px;
display: inline-block;
border: 0;
border-radius: 40px;
transition: 0.3s;
color: #fff;
background-color: #9C27B0;
background-image: radial-gradient(circle farthest-corner at -0.2% 99.7%, #9C27B0 0%, #3F51B5 100.2%);
}
.eplus-post-grid-2 .post-btn:hover,
.eplus-post-grid-2 .post-btn:focus {
color: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
background-color: #7037b6;
background-image: inherit;
}
.eplus-post-grid-2 .post-item:hover {
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .4);
transform: translateY(-4px);
}
.eplus-post-grid-2 a:hover,
.eplus-post-grid-2 a:focus {
color: #e91e63;
} .eplus-post-grid-3 .post-item {
margin-bottom: 50px;
}
.eplus-post-grid-3 .post-meta {
font-size: 15px;
color: #666;
margin-bottom: 15px;
}
.eplus-post-grid-3 .post-meta a {
color: #666;
}
.eplus-post-grid-3 .post-meta i {
color: #6C5CE7;
font-size: 16px;
}
.eplus-post-grid-3 .post-meta > * {
margin-right: 15px;
}
.eplus-post-grid-3 .post-title {
max-width: 80%;
font-size: 24px;
line-height: 1.4;
margin-bottom: 17px;
font-weight: 600;
}
.eplus-post-grid-3 .post-title a {
color: #3a3a3a;
}
.eplus-post-grid-3 .post-title a:hover,
.eplus-post-grid-3 .post-title a:focus,
.eplus-post-grid-3 .post-meta a:hover,
.eplus-post-grid-3 .post-meta a:focus {
color: #6C5CE7;
}
.eplus-post-grid-3 .post-body {
position: relative;
padding-top: 30px;
}
.eplus-post-grid-3 .no-post-thumbnail {
margin-top: 35px;
}
.eplus-post-grid-3 .no-post-thumbnail .post-body {
padding-top: 0;
}
.eplus-post-grid-3 .post-body .post-meta-date {
position: absolute;
height: 70px;
width: 48px;
text-align: center;
display: inline-block;
background-color: #6C5CE7;
background-image: linear-gradient( 30deg, #6C5CE7 0%, #A29BFE 100% );
color: #fff;
top: -35px;
right: 30px;
margin-right: 0;
z-index: 9;
overflow: hidden;
}
.eplus-post-grid-3 .no-post-thumbnail .post-meta-date {
right: 0;
}
.eplus-post-grid-3 .post-body .post-meta-date .day {
font-size: 21px;
display: block;
font-weight: 600;
line-height: 36px;
height: 35px;
background-color: #6C5CE7;
background-image: linear-gradient( 18deg, #6C5CE7 0%, #A29BFE 100% );
}
.eplus-post-grid-3 .post-body .post-meta-date .month {
font-size: 14px;
text-transform: uppercase;
display: block;
height: 35px;
line-height: 35px;
}
.eplus-post-grid-3 .post-content {
margin-bottom: 26px;
}
.eplus-post-grid-3 .post-content p:last-child {
margin-bottom: 0;
}
.eplus-post-grid-3 .post-btn {
font-size: 17px;
color: #6C5CE7;
}
.eplus-post-grid-3 .post-btn:hover,
.eplus-post-grid-3 .post-btn:focus {
color: #7037b6;
}.eplus-pricing-1 {
position: relative;
background-color: #fff;
padding: 45px 30px;
border-radius: 10px;
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .12);
margin-bottom: 30px;
z-index: 10;
transition: 0.3s;
}
.eplus-pricing-1 .pricing-head {
text-align: center;
}
.eplus-pricing-1 .pricing-icon {
position: relative;
top: -5px;
}
.eplus-pricing-1 .pricing-icon > img,
.eplus-pricing-1 .pricing-icon > i {
position: absolute;
top: calc(50% - 4px);
left: 50%;
max-width: 46px;
transform: translateY(-50%) translateX(-50%);
font-size: 42px;
color: #fff;
}
.eplus-pricing-1 .pricing-head .price {
font-size: 42px;
font-weight: 600;
line-height: 1;
margin-bottom: 12px;
}
.eplus-pricing-1 .has-sale-price .regular-price {
font-size: 22px;
text-decoration: line-through;
color: #ff085c;
}
.eplus-pricing-1 .pricing-title {
font-size: 16px;
line-height: 1.4;
margin-bottom: 30px;
letter-spacing: 0;
}
.eplus-pricing-1 .pricing-duration {
position: relative;
text-align: center;
font-size: 18px;
letter-spacing: 0;
margin: 12px 0 16px;
}
.eplus-pricing-1 .pricing-content {
position: relative;
text-align: center;
}
.eplus-pricing-1 .pricing-content .pricing-icon > img {
max-width: 62px;
opacity: 0.2;
}
.eplus-pricing-1 .pricing-content > ul {
display: inline-block;
margin-bottom: 30px;
margin-left: 0;
}
.eplus-pricing-1 .pricing-content > ul li {
list-style: none;
position: relative;
padding-left: 30px;
text-align: left;
margin-bottom: 12px;
}
.eplus-pricing-1 .pricing-content > ul li:before {
display: block;
content: "\f00c";
position: absolute;
font-family: FontAwesome;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
background: #4CAF50;
color: #ffff;
border-radius: 50%;
width: 23px;
height: 23px;
text-align: center;
line-height: 23px;
text-indent: 1px;
}
.eplus-pricing-1 .pricing-content > .no-feature-icon li {
padding-left: 0;
}
.eplus-pricing-1 .pricing-content > .no-feature-icon li:before {
display: none;
}
.eplus-pricing-1 .pricing-content > ul li.feature-not-in {
text-decoration: line-through;
color: #bbb;
}
.eplus-pricing-1 .pricing-content > ul li.feature-not-in:before {
content: "\f00d";
background-color: #ff085c;
}
.eplus-pricing-1 .pricing-footer {
text-align: center;
}
.eplus-pricing-1 .pricing-footer > a {
padding: 14px 17px;
line-height: normal;
text-align: center;
background-color: #ff085c;
color: #fff;
display: inline-block;
border-radius: 40px;
text-decoration: none;
min-width: 140px;
transition: 0.3s;
}
.eplus-pricing-1.is-featured {
padding: 65px 30px 75px;
border-top: 5px solid #ff085c;
}
.eplus-pricing-1 .pricing-footer > a:hover,
.eplus-pricing-1 .pricing-footer > a:focus {
box-shadow: 0 10px 30px #ddd;
background-color: #7037b6;
} .eplus-pricing-2 {
position: relative;
overflow: hidden;
background-color: #fff;
padding: 45px 30px;
border-radius: 8px;
border: 1px solid #eee;
margin-bottom: 30px;
z-index: 10;
transition: 0.3s;
}
.eplus-pricing-2 .pricing-head {
text-align: center;
}
.eplus-pricing-2 .pricing-icon {
position: relative;
top: -5px;
}
.eplus-pricing-2 .pricing-icon > img,
.eplus-pricing-2 .pricing-icon > i {
position: absolute;
top: calc(50% - 4px);
left: 50%;
max-width: 46px;
transform: translateY(-50%) translateX(-50%);
font-size: 42px;
color: #fff;
}
.eplus-pricing-2 .pricing-head .price {
font-size: 42px;
font-weight: 600;
line-height: 1;
margin-bottom: 30px;
display: inline-block;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
.eplus-pricing-2 .has-sale-price .regular-price {
font-size: 22px;
text-decoration: line-through;
color: #ff085c;
}
.eplus-pricing-2 .pricing-title {
font-size: 16px;
line-height: 1.4;
margin-bottom: 30px;
letter-spacing: 0;
}
.eplus-pricing-2 .pricing-duration {
position: relative;
text-align: center;
font-size: 17px;
letter-spacing: 0;
margin-bottom: 20px;
color: #444;
}
.eplus-pricing-2 .pricing-content {
position: relative;
text-align: center;
}
.eplus-pricing-2 .pricing-content .pricing-icon > img {
max-width: 62px;
opacity: 0.2;
}
.eplus-pricing-2 .pricing-content > ul {
display: inline-block;
margin-bottom: 30px;
margin-left: 0;
}
.eplus-pricing-2 .pricing-content > ul li {
list-style: none;
position: relative;
padding-left: 30px;
text-align: left;
margin: 12px 0;
}
.eplus-pricing-2 .pricing-content > ul li:before {
display: block;
content: "\f00c";
position: absolute;
font-family: FontAwesome;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
background: #4CAF50;
color: #ffff;
border-radius: 50%;
width: 23px;
height: 23px;
text-align: center;
line-height: 23px;
text-indent: 1px;
}
.eplus-pricing-2 .pricing-content > .no-feature-icon li {
padding-left: 0;
}
.eplus-pricing-2 .pricing-content > .no-feature-icon li:before {
display: none;
}
.eplus-pricing-2 .pricing-content > ul li.feature-not-in {
text-decoration: line-through;
color: #bbb;
}
.eplus-pricing-2 .pricing-content > ul li.feature-not-in:before {
content: "\f00d";
background-color: #ff085c;
}
.eplus-pricing-2 .pricing-footer {
text-align: center;
}
.eplus-pricing-2 .pricing-footer > a {
padding: 14px 17px;
line-height: normal;
text-align: center;
background-color: #ff085c;
color: #fff;
display: inline-block;
border-radius: 40px;
text-decoration: none;
min-width: 140px;
transition: 0.3s;
}
.eplus-pricing-2.is-featured {
padding: 75px 30px;
}
.eplus-pricing-2 .eplus-bubbles {
position: absolute;
bottom: -23%;
left: -10%;
z-index: -1;
opacity: 0.5;
}
.eplus-pricing-2 .eplus-bubbles > svg {
opacity: 0.4;
}
.eplus-pricing-2 .pricing-footer > a:hover,
.eplus-pricing-2 .pricing-footer > a:focus {
box-shadow: 0 10px 30px #ddd;
background-color: #7037b6;
} .eplus-pricing-3 {
position: relative;
background-color: #fff;
padding: 45px 30px;
border-radius: 10px;
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .3);
margin: 30px 0 60px;
z-index: 10;
transition: 0.3s;
}
.eplus-pricing-3:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 100%;
background-color: #fff;
height: calc(100% + 1px);
transform: translate(-50%, -50%);
z-index: -1;
border-radius: 12px;
}
.eplus-pricing-3:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: calc(100% - 60px);
background-image: linear-gradient(-30deg, #e91e63 11%, #5828bb 83.4%);
height: calc(100% + 59px);
transform: translate(-50%, -50%);
z-index: -2;
border-radius: 20px;
}
.eplus-pricing-3 .pricing-head {
text-align: center;
}
.eplus-pricing-3 .pricing-head .price {
font-size: 42px;
font-weight: 600;
line-height: 1;
margin-bottom: 12px;
}
.eplus-pricing-3 .has-sale-price .regular-price {
font-size: 22px;
text-decoration: line-through;
color: #e91e63;
opacity: 0.6;
}
.eplus-pricing-3 .pricing-title {
font-size: 16px;
line-height: 1.4;
margin-bottom: 30px;
}
.eplus-pricing-3 .pricing-duration {
position: relative;
z-index: 10;
padding: 15px;
line-height: 1;
background-color: #673AB7;
margin: 0 -30px 30px;
text-align: center;
color: #fff;
background-image: linear-gradient(30deg, #673AB7 11%, #9C27B0 83.4%);
font-size: 20px;
}
.eplus-pricing-3 .pricing-duration:before {
content: '';
z-index: -1;
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #9C27B0;
background-image: linear-gradient(30deg, #9C27B0 11%, #673AB7 83.4%);
opacity: 0;
width: 0;
transition: 0.4s;
}
.eplus-pricing-3:hover .pricing-duration:before {
width: 100%;
opacity: 1;
}
.eplus-pricing-3 .pricing-content {
position: relative;
}
.eplus-pricing-3 .pricing-content .pricing-icon {
margin-right: 10px;
position: absolute;
top: 63%;
transform: translateY(-35%);
right: -10px;
z-index: -1;
}
.eplus-pricing-3 .pricing-content .pricing-icon > i {
font-size: 150px;
color: rgba(19, 19, 19, 0.09);
}
.eplus-pricing-3 .pricing-content .pricing-icon > img {
max-width: 62px;
opacity: 0.2;
}
.eplus-pricing-3 .pricing-content > ul {
margin-bottom: 30px;
margin-left: 0;
}
.eplus-pricing-3 .pricing-content > ul li {
list-style: none;
position: relative;
padding-left: 30px;
margin: 12px 0;
}
.eplus-pricing-3 .pricing-content > ul li:before {
display: block;
content: "\f00c";
position: absolute;
font-family: FontAwesome;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
background: #4CAF50;
color: #ffff;
border-radius: 50%;
width: 23px;
height: 23px;
text-align: center;
line-height: 23px;
text-indent: 1px;
}
.eplus-pricing-3 .pricing-content > .no-feature-icon li {
padding-left: 0;
}
.eplus-pricing-3 .pricing-content > .no-feature-icon li:before {
display: none;
}
.eplus-pricing-3 .pricing-content > ul li.feature-not-in {
text-decoration: line-through;
color: #bbb;
}
.eplus-pricing-3 .pricing-content > ul li.feature-not-in:before {
content: "\f00d";
background-color: #e91e63;
}
.eplus-pricing-3 .pricing-footer {
text-align: center;
}
.eplus-pricing-3 .pricing-footer > a {
padding: 14px 17px;
line-height: normal;
text-align: center;
background-color: #e91e63;
color: #fff;
min-width: 140px;
display: inline-block;
border-radius: 40px;
text-decoration: none;
transition: 0.3s;
}
.eplus-pricing-3.is-featured {
padding: 90px 30px;
}
.eplus-pricing-3.is-featured .pricing-duration {
padding: 18px;
}
.eplus-pricing-3 .pricing-footer > a:hover,
.eplus-pricing-3 .pricing-footer > a:focus {
box-shadow: 0 10px 30px #ddd;
background-color: #7037b6;
}
.eplus-pricing-3.is-featured:before {
background-color: #3e028c;
}
.eplus-pricing-3.is-featured .pricing-head .price,
.eplus-pricing-3.is-featured .pricing-content > ul,
.eplus-pricing-3.is-featured .pricing-title {
color: #fff;
}
.eplus-pricing-3.is-featured .pricing-content .pricing-icon > i {
color: rgba(255, 255, 255, 0.1);
}
.eplus-pricing-3.is-featured .pricing-footer > a:hover {
box-shadow: 0 10px 30px #131313;
}.eplus-progress-bar {
background: #F5F5FF;
}
.eplus-progress-fill {
width: 0;
height: 100%;
text-align: center;
background-color: #007bff;
transition: 0.3s;
} .eplus-progress-bar-1 {
position: relative;
height: 24px;
overflow: visible;
background: #F5F5FF;
border-radius: 24px;
margin-bottom: 30px;
}
.eplus-progress-bar-1 + .eplus-progress-bar-1 {
margin-top: 55px;
}
.eplus-progress-bar-1 .eplus-progress-fill {
position: initial;
border-radius: 30px;
}
.eplus-progress-bar-1 .eplus-progress-fill > span {
position: absolute;
top: calc(100% + 8px);
font-size: 16px;
line-height: normal;
font-weight: 500;
}
.eplus-progress-bar-1 .eplus-pb-label {
left: 0;
}
.eplus-progress-bar-1 .eplus-pb-percent {
right: 0;
} .eplus-progress-bar-2 {
position: relative;
height: 100px;
overflow: visible;
background: #F5F5FF;
border-radius: 10px;
margin-top: 50px;
}
.eplus-progress-bar-2 + .eplus-progress-bar-2 {
margin-top: 85px;
}
.eplus-progress-bar-2 .eplus-progress-fill {
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
border-radius: 10px;
background-color: #3BEDCE;
background-image: radial-gradient( circle farthest-corner at 7.1% 15.6%, #3BEDCE 0%, #8F6BD5 100.3% );
}
.eplus-progress-bar-2 .eplus-progress-fill > span {
position: absolute;
line-height: normal;
font-weight: 500;
}
.eplus-progress-bar-2 .eplus-pb-label {
font-size: 32px;
top: -56px;
}
.eplus-progress-bar-2 .eplus-pb-percent {
font-size: 40px;
right: 0;
color: #fff;
margin-right: 22px;
} .eplus-progress-bar-3 {
display: flex;
justify-content: center;
background: transparent;
margin: 19px 0 60px;
}
.eplus-progress-bar-3 .eplus-pb-start-label {
margin-right: 1%;
}
.eplus-progress-bar-3 .eplus-pb-end-label {
margin-left: 1%;
}
.eplus-progress-bar-3 + .eplus-progress-bar-3 {
margin-top: 125px;
}
.eplus-progress-bar-3 .eplus-pb-indicator {
position: absolute;
right: -12px;
top: 50%;
transform: translateY(-50%) skew(35deg);
background: #fff;
padding: 10px;
min-width: 68px;
}
.eplus-progress-bar-3 .eplus-pb-indicator > img {
position: relative;
transform: skew(-35deg);
max-width: 58px;
vertical-align: middle;
}
.eplus-progress-bar-3 .eplus-progress-bar-inner {
position: relative;
height: 24px;
overflow: visible;
background: #F5F5FF;
width: 88%;
}
.eplus-progress-bar-3 .eplus-progress-fill {
position: relative;
}
.eplus-progress-bar-3 .eplus-progress-fill .eplus-pb-percent {
position: absolute;
top: calc(100% + 20px);
right: -15px;
font-size: 16px;
line-height: normal;
font-weight: 500;
}
.eplus-progress-bar-3 .eplus-pb-percent svg {
position: relative;
z-index: 999;
}.eplus-progress-pie {
position: relative;
text-align: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.eplus-progress-pie-svg {
position: relative;
display: inline-block;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
vertical-align: middle;
}
.eplus-progress-pie-svg svg {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
margin: 0 auto;
}
.eplus-progress-pie-number, .eplus-progress-pie-label {
position: absolute;
top: 43%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.eplus-progress-pie-number {
font-size: 42px;
}
.eplus-progress-pie-label {
margin-top: 40px;
font-size: 16px;
line-height: normal;
font-weight: 400;
}
.no-pie-label .eplus-progress-pie-number {
top: 50%;
}.eplus-promo-img img {
vertical-align: middle;
transition: 0.3s;
}
.eplus-promo-1 {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
background: #ffeeec;
justify-content: space-between;
padding: 30px;
}
.eplus-promo-1.image-alignment-right {
flex-direction: row-reverse;
}
.eplus-promo-1 .eplus-promo-sub-title {
font-size: 16px;
line-height: 1.4;
margin-bottom: 6px;
}
.eplus-promo-1 .eplus-promo-title {
font-size: 28px;
line-height: 1.4;
margin-bottom: 20px;
}
.eplus-promo-1 .eplus-promo-info {
width: 100%;
position: relative;
z-index: 10;
}
.eplus-promo-1 .promo-btn {
display: inline-block;
width: fit-content;
padding: 8px 18px;
background: #000;
color: #fff;
border-radius: 4px;
transition: 0.3s;
}
.eplus-promo-1 .promo-btn:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}
.eplus-promo-1:hover .eplus-promo-img img {
transform: scale(1.03);
}[class*="eplus-products-grid"] .product-title {
font-size: 22px;
margin-bottom: 8px;
}
[class*="eplus-products-grid"] .price-wrap {
font-size: 19px;
}
[class*="eplus-products-grid"] .price-wrap del {
color: #aaa;
margin-right: 7px;
}
[class*="eplus-products-grid"] .price-wrap ins {
text-decoration: none;
}
[class*="eplus-products-grid"] .short-desc {
font-size: 14px;
margin-bottom: 12px;
} .eplus-products-grid-1 .eplus-product-item {
background: #fff;
border: 1px solid #e9e9e9;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
position: relative;
overflow: hidden;
transition: 0.3s;
}
.eplus-products-grid-1 .product-body {
position: relative;
padding: 20px 30px 30px;
}
.eplus-products-grid-1 .product-button > a {
margin-top: 20px;
font-size: 16px;
display: inline-block;
width: 100%;
text-align: center;
line-height: 1;
background: #f4524d;
padding: 13px 18px;
color: #fff;
transition: 0.6s;
position: relative;
}
.eplus-products-grid-1 .product-button > a > svg {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.1;
}
.eplus-products-grid-1 .eplus-product-item:hover {
transform: translateY(-6px);
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
}
.eplus-products-grid-1 .product-button > a:hover {
border-radius: 40px;
} .eplus-products-grid-2 .eplus-product-item {
background: #fff;
text-align: center;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
position: relative;
overflow: hidden;
transition: 0.3s;
}
.eplus-products-grid-2 .product-body {
position: relative;
padding: 30px 30px 40px;
}
.eplus-products-grid-2 .product-button > a {
position: absolute;
display: inline-block;
height: 70px;
width: 80px;
line-height: 96px;
background-color: #ff4c92;
background-image: radial-gradient( circle farthest-corner at 3.1% 6.8%,  #ff4c92 0%, #ff4a3d 130% );
text-align: center;
bottom: -15px;
right: -10px;
opacity: 0;
border-radius: 100% 0 0;
transition: 0.4s;
}
.eplus-products-grid-2 .cart-tooltip {
position: absolute;
visibility: hidden;
opacity: 0;
min-width: 112px;
width: 100%;
line-height: 1;
right: 12px;
top: 29%;
background: #333;
padding: 10px 15px;
border-radius: 50px;
color: #fff;
transition: 0.3s;
}
.eplus-products-grid-2 .product-button > a > svg {
margin-left: 19px;
}
.eplus-products-grid-2 .product-button > a:hover .cart-tooltip {
visibility: visible;
opacity: 1;
}
.eplus-products-grid-2 .eplus-product-item:hover .product-button > a {
opacity: 1;
right: 0;
bottom: 0;
}
.eplus-products-grid-2 .eplus-product-item:hover {
transform: translateY(-6px);
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
} .eplus-products-grid-3 .eplus-product-item {
background: #fff;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
margin-bottom: 50px;
position: relative;
transition: 0.3s;
text-align: center;
}
.eplus-products-grid-3 .product-body {
position: relative;
padding: 25px 30px 45px 30px;
}
.eplus-products-grid-3 .product-body:before {
position: absolute;
left: 50%;
top: -36px;
content: '';
border: 20px solid transparent;
border-bottom-color: #fff;
transform: translateX(-50%);
}
.eplus-products-grid-3 .product-button > a {
margin-top: 20px;
font-size: 16px;
display: inline-block;
min-width: 140px;
text-align: center;
background: #1a1a1a;
height: 42px;
line-height: 42px;
color: #fff;
transition: 0.6s;
border-radius: 50px;
position: absolute;
bottom: -21px;
transform: translateX(-50%);
}
.eplus-products-grid-3 .product-button > a > svg {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.1;
}
.eplus-products-grid-3 .eplus-product-item:hover {
transform: translateY(-6px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.eplus-products-grid-3 .product-button > a:hover {
border-radius: 40px;
}[class*="eplus-products-carousel-"] .owl-nav button:before {
display: none;
}
[class*="eplus-products-carousel-"] .owl-nav {
position: absolute;
top: 40%;
left: 0;
display: flex;
width: 100%;
justify-content: space-between;
opacity: 0;
transition: 0.3s;
padding: 0 15px;
pointer-events: none;
}
[class*="eplus-products-carousel-"] .owl-carousel .owl-nav button {
display: inline-block;
width: 46px;
height: 46px;
line-height: 44px;
text-align: center;
background: #000;
color: #999;
border-radius: 50%;
outline: none;
transition: 0.3s;
pointer-events: auto;
}
[class*="eplus-products-carousel-"] .owl-carousel .owl-nav button i {
font-size: 28px;
line-height: inherit;
}
[class*="eplus-products-carousel-"] .owl-carousel .owl-nav button.owl-next i {
margin-left: 3px;
}
[class*="eplus-products-carousel-"] .owl-carousel:hover .owl-nav {
opacity: 1;
}
[class*="eplus-products-carousel-"] .owl-carousel .owl-nav button:hover {
background: #3a3a3a;
color: #fff;
} [class*="eplus-products-carousel-"] .owl-carousel .owl-dots {
position: absolute;
width: 100%;
text-align: center;
}
[class*="eplus-products-carousel-"] .owl-carousel .owl-dots .owl-dot {
width: 10px;
height: 10px;
outline: none;
background: #dedede;
transition: 0.3s;
border-radius: 10px;
}
[class*="eplus-products-carousel-"] .owl-carousel .owl-dots .owl-dot:hover {
background: #3a3a3a;
}
[class*="eplus-products-carousel-"] .owl-carousel .owl-dots .active {
width: 26px;
background: #3a3a3a;
}
[class*="eplus-products-carousel"] .product-title {
font-size: 22px;
margin-bottom: 8px;
}
[class*="eplus-products-carousel"] .price-wrap {
font-size: 19px;
}
[class*="eplus-products-carousel"] .price-wrap del {
color: #aaa;
margin-right: 7px;
}
[class*="eplus-products-carousel"] .price-wrap ins {
text-decoration: none;
}
[class*="eplus-products-carousel"] .short-desc {
font-size: 14px;
margin-bottom: 12px;
} .eplus-products-carousel-1 .eplus-product-item {
background: #fff;
border: 1px solid #e9e9e9;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
margin-bottom: 30px;
position: relative;
overflow: hidden;
transition: 0.3s;
}
.eplus-products-carousel-1 .product-body {
position: relative;
padding: 20px 30px 30px;
}
.eplus-products-carousel-1 .product-button > a {
margin-top: 20px;
font-size: 16px;
display: inline-block;
width: 100%;
text-align: center;
line-height: 1;
background: #f4524d;
padding: 13px 18px;
color: #fff;
transition: 0.6s;
position: relative;
}
.eplus-products-carousel-1 .product-button > a > svg {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.1;
}
.eplus-products-carousel-1 .product-button > a:hover {
border-radius: 40px;
} .eplus-products-carousel-2 .eplus-product-item {
background: #fff;
text-align: center;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
position: relative;
overflow: hidden;
transition: 0.3s;
}
.eplus-products-carousel-2 .product-body {
position: relative;
padding: 30px 30px 40px;
}
.eplus-products-carousel-2 .product-button > a {
position: absolute;
display: inline-block;
height: 70px;
width: 80px;
line-height: 96px;
background-color: #ff4c92;
background-image: radial-gradient( circle farthest-corner at 3.1% 6.8%,  #ff4c92 0%, #ff4a3d 130% );
text-align: center;
bottom: -15px;
right: -10px;
opacity: 0;
border-radius: 100% 0 0;
transition: 0.4s;
}
.eplus-products-carousel-2 .cart-tooltip {
position: absolute;
visibility: hidden;
opacity: 0;
min-width: 112px;
width: 100%;
line-height: 1;
right: 12px;
top: 29%;
background: #333;
padding: 10px 15px;
border-radius: 50px;
color: #fff;
transition: 0.3s;
}
.eplus-products-carousel-2 .product-button > a > svg {
margin-left: 19px;
}
.eplus-products-carousel-2 .product-button > a:hover .cart-tooltip {
visibility: visible;
opacity: 1;
}
.eplus-products-carousel-2 .eplus-product-item:hover .product-button > a {
opacity: 1;
right: 0;
bottom: 0;
} .eplus-products-carousel-3 .eplus-product-item {
background: #fff;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
margin-bottom: 50px;
position: relative;
transition: 0.3s;
text-align: center;
}
.eplus-products-carousel-3 .product-body {
position: relative;
padding: 25px 30px 45px 30px;
}
.eplus-products-carousel-3 .product-body:before {
position: absolute;
left: 50%;
top: -36px;
content: '';
border: 20px solid transparent;
border-bottom-color: #fff;
transform: translateX(-50%);
}
.eplus-products-carousel-3 .product-button > a {
margin-top: 20px;
font-size: 16px;
display: inline-block;
min-width: 140px;
text-align: center;
background: #1a1a1a;
height: 42px;
line-height: 42px;
color: #fff;
transition: 0.6s;
border-radius: 50px;
position: absolute;
bottom: -21px;
transform: translateX(-50%);
}
.eplus-products-carousel-3 .product-button > a > svg {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.1;
}
.eplus-products-carousel-3 .eplus-product-item:hover {
transform: translateY(-6px);
}
.eplus-products-carousel-3 .product-button > a:hover {
border-radius: 40px;
}.eplus-social-profile-1 > a {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
margin: 0 15px 15px 0;
transition: 0.3s;
}
.eplus-social-profile-1 > a i {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
font-size: 17px;
text-align: center;
background-color: #3B579D;
color: #fff;
transform: translate(-50%, -50%);
}
.eplus-social-profile-1 > a:hover {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
} .eplus-social-profile-2 .eplus-social-profile-inner {
display: inline-block;
background-color: #A29BFE;
border-radius: 50px;
}
.eplus-social-profile-2 a {
display: inline-block;
margin: 15px 15px 15px 0;
}
.eplus-social-profile-2 a:first-child {
margin-left: 15px;
}
.eplus-social-profile-2 a i {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
font-size: 22px;
text-align: center;
background-color: #fff;
color: #A29BFE;
transition: 0.3s;
}
.eplus-social-profile-2 a:hover i {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
} .eplus-social-profile-3 > a {
position: relative;
display: inline-block;
transition: 0.3s;
margin: 10px 25px 25px 10px;
}
.eplus-social-profile-3 > a i {
display: inline-block;
border-radius: 6px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 22px;
text-align: center;
background-color: #3B579D;
color: #fff;
transform: rotate(45deg);
transition: 0.3s;
}
.eplus-social-profile-3 > a:last-child i {
margin-right: 0;
}
.eplus-social-profile-3 > a i:before {
display: inline-block;
transform: rotate(-45deg);
}
.eplus-social-profile-3 > a:hover i {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
} .eplus-social-profile-4 > a {
position: relative;
z-index: 10;
display: inline-block;
width: 80px;
height: 80px;
line-height: 80px;
transition: 0.3s;
margin: 0 15px 15px 0;
text-align: center;
}
.eplus-social-profile-4 > a svg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.eplus-social-profile-4 > a i {
font-size: 28px;
text-indent: 13px;
color: #fff;
}
.eplus-social-profile-4 > a:last-child {
margin-right: 0;
} .eplus-social-profile-5 > a {
position: relative;
display: inline-block;
padding: 15px;
text-align: center;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
margin: 0 15px 15px 0;
transition: 0.3s;
border-radius: 40px;
}
.eplus-social-profile-5 .eplus-sp-label {
margin-left: 42px;
}
.eplus-social-profile-5 > a i {
position: absolute;
top: 50%;
left: 15px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
font-size: 17px;
text-align: center;
background-color: #3B579D;
color: #fff;
transform: translateY(-50%);
}
.eplus-social-profile-5 > a:hover {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}.eplus-table .dataTables_filter,
.eplus-table .dataTables_length {
margin-bottom: 24px;
}
.eplus-table select,
.eplus-table input[type="search"] {
height: 40px;
border: 1px solid #ddd;
border-radius: 4px;
}
.eplus-table select {
padding: 7px 28px 8px 15px;
background-position: 87% 50%;
background-size: 22px auto;
}
.eplus-table label {
font-weight: 600;
font-size: 16px;
text-shadow: none;
}
.eplus-table .dataTables_info {
margin: 23px 0 0;
font-size: 15px;
color: #444;
}
.eplus-table .dataTables_paginate {
padding: 0 15px;
}
.eplus-table .tablepress .sorting:after, .eplus-table .tablepress .sorting_asc:after, .eplus-table .tablepress .sorting_desc:after {
right: 13px;
}
.eplus-table .tablepress td, .eplus-table .tablepress th {
padding: 14px;
}
.eplus-table .tablepress tfoot th, .eplus-table .tablepress thead th {
background-color: #232323;
font-weight: 600;
color: #fff;
}
.eplus-table .tablepress .sorting:hover, .eplus-table .tablepress .sorting_asc, .eplus-table .tablepress .sorting_desc {
color: #fff;
background-color: #0273aa;
}
.eplus-table .paging_simple .paginate_button.next:after, .eplus-table .paging_simple .paginate_button.previous:before {
text-shadow: none;
color: #444;
}.tab-icon {
margin-right: 2px;
}
.eplus-tab-panel .tab-item-content {
display: none;
}
.eplus-tab-panel .tab-item-content p:last-child {
margin-bottom: 0 !important;
}
.eplus-tab-panel .tab-item-content.active {
display: block;
} .eplus-tabs-1 .eplus-tab-panel > .tab-nav .tab-nav-item {
padding: 15px 35px;
margin: 0 15px 30px 0;
cursor: pointer;
color: #444;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
background-color: #fff;
border-radius: 4px;
transition: 0.3s;
min-width: 145px;
text-align: center;
font-size: 18px;
line-height: 1.4;
}
.eplus-tabs-1 .eplus-tab-panel > .tab-nav .tab-nav-item::selection {
color: #fff;
background: #E91E63;
}
.eplus-tabs-1 .eplus-tab-panel > .tab-nav .tab-nav-item:last-child {
margin-right: 0;
}
.eplus-tabs-1 .eplus-tab-panel > .tab-nav .tab-nav-item:hover {
color: #fff;
background-color: #E91E63;
background-image: linear-gradient(30deg, #E91E63 11%, #5828bb 83.4%);
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .3);
transform: translateY(-4px);
}
.eplus-tabs-1 .eplus-tab-panel .tab-nav .tab-nav-item:active {
transform: translateY(4px);
}
.eplus-tabs-1 .eplus-tab-panel > .tab-nav .tab-nav-item.active {
color: #fff;
background-color: #E91E63;
background-image: linear-gradient(30deg, #E91E63 11%, #5828bb 83.4%);
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .3);
}
.eplus-tabs-1 .eplus-tab-panel > .tab-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.eplus-tabs-1 .eplus-tab-panel > .tab-content {
padding: 30px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
} .eplus-tabs-2 .eplus-tab-panel > .tab-nav .tab-nav-item {
padding: 14px 35px;
margin: 0 20px 30px 0;
cursor: pointer;
color: #444;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
background-color: #fff;
transition: 0.3s;
min-width: 145px;
text-align: center;
font-size: 17px;
text-transform: uppercase;
line-height: 1.4;
border-radius: 0 15px 0 15px;
}
.eplus-tabs-2 .eplus-tab-panel {
padding: 40px;
background-color: #fff;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.12);
}
.eplus-tabs-2 .eplus-tab-panel > .tab-nav .tab-nav-item:last-child {
margin-right: 0;
}
.eplus-tabs-2 .eplus-tab-panel .tab-nav .tab-nav-item:active {
transform: translateY(4px);
}
.eplus-tabs-2 .eplus-tab-panel > .tab-nav .tab-nav-item.active,
.eplus-tabs-2 .eplus-tab-panel > .tab-nav .tab-nav-item:hover {
color: #fff;
background-color: #FF9578;
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .3);
}
.eplus-tabs-2 .eplus-tab-panel > .tab-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
} .eplus-tabs-3 {
margin-top: 60px;
}
.eplus-tabs-3 .eplus-tab-panel > .tab-nav .tab-nav-item {
padding: 14px 35px;
margin: 0 20px 30px 0;
cursor: pointer;
color: #444;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
background-color: #fff;
transition: 0.3s;
min-width: 145px;
text-align: center;
font-size: 17px;
text-transform: uppercase;
line-height: 1.4;
border-radius: 100px;
}
.eplus-tabs-3 .eplus-tab-panel {
padding: 40px;
background-color: #fff;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.12);
position: relative;
border-radius: 24px;
}
.eplus-tabs-3 .eplus-tab-panel > .tab-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
background: #fff;
box-shadow: 0 0 30px rgba(16, 16, 16, 0.1);
padding: 30px 30px 0;
border-radius: 24px;
margin-top: -100px;
margin-bottom: 35px;
}
.eplus-tabs-3 .eplus-tab-panel .tab-nav .tab-nav-item:active {
transform: translateY(4px);
}
.eplus-tabs-3 .eplus-tab-panel > .tab-nav .tab-nav-item.active,
.eplus-tabs-3 .eplus-tab-panel > .tab-nav .tab-nav-item:hover {
color: #fff;
background-color: #22DBE7;
background-image: linear-gradient(-45deg, #22DBE7 -0.9%, #3476F6 88.7%);
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .3);
} .eplus-tabs-4 .eplus-tab-panel > .tab-nav .tab-nav-item {
cursor: pointer;
color: #444;
background-color: #fff;
transition: 0.3s;
min-width: 114px;
text-align: center;
font-size: 15px;
text-transform: uppercase;
line-height: 1.4;
padding: 15px;
}
.eplus-tabs-4 .eplus-tab-panel {
background-color: #fff;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.12);
position: relative;
border-radius: 20px;
display: flex;
flex-direction: row;
align-items: center;
}
.eplus-tabs-4 .eplus-tab-panel > .tab-nav {
background: #fff;
box-shadow: 10px 3px 10px rgba(0, 0, 0, 0.05);
padding: 100px 0;
border-radius: 20px 0 0 20px;
}
.eplus-tabs-4 .tab-nav .tab-icon {
font-size: 30px;
margin: 0;
line-height: 1.6;
display: block;
}
.eplus-tabs-4 .tab-nav .span.tab-label {
display: block;
}
.eplus-tabs-4 .eplus-tab-panel .tab-item-content {
padding: 35px;
}
.eplus-tabs-4 .eplus-tab-panel .tab-nav .tab-nav-item:active {
transform: translateY(4px);
}
.eplus-tabs-4 .eplus-tab-panel > .tab-nav .tab-nav-item.active,
.eplus-tabs-4 .eplus-tab-panel > .tab-nav .tab-nav-item:hover {
color: #fff;
background-color: #673AB7;
}
@media ( max-width: 767px ) {
.eplus-tabs-4 .eplus-tab-panel {
display: block;
}
.eplus-tabs-4 .eplus-tab-panel > .tab-nav {
padding: 0;
border-radius: 20px;
overflow: hidden;
box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.05);
}
} .eplus-tabs-5 .eplus-tab-panel {
background-color: #fff;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.12);
position: relative;
border-radius: 20px;
display: flex;
overflow: hidden;
}
.eplus-tabs-5 .eplus-tab-panel > .tab-nav {
background-color: #f9f9f9;
}
.eplus-tabs-5 .eplus-tab-panel > .tab-nav .tab-nav-item {
cursor: pointer;
color: #444;
transition: 0.3s;
min-width: 110px;
text-align: center;
font-size: 15px;
text-transform: uppercase;
line-height: 1.4;
padding: 25px 20px;
border-left: 8px solid transparent;
}
.eplus-tabs-5 .tab-nav .tab-icon {
font-size: 32px;
margin: 0;
line-height: 1.6;
display: block;
}
.eplus-tabs-5 .tab-nav .span.tab-label {
display: block;
}
.eplus-tabs-5 .eplus-tab-panel .tab-item-content {
padding: 35px;
}
.eplus-tabs-5 .eplus-tab-panel > .tab-nav .tab-nav-item.active,
.eplus-tabs-5 .eplus-tab-panel > .tab-nav .tab-nav-item:hover {
color: #FF5722;
background-color: #fff;
border-left-color: #FF5722;
border-radius: 12px 0 0 12px;
}
@media ( max-width: 767px ) {
.eplus-tabs-5 .eplus-tab-panel {
display: block;
}
.eplus-tabs-5 .eplus-tab-panel > .tab-nav {
padding: 0;
border-radius: 20px;
overflow: hidden;
box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.05);
}
}.eplus-team-img img {
vertical-align: bottom;
}
.eplus-team-social {
margin: 4px 0 0;
padding: 0;
list-style: none;
}
.eplus-team-social > li,
#content .eplus-team-social > li {
display: inline-block;
margin-bottom: 0;
}
.eplus-team-social > li > a {
display: inline-block;
padding: 5px;
line-height: 1;
} .eplus-team-1 {
text-align: center;
margin-bottom: 30px;
}
.eplus-team-1 .eplus-team-info {
padding: 20px 20px 0;
}
.eplus-team-1 .eplus-team-title {
margin-bottom: 0;
font-size: 20px;
letter-spacing: 0;
}
.eplus-team-1 .eplus-team-designation {
font-size: 14px;
color: #999;
} .eplus-team-2 {
margin-bottom: 30px;
background-color: #fff;
box-shadow: 0 3px 40px rgba(0, 0, 0, 0.1);
transition: 0.3s;
border-radius: 6px;
overflow: hidden;
}
.eplus-team-2 .eplus-team-img {
position: relative;
}
.eplus-team-2 .eplus-team-img:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
background-color: rgba(0,0,0,0.5);
opacity: 0;
transition: 0.3s;
}
.eplus-team-2 .eplus-team-title-wrap {
position: relative;
margin-bottom: 18px;
padding-bottom: 12px;
}
.eplus-team-2 .eplus-team-title-wrap:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 2px;
background-color: #D2D2D2;
transition: 0.3s;
}
.eplus-team-2 .eplus-team-title {
margin-bottom: 0;
font-size: 24px;
line-height: 1.4;
letter-spacing: 0;
}
.eplus-team-2 .eplus-team-contact {
margin-bottom: 15px;
}
.eplus-team-2 .eplus-team-contact > a {
font-weight: 500;
color: #222;
}
.eplus-team-2 .eplus-team-designation {
font-size: 13px;
text-transform: uppercase;
color: #666;
}
.eplus-team-2 .eplus-team-info {
padding: 25px;
}
.eplus-team-2 .eplus-team-info .eplus-team-short-desc {
margin-bottom: 0 !important;
}
.eplus-team-2 .eplus-team-social {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.eplus-team-2 .eplus-team-social > li > a {
width: 42px;
height: 42px;
margin-right: 10px;
margin-bottom: 15px;
line-height: 32px !important;
background: transparent;
border: 1px solid #fff;
color: #fff;
border-radius: 50%;
text-align: center;
transition: opacity 0.4s ease, 0.5s transform ease, background 0.2s;
transform: translateY(20px);
opacity: 0;
}
.eplus-team-2 .eplus-team-social > li:last-child > a {
margin-right: 0;
}
.eplus-team-2 .eplus-team-social > li:first-child > a {
transition-delay: 0.05s;
}
.eplus-team-2 .eplus-team-social > li:nth-child(n + 2) > a {
transition-delay: 0.1s;
}
.eplus-team-2 .eplus-team-social > li:nth-child(n + 3) > a {
transition-delay: 0.15s;
}
.eplus-team-2 .eplus-team-social > li:nth-child(n + 4) > a {
transition-delay: 0.2s;
}
.eplus-team-2 .eplus-team-social > li:nth-child(n + 5) > a {
transition-delay: 0.25s;
}
.eplus-team-2 .eplus-team-social > li:nth-child(n + 6) > a {
transition-delay: 0.3s;
}
.eplus-team-2 .eplus-team-social > li:nth-child(n + 7) > a {
transition-delay: 0.35s;
}
.eplus-team-2:hover .eplus-team-social > li > a {
transform: translateY(0);
opacity: 1;
}
.eplus-team-2:hover .eplus-team-title-wrap:before {
width: 70px;
}
.eplus-team-2:hover .eplus-team-img:before {
opacity: 1;
}
.eplus-team-2 .eplus-team-social > li > a:hover {
background: #fff;
color: #999;
}
.eplus-team-2:hover {
box-shadow: 0 20px 60px -5px rgba(9, 30, 66, .3);
transform: translateY(-4px);
} .eplus-team-3 {
position: relative;
margin-bottom: 30px;
transition: 0.3s;
border-radius: 8px;
overflow: hidden;
}
.eplus-team-3 .eplus-team-info {
position: absolute;
bottom: 0;
width: 100%;
display: flex;
justify-content: space-between;
z-index: 10;
padding: 10px 20px;
align-items: center;
}
.eplus-team-3 .eplus-team-title {
margin-bottom: 0;
font-size: 17px;
letter-spacing: 0;
line-height: 1.1;
color: #fff;
}
.eplus-team-3 .eplus-team-designation {
font-size: 13px;
color: #fff;
}
.eplus-team-3 .eplus-shape {
position: absolute;
left: 0;
bottom: -7px;
z-index: -1;
width: 100%;
}
.eplus-team-3 .eplus-team-social > li > a {
color: #fff;
}
.eplus-team-3:hover {
box-shadow: 0 20px 60px -5px rgba(9, 30, 66, .3);
transform: translateY(-4px);
} .eplus-team-4 {
position: relative;
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 3px 40px rgba(0, 0, 0, 0.1);
transition: 0.3s;
}
.eplus-team-4 .eplus-team-img {
position: relative;
}
.eplus-team-4 .eplus-team-title-wrap {
position: absolute;
bottom: 15px;
left: 15px;
z-index: 10;
padding: 22px 35px;
text-align: center;
}
.eplus-team-4 .eplus-team-title {
margin-bottom: 0;
font-size: 17px;
letter-spacing: 0;
line-height: 1.1;
color: #fff;
}
.eplus-team-4 .eplus-team-designation {
font-size: 13px;
color: #fff;
}
.eplus-team-4 .eplus-shape {
position: absolute;
left: 0;
bottom: -7px;
z-index: -1;
width: 100%;
}
.eplus-team-4 .eplus-team-social {
margin-top: 0;
text-align: center;
padding: 15px 20px;
}
.eplus-team-4:hover {
box-shadow: 0 20px 60px -5px rgba(9, 30, 66, .3);
transform: translateY(-4px);
} .eplus-team-5 {
text-align: center;
margin-bottom: 30px;
}
.eplus-team-5 .eplus-team-info {
padding: 20px 20px 0;
}
.eplus-team-5 .eplus-team-img {
position: relative;
line-height: 0;
}
.eplus-team-5 .eplus-team-img > svg {
transition: 0.3s;
}
.eplus-team-5 .eplus-team-title {
margin-bottom: 0;
font-size: 20px;
letter-spacing: 0;
}
.eplus-team-5 .eplus-team-designation {
font-size: 14px;
color: #999;
}
.eplus-team-5:hover .eplus-team-img > svg {
transform: translateY(-8px) scale(1.03);
} .eplus-team-6 {
text-align: center;
margin-bottom: 30px;
background-color: #fff;
box-shadow: 0 10px 30px -5px rgba(9, 30, 66, .1);
padding: 40px;
border-radius: 6px;
transition: 0.3s;
}
.eplus-team-6 .eplus-team-info {
padding: 20px 20px 0;
}
.eplus-team-6 .eplus-team-img {
position: relative;
line-height: 0;
}
.eplus-team-6 .eplus-team-img img {
vertical-align: bottom;
border-radius: 50%;
max-width: 150px;
}
.eplus-team-6 .eplus-team-img > svg {
transition: 0.3s;
}
.eplus-team-6 .eplus-team-title {
margin-bottom: 0;
font-size: 20px;
letter-spacing: 0;
}
.eplus-team-6 .eplus-team-designation {
font-size: 14px;
color: #999;
}
.eplus-team-6:hover {
box-shadow: 0 20px 60px -5px rgba(9, 30, 66, .3);
transform: translateY(-4px);
} .eplus-team-7 {
position: relative;
margin-bottom: 70px;
}
.eplus-team-7 .eplus-team-img {
border-radius: 10px;
overflow: hidden;
}
.eplus-team-7 .eplus-team-img img {
transition: 0.3s;
}
.eplus-team-7 .eplus-team-info {
position: absolute;
bottom: -40px;
background: #fff;
width: calc(100% - 60px);
text-align: center;
left: 50%;
transform: translateX(-50%);
z-index: 1;
border-radius: 15px;
box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15);
padding: 20px;
}
.eplus-team-7 .eplus-team-info .eplus-team-title {
margin-bottom: 0;
font-size: 20px;
}
.eplus-team-7:hover .eplus-team-img img {
transform: scale(1.06) translateY(6px);
}[class*="eplus-testimonial-"] .eplus-testi-title {
font-size: 18px;
line-height: 1.4;
margin-bottom: 0;
letter-spacing: 0;
}
[class*="eplus-testimonial-"] .eplus-testi-desc p {
margin-bottom: 0 !important;
}
.eplus-testi-designation {
font-size: 13px;
line-height: 1.4;
}
.eplus-testi-rating i {
color: #ffbf00;
font-size: 19px;
line-height: 1;
margin-right: 2px;
}
.eplus-testi-rating i:last-child {
margin-right: 0;
} .eplus-testimonial-1 .eplus-testi-desc {
position: relative;
z-index: 10;
padding: 35px;
background-color: #fff;
box-shadow: 0 10px 70px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.eplus-testimonial-1 .eplus-testi-rating {
margin-top: 20px;
}
.eplus-testimonial-1 .eplus-testi-desc:after {
content: '';
position: absolute;
height: 35px;
width: 55px;
background: #fff;
bottom: -11px;
left: 50px;
transform: rotate(45deg);
z-index: -1;
}
.eplus-testimonial-1 .eplus-testi-footer {
display: flex;
align-items: center;
margin-top: 50px;
}
.eplus-testimonial-1 .eplus-testi-img {
margin-right: 15px;
}
.eplus-testimonial-1 .eplus-testi-img > img {
max-width: 60px;
border-radius: 50%;
vertical-align: bottom;
} .eplus-testimonial-2 {
position: relative;
z-index: 10;
padding: 35px;
background-color: #fff;
box-shadow: 0 10px 70px rgba(0, 0, 0, 0.1);
border-radius: 4px;
display: flex;
}
.eplus-testimonial-2 .eplus-testi-info {
margin-bottom: 15px;
}
.eplus-testimonial-2 .eplus-testi-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 3px;
letter-spacing: 0;
}
.eplus-testimonial-2 .eplus-testi-rating {
margin-top: 25px;
padding-top: 20px;
border-top: 1px solid #dedede;
clear: both;
}
.eplus-testimonial-2 .eplus-testi-rating-text {
float: right;
font-size: 15px;
color: #7a7a7a;
}
.eplus-testimonial-2 .eplus-testi-img {
margin-right: 25px;
}
.eplus-testimonial-2 .eplus-testi-img > img {
max-width: 80px;
border-radius: 50%;
vertical-align: bottom;
} .eplus-testimonial-3 {
text-align: center;
}
.eplus-testimonial-3 .eplus-testi-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 3px;
letter-spacing: 0;
}
.eplus-testimonial-3 .eplus-testi-img {
margin-bottom: 15px;
}
.eplus-testimonial-3 .eplus-testi-desc {
max-width: 460px;
margin: 15px auto 0;
}
.eplus-testimonial-3 .eplus-testi-desc > p {
font-size: 17px;
line-height: 1.4;
}
.eplus-testimonial-3 .eplus-testi-rating {
margin-top: 10px;
}
.eplus-testimonial-3 .eplus-testi-img > img {
max-width: 90px;
border-radius: 50%;
vertical-align: bottom;
} .eplus-testimonial-4 {
padding: 40px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
position: relative;
text-align: center;
overflow: hidden;
z-index: 10;
}
.eplus-testimonial-4 .eplus-testi-img {
padding: 8px;
margin-bottom: 20px;
background-color: #f0f0f0;
display: inline-block;
border-radius: 50%;
}
.eplus-testimonial-4 .eplus-testi-img > img {
border-radius: 50%;
vertical-align: middle;
max-width: 100px;
}
.eplus-testimonial-4 .eplus-testi-desc {
max-width: 460px;
margin: 0 auto;
}
.eplus-testimonial-4 .eplus-testi-desc > p {
font-size: 19px;
line-height: 1.4;
}
.eplus-testimonial-4 .eplus-testi-info {
margin-top: 20px;
}
.eplus-testimonial-4 .eplus-testi-title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 3px;
letter-spacing: 0;
}
.eplus-testimonial-4 .eplus-testi-rating {
margin-top: 10px;
}
.eplus-testimonial-4 svg {
position: absolute;
left: -60px;
bottom: -15px;
transform: rotate(35deg) scale(1.2);
} .eplus-testimonial-5 {
padding: 40px;
background-color: #fff;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
position: relative;
text-align: center;
overflow: hidden;
z-index: 10;
margin-bottom: 30px;
}
.eplus-testimonial-5:after {
content: '';
position: absolute;
width: 210px;
height: 210px;
background: #fff;
bottom: -90px;
right: -90px;
border-radius: 50%;
border: 50px solid #000;
opacity: 0.15;
z-index: -1;
}
.eplus-testimonial-5 .eplus-testi-img {
padding: 8px;
margin-bottom: 25px;
background-color: #fff;
display: inline-block;
border-radius: 50% 50% 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.eplus-testimonial-5 .eplus-testi-img > img {
border-radius: 50%;
vertical-align: middle;
max-width: 100px;
}
.eplus-testimonial-5 .eplus-testi-desc {
position: relative;
max-width: 460px;
margin: 0 auto;
z-index: 10;
}
.eplus-testimonial-5 .eplus-testi-desc > i.eplus-quote {
position: absolute;
font-size: 101px;
line-height: 1;
top: -137px;
left: 0;
color: #000;
opacity: 0.1;
z-index: -1;
transform: rotate(-180deg);
}
.eplus-testimonial-5 .eplus-testi-desc > p {
font-size: 17px;
line-height: 1.4;
}
.eplus-testimonial-5 .eplus-testi-info {
margin-top: 15px;
}
.eplus-testimonial-5 .eplus-testi-title {
font-size: 20px;
line-height: 1.4;
margin-bottom: 0;
letter-spacing: 0;
}
.eplus-testimonial-5 .eplus-testi-rating {
margin-top: 5px;
} .eplus-testimonial-6 {
position: relative;
padding: 35px 40px 60px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
}
.eplus-testimonial-6 .eplus-testi-footer {
text-align: center;
}
.eplus-testimonial-6 .eplus-testi-img > img {
width: 60px;
border-radius: 50%;
}
.eplus-testimonial-6 .eplus-testi-desc > p {
font-size: 18px;
line-height: 1.8;
color: #8a8a8a;
}
.eplus-testimonial-6 .eplus-testi-designation {
font-size: 15px;
color: #999;
margin-bottom: 10px;
}
.eplus-testimonial-6 .eplus-testi-desc {
margin-bottom: 30px;
}
.eplus-testimonial-6 .eplus-testi-rating {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
}
.eplus-testimonial-6 .eplus-testi-rating > i {
font-size: 18px;
}
.eplus-testimonial-6 .eplus-testi-img {
margin-bottom: 14px;
}
.eplus-testimonial-6 .eplus-testi-title {
font-size: 20px;
}[class*="eplus-timeline"] .post-meta {
font-size: 16px;
color: #666;
margin-bottom: 10px;
}
[class*="eplus-timeline"] .post-image {
margin-bottom: 25px;
}
[class*="eplus-timeline"] .post-meta a {
color: #666;
}
[class*="eplus-timeline"] .post-meta i {
color: #e91e63;
font-size: 16px;
}
[class*="eplus-timeline"] .post-meta > * {
margin-right: 15px;
margin-bottom: 15px;
}
[class*="eplus-timeline"] .post-title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 13px;
font-weight: 600;
}
[class*="eplus-timeline"] .post-title a {
color: #3a3a3a;
}
[class*="eplus-timeline"] .post-title a:hover,
[class*="eplus-timeline"] .post-title a:focus,
[class*="eplus-timeline"] .post-meta a:hover,
[class*="eplus-timeline"] .post-meta a:focus {
color: #e91e63;
}
[class*="eplus-timeline"] .post-content {
margin-bottom: 26px;
}
[class*="eplus-timeline"] .post-content p:last-child {
margin-bottom: 0;
}
[class*="eplus-timeline"] .post-btn {
font-size: 15px;
padding: 14px 17px;
line-height: 1;
text-align: center;
min-width: 140px;
display: inline-block;
border: 0;
border-radius: 40px;
transition: 0.3s;
color: #fff;
background-color: #ff3979;
}
[class*="eplus-timeline"] .post-btn:hover,
[class*="eplus-timeline"] .post-btn:focus {
color: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
background-color: #050f48;
background-image: inherit;
} .eplus-timeline-1 {
position: relative;
}
.eplus-timeline-1:after {
content: '';
position: absolute;
width: 6px;
background-color: #000e5d;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
border-radius: 6px;
}
.eplus-timeline-1 .timeline-single {
padding: 10px 40px;
position: relative;
background-color: inherit;
width: 50%;
}
.eplus-timeline-1 .timeline-single:after {
content: '';
position: absolute;
width: 34px;
height: 34px;
right: -17px;
background-color: #fff;
border: 4px solid #E91E63;
top: 50%;
border-radius: 50%;
z-index: 1;
transform: translateY(-50%);
}
.eplus-timeline-1 .timeline-single:hover:after {
animation: scaleZoom linear 0.8s infinite;
animation-direction: alternate-reverse;
}
@keyframes scaleZoom {
from {
transform: scale(0.7) translateY(-50%);
}
to {
transform: scale(1) translateY(-50%);
}
}
.eplus-timeline-1 .timeline-left {
left: 0;
}
.eplus-timeline-1 .timeline-single:nth-child(even) {
left: 50%;
}
.eplus-timeline-1 .timeline-single:nth-child(even):after {
left: -16px;
}
.eplus-timeline-1 .timeline-content {
padding: 25px;
background-color: #fff;
position: relative;
border-radius: 6px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
} .eplus-timeline-2 {
position: relative;
max-width: 650px;
margin: 0 auto;
}
.eplus-timeline-2:after {
content: '';
position: absolute;
width: 6px;
background-color: #000e5d;
top: 0;
bottom: 0;
left: 0;
margin-left: -3px;
border-radius: 6px;
}
.eplus-timeline-2 .timeline-single {
padding: 0 0 40px 40px;
position: relative;
background-color: inherit;
margin: 0 auto;
}
.eplus-timeline-2 .timeline-single:last-child {
padding-bottom: 0;
}
.eplus-timeline-2 .timeline-single:after {
content: '';
position: absolute;
width: 24px;
height: 24px;
left: -12px;
background-color: #fff;
border: 6px solid #E91E63;
top: 5px;
border-radius: 50%;
z-index: 1;
box-shadow: 0 0 0 8px #fff;
}
.eplus-timeline-2 .timeline-single:last-child:after {
top: auto;
bottom: 0;
}
.eplus-timeline-2 .post-body {
padding: 30px;
}
.eplus-timeline-2 .timeline-content {
position: relative;
background-color: #fff;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.eplus-timeline-2 .post-image {
margin-bottom: 0;
} .eplus-timeline-3 {
position: relative;
z-index: 1;
}
.eplus-timeline-3:after {
content: '';
position: absolute;
width: 3px;
background-color: #f61460;
top: 0;
bottom: 0;
left: 12.5%;
margin-left: -3px;
border-radius: 6px;
z-index: -1;
}
.eplus-timeline-3 .timeline-info {
padding: 35px 30px;
background-color: #fff;
box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
background-image: linear-gradient( 69.5deg,  #ff3479 18.6%, rgb(255, 135, 126) 85.9% );
border-radius: 10px;
}
.eplus-timeline-3 .timeline-single {
margin-bottom: 60px;
}
.eplus-timeline-3 .author {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.eplus-timeline-3 .post-meta-date {
margin-bottom: 0;
color: #fff;
font-weight: 600;
}
.eplus-timeline-3 .author > img {
max-width: 58px;
border-radius: 50%;
margin-right: 15px;
}
.eplus-timeline-3 .author-name {
margin-bottom: 3px;
font-size: 17px;
color: #fff;
}
.eplus-timeline-3 .author-info > a {
color: #fff;
}
.eplus-timeline-3 .timeline-content {
padding: 30px;
background: #fff;
border-radius: 10px;
box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
}
.eplus-timeline-3 .timeline-single:last-child {
margin-bottom: 0;
} .eplus-timeline-4 {
position: relative;
}
.eplus-timeline-4:after {
content: '';
position: absolute;
width: 2px;
background-color: #9C88FF;
top: 0;
bottom: 0;
left: 50%;
margin-left: -1px;
border-radius: 6px;
}
.eplus-timeline-4 .timeline-single {
position: relative;
background-color: inherit;
width: 50%;
}
.eplus-timeline-4 .timeline-single .timeline-icon {
content: '';
position: absolute;
width: 60px;
height: 60px;
right: -30px;
top: 50%;
border-radius: 50%;
z-index: 1;
transform: translateY(-50%);
}
.eplus-timeline-4 .timeline-single .timeline-icon > i{
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 22px;
color: #fff;
}
.eplus-timeline-4 .timeline-left {
left: 0;
}
.eplus-timeline-4 .timeline-single:nth-child(even) .timeline-icon {
left: -30px;
}
.eplus-timeline-4 .timeline-content {
padding: 25px;
background-color: #fff;
position: relative;
border-radius: 6px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
} @media screen and (min-width: 992px) {
.eplus-timeline-1 .post-meta-date,
.eplus-timeline-4 .post-meta-date {
position: absolute;
right: 100%;
top: 50%;
transform: translateY(-50%);
text-transform: uppercase;
display: inline-block;
width: 100%;
text-align: right;
padding-right: 60px;
font-size: 21px;
color: #8a8a8a;
font-weight: 600;
}
.eplus-timeline-1 .timeline-single:nth-child(odd) .post-meta-date,
.eplus-timeline-4 .timeline-single:nth-child(odd) .post-meta-date {
right: auto;
left: 100%;
padding-left: 74px;
padding-right: 0;
width: 100%;
text-align: left;
margin-right: 0;
}
.eplus-timeline-4 .post-meta-date {
right: calc(100% + 40px);
}
.eplus-timeline-4 .timeline-single:nth-child(odd) .post-meta-date {
left: calc(100% + 40px);
}
.eplus-timeline-2 .post-meta-date {
position: absolute;
right: 100%;
top: 0;
text-transform: uppercase;
display: inline-block;
width: 100%;
text-align: right;
padding-right: 60px;
font-size: 21px;
color: #8a8a8a;
font-weight: 600;
margin-bottom: 0;
}
.eplus-timeline-2 .timeline-single:last-child .post-meta-date {
top: auto;
bottom: 0;
}
.eplus-timeline-3 .timeline-single:last-child {
background: #fff;
}
.eplus-timeline-4 .timeline-single:nth-child(odd) {
padding: 10px 70px 10px 30px;
}
.eplus-timeline-4 .timeline-single:nth-child(even) {
left: 50%;
padding: 10px 30px 10px 70px;
}
}
@media screen and (max-width: 991px) {
.eplus-timeline-1 .post-meta-date,
.eplus-timeline-2 .post-meta-date,
.eplus-timeline-4 .post-meta-date {
background: rgba(0, 0, 0, 0.05);
color: #7a7a7a;
display: inline-block;
padding: 2px 8px;
}
.eplus-timeline-1:after {
left: 31px;
}
.eplus-timeline-1 .timeline-single,
.eplus-timeline-4 .timeline-single {
width: 100%;
padding-left: 70px;
padding-right: 0;
margin-bottom: 15px;
}
.eplus-timeline-1 .timeline-single:after {
left: 15px !important;
}
.eplus-timeline-1 .timeline-single:nth-child(even),
.eplus-timeline-4 .timeline-single:nth-child(even) .timeline-icon,
.eplus-timeline-4 .timeline-single .timeline-icon {
left: 0;
}
.eplus-timeline-3 .timeline-info {
margin-bottom: 50px;
}
.eplus-timeline-4:after {
left: 30px;
}
.eplus-timeline-3:after {
left: 50%;
}
.eplus-timeline-4 .timeline-single {
margin-bottom: 40px;
}
}.timeline:not(.timeline--horizontal):before {
background-color: #ddd;
bottom: 0;
content: '';
left: 50%;
margin-left: -2px;
position: absolute;
top: 0;
width: 4px;
z-index: 1;
}
.eplus-timeline-horizontal .timeline__wrap {
position: relative;
overflow: hidden;
z-index: 2;
box-sizing: content-box !important;
}
.eplus-timeline-horizontal .timeline__item {
padding: .625rem 2.5rem .625rem 0;
position: relative;
width: 50%;
z-index: 2
}
.eplus-timeline-horizontal .timeline__item:after {
background-color: #fff;
border: 4px solid #ddd;
border-radius: 50%;
content: '';
height: 20px;
position: absolute;
right: -10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 20px;
z-index: 1
}
.eplus-timeline-horizontal .timeline__item.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0
}
.eplus-timeline-horizontal .timeline__item.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.eplus-timeline-horizontal .timeline__item--left {
left: 0
}
.eplus-timeline-horizontal .timeline__item--right {
left: 50%;
padding: .625rem 0 .625rem 2.5rem
}
.eplus-timeline-horizontal .timeline__item--right:after {
left: -10px
}
.eplus-timeline-horizontal .timeline__item--right .timeline__content:before {
border-bottom: 10px solid transparent;
border-right: 12px solid #f5f5f5;
border-left: none;
border-top: 10px solid transparent;
left: -12px
}
.eplus-timeline-horizontal .timeline__item--right .timeline__content:after {
border-bottom: 9px solid transparent;
border-right: 11px solid #fff;
border-left: none;
border-top: 9px solid transparent;
left: -10px
}
.eplus-timeline-horizontal .timeline__content {
background-color: #f5f5f5;
border-radius: 10px;
color: #333;
display: block;
padding: 1.25rem;
position: relative
}
.eplus-timeline-horizontal .timeline__content:before {
content: '';
height: 0;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 0
}
.eplus-timeline-horizontal .timeline__content:before {
border-bottom: 10px solid transparent;
border-left: 12px solid #f5f5f5;
border-top: 10px solid transparent;
right: -12px;
z-index: 1
}
.eplus-timeline-horizontal.timeline--horizontal {
position: relative;
padding: 0 25px;
overflow: hidden;
white-space: nowrap
}
.eplus-timeline-horizontal.timeline--horizontal .timeline-divider {
background-color: #ddd;
display: block;
height: 4px;
left: 40px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 40px;
z-index: 1
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__items {
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
will-change: transform;
display: flex;
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__item {
display: inline-block;
left: 0;
padding: 0 0 2.5rem;
position: relative;
-webkit-transition: none;
-o-transition: none;
transition: none;
vertical-align: top;
white-space: normal
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__item:after {
left: 50%;
right: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 100%
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__item .timeline__item__inner {
display: table;
height: 100%;
width: 100%
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__item .timeline__content__wrap {
display: table-cell;
margin: 0;
padding: 0;
vertical-align: bottom
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__item .timeline__content:before {
border: 12px solid transparent;
border-top: 12px solid #f5f5f5;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 100%;
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__item--bottom {
padding: 2.5rem 0 0
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__item--bottom:after {
top: 0
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__item--bottom .timeline__content__wrap {
vertical-align: top
}
.eplus-timeline-horizontal.timeline--horizontal .timeline__item--bottom .timeline__content:before {
border: 12px solid transparent;
border-bottom: 12px solid #f5f5f5;
bottom: 100%;
top: auto
}
.eplus-timeline-horizontal .timeline-nav-button {
font-size: 0;
background-color: #fff;
border: 3px solid #ddd;
border-radius: 50px;
cursor: pointer;
display: block;
height: 40px;
outline: 0;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 40px;
z-index: 10;
}
.eplus-timeline-horizontal .timeline-nav-button:disabled {
opacity: .5;
pointer-events: none
}
.eplus-timeline-horizontal .timeline-nav-button:before {
font-family: FontAwesome;
display: inline-block;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 46%;
font-size: 24px;
color: #999;
}
.eplus-timeline-horizontal .timeline-nav-button--prev {
left: 0
}
.eplus-timeline-horizontal .timeline-nav-button--prev:before {
content: "\f104";
}
.eplus-timeline-horizontal .timeline-nav-button--next {
right: 0
}
.eplus-timeline-horizontal .timeline-nav-button--next:before {
content: "\f105";
}
.eplus-timeline-horizontal.timeline--mobile .timeline__item {
left: 0;
padding-left: 40px;
padding-right: 0;
width: 100%
}
.eplus-timeline-horizontal .timeline-icon {
font-size: 28px;
margin-bottom: 10px;
color: #4a4a4a;
}
.eplus-timeline-horizontal .vc-mono:before {
line-height: 0.5;
}
.eplus-timeline-horizontal .post-meta-date {
font-size: 16px;
display: block;
font-weight: 600;
color: #999;
margin-bottom: 5px;
}
.eplus-timeline-horizontal.timeline--mobile .timeline__item:after {
left: 2px;
margin: 0
}
.eplus-timeline-horizontal.timeline--mobile .timeline__item .timeline__content:before {
left: -12px;
border-bottom: 12px solid transparent;
border-right: 12px solid #f5f5f5;
border-left: none;
border-top: 12px solid transparent
}
.eplus-timeline-horizontal.timeline--mobile .timeline__item .timeline__content:after {
left: -10px;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
border-left: none;
border-top: 10px solid transparent
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
top: 70px
}
100% {
opacity: 1;
top: 0
}
}
@keyframes fadeIn {
0% {
opacity: 0;
top: 70px
}
100% {
opacity: 1;
top: 0
}
}
@-webkit-keyframes liftUp {
0% {
top: 0
}
100% {
top: -15px
}
}
@keyframes liftUp {
0% {
top: 0
}
100% {
top: -15px
}
}
@media (max-width: 991px) {
.timeline:not(.timeline--horizontal):before {
left: 27px;
}
}[class*="eplus-thumb-gallery-"] * {
outline: none;
}
[class*="eplus-thumb-gallery-"] .thumb-item {
cursor: pointer;
transition: 0.3s;
}
[class*="eplus-thumb-gallery-"] .gallery-nav .slick-track {
display: flex;
align-items: center;
} .eplus-thumb-gallery-1 .eplus-gallery-for {
margin-bottom: 30px;
}
.eplus-thumb-gallery-1 .thumb-item {
padding: 15px;
}
.eplus-thumb-gallery-1 .thumb-item > img {
transition: 0.3s;
}
.eplus-thumb-gallery-1 .gallery-nav .slick-current img {
transform: scale(1.2);
} .eplus-thumb-gallery-2 .eplus-gallery-for {
margin-bottom: 0;
}
.eplus-thumb-gallery-2 .thumb-item {
padding: 25px 15px;
}
.eplus-thumb-gallery-2 .thumb-item > img {
transition: 0.3s;
border-radius: 50%;
max-width: 158px;
border: 1px solid #eee;
padding: 8px;
}
.eplus-thumb-gallery-2 .gallery-nav .slick-current img {
max-width: 182px;
margin-left: -17px;
background: #E91E63;
border-color: #E91E63;
} .eplus-thumb-gallery-3 .gallery-nav {
background-color: #000;
}
.eplus-thumb-gallery-3 .thumb-item {
padding: 15px 15px 15px 0;
position: relative;
}
.eplus-thumb-gallery-3 .gallery-nav .thumb-item > img {
opacity: 0.4;
transition: 0.3s;
}
.eplus-thumb-gallery-3 .gallery-nav .slick-current img {
opacity: 1;
}
@media (max-width: 767px) {
.eplus-thumb-gallery-2 .thumb-item > img {
max-width: 100%;
}
.eplus-thumb-gallery-2 .gallery-nav .slick-current img {
margin-left: 0;
max-width: 100%;
}
}