@charset 'UTF-8';
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.content-area .slick-next, .content-area .slick-prev,
.slick-next, .slick-prev {
font-size:0;
line-height:0;
position:absolute;
top:50%;
display:block;
width:20px;
height:20px;
padding:0;
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
cursor:pointer;
color:transparent;
border:none;
outline:0;
background:0 0
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{
color:transparent;
outline:0;
background:0 0
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
opacity:1
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{
opacity:.25
}
.slick-next:before,.slick-prev:before{
font-family:slick;
font-size:20px;
line-height:1;
opacity:.75;
color:#fff;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.slick-prev{
left:-25px
}
[dir=rtl] .slick-prev{
right:-25px;
left:auto
}
.slick-prev:before{
content:'←'
}
[dir=rtl] .slick-prev:before{
content:'→'
}
.slick-next{
right:-25px
}
[dir=rtl] .slick-next{
right:auto;
left:-25px
}
.slick-next:before{
content:'→'
}
[dir=rtl] .slick-next:before{
content:'←'
}
.slick-dotted.slick-slider{
margin-bottom:30px
}
.slick-dots{
position:absolute;
bottom:-25px;
display:block;
width:100%;
padding:0;
margin:0;
list-style:none;
text-align:center
}
.slick-dots li{
position:relative;
display:inline-block;
width:20px;
height:20px;
margin:0 5px;
padding:0;
cursor:pointer
}
.slick-dots li button{
font-size:0;
line-height:0;
display:block;
width:20px;
height:20px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:0;
background:0 0
}
.slick-dots li button:focus,.slick-dots li button:hover{
outline:0
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{
opacity:1
}
.slick-dots li button:before{
font-family:slick;
font-size:6px;
line-height:20px;
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
content:'•';
text-align:center;
opacity:.25;
color:#000;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
opacity:.75;
color:#000
}.falist.facenter {
text-align: center;
}
.falist.faleft {
text-align: left;
margin-left: 30px;
}
.falist.faright {
text-align: right;
}
.falist ul {
padding: 0px !important;
list-style: none !important;
display: inline-block;
text-align: left;
position: relative;
margin-left:  0 !important;
}
.falist ul li {
margin-bottom: 10px;
position: relative;
list-style: none !important;
}
.falist ul li:nth-last-child(1)  {
margin-bottom: 0;
}
.falist ul li i {
margin-left: 0px;
position: absolute;
font-size: 18px;
line-height: inherit;
top: 0;
left: 0;
}
.falist ul li img {
margin-left: 0px;
position: absolute;
max-height: 24px;
top: 0;
left: 0;
}
.falist ul li div.list__wrap {
margin-left: 30px;
}
.falist ul li.color-primary p {
color: var(--color-primary) !important;
}
.falist ul li.color-secondary p {
color: var(--color-secondary) !important;
}
.falist ul li.color-tertiary p {
color: var(--color-tertiary) !important;
}
.falist ul li.color-accenta p {
color: var(--color-accenta) !important;
}
.falist ul li.color-accentb p {
color: var(--color-accentb) !important;
}
.falist ul li li {
list-style: disc !important;
margin-left: 50px;
}
.falist ul ul {
padding: 0px !important;
list-style: disc;
padding-top: 10px !important;
display: block;
margin: 0;
}
.falist ul ul li {
margin-bottom: 5px;
margin-left: 20px !important;
}
@media (max-width: 480px) {
.falist.facenter  {
text-align: left;
margin-left: 45px;
}
.falist.faleft {
text-align: left;
margin-left: 45px;
}
.falist.faright {
text-align: left;
margin-left: 45px;
}
}#main #et-boc .btn-holder,
.btn-holder {
display: block;
position: relative;
}
#main #et-boc .btn,
#main #et-boc .btn:active,
.btn,
.btn:active {
display: inline-block;
padding: 4px 10px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.25;
text-align: center;
vertical-align: middle;
border: 2px solid;
border-radius: 0px;
text-transform: uppercase;
cursor: pointer;
font-weight: 500;
text-decoration: none;
text-shadow: none;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#main #et-boc .btn.btn-0x,
#main #et-boc .btn:active.btn-0x,
.btn.btn-0x,
.btn:active.btn-0x {
font-size: 14px;
padding: 8px 10px;
}
#main #et-boc .btn.btn-1x,
#main #et-boc .btn:active.btn-1x,
.btn.btn-1x,
.btn:active.btn-1x {
font-size: 16px;
padding: 8px 20px;
}
#main #et-boc .btn.btn-2x,
#main #et-boc .btn:active.btn-2x,
.btn.btn-2x,
.btn:active.btn-2x {
font-size: 18px;
padding: 10px 30px;
}
#main #et-boc .btn.btn-3x,
#main #et-boc .btn:active.btn-3x,
.btn.btn-3x,
.btn:active.btn-3x {
font-size: 18px;
padding: 10px 40px;
}
#main #et-boc .btn.btn-4x,
#main #et-boc .btn:active.btn-4x,
.btn.btn-4x,
.btn:active.btn-4x {
font-size: 24px;
padding: 6px 40px;
}
#main #et-boc .btn:hover.hover-glow,
#main #et-boc .btn:active:hover.hover-glow,
.btn:hover.hover-glow,
.btn:active:hover.hover-glow {
box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}
#main #et-boc .btn:hover.hover-shadow,
#main #et-boc .btn:active:hover.hover-shadow,
.btn:hover.hover-shadow,
.btn:active:hover.hover-shadow {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 980px) {
.btn-holder.et_pb_text_align_right,
.btn-holder.et_pb_text_align_left {
text-align: center;
}
}
#main #et-boc .color-primary,
#main #et-boc .btn.color-primary,
#main #et-boc .btn.color-primary span,
.color-primary,
.btn.color-primary,
footer .footer-widgets .color-primary,
footer .footer-widgets .btn.color-primary,
footer .footer-widgets .btn.color-primary span {
color: var(--color-primary) ;
}
#main #et-boc .color-primary:hover,
#main #et-boc .btn.color-primary:hover,
#main #et-boc .btn.color-primary:hover span,
.color-primary:hover,
.btn.color-primary:hover,
footer .footer-widgets .color-primary:hover,
footer .footer-widgets .btn.color-primary:hover,
footer .footer-widgets .btn.color-primary:hover span {
color: var(--color-primary) ;
}
#main #et-boc .color-primary-bg,
.color-primary-bg {
background: var(--color-primary);
}
#main #et-boc .color-primaryi,
.color-primaryi {
color: var(--color-primary) !important;
}
#main #et-boc .color-primary-hdri .heading-hero,
.color-primary-hdri .heading-hero,
#main #et-boc .color-primary-hdri .heading-hero-alt,
.color-primary-hdri .heading-hero-alt,
#main #et-boc .color-primary-hdri .heading-primary,
.color-primary-hdri .heading-primary,
#main #et-boc .color-primary-hdri .heading-secondary,
.color-primary-hdri .heading-secondary,
#main #et-boc .color-primary-hdri .heading-tertiary,
.color-primary-hdri .heading-tertiary,
#main #et-boc .color-primary-hdri h1,
.color-primary-hdri h1,
#main #et-boc .color-primary-hdri h2,
.color-primary-hdri h2,
#main #et-boc .color-primary-hdri h3,
.color-primary-hdri h3,
#main #et-boc .color-primary-hdri h4,
.color-primary-hdri h4,
#main #et-boc .color-primary-hdri h5,
.color-primary-hdri h5,
#main #et-boc .color-primary-hdri h6,
.color-primary-hdri h6 {
color: var(--color-primary) ;
}
#main #et-boc .color-primary-bgi,
.color-primary-bgi {
background: var(--color-primary) ;
}
#main #et-boc .color-primary-btn,
.color-primary-btn {
border-color: var(--color-primary);
background: var(--color-primary);
position: relative;
overflow: hidden;
}
#main #et-boc .color-primary-btn.btn-ghost,
.color-primary-btn.btn-ghost {
background: rgba(0, 0, 0, 0) ;
border-color: var(--color-primary) ;
}
#main #et-boc .animBtn:after,
.animBtn:after,
.animBtn:after{
content: "";
}
#main #et-boc .color-primary-btn.animBtn,
.color-primary-btn.animBtn {
background: var(--color-primary);
}
#main #et-boc .color-primary-icon i,
.color-primary-icon i {
color: var(--color-primary);
}
#main #et-boc .color-primary-font,
#main #et-boc .btn.color-primary-font,
footer .footer-widgets .color-primary-font,
.color-primary-font,
.btn.color-primary-font,
#main #et-boc .color-primary-font span,
.color-primary-font span {
color: var(--color-primary);
}
#main #et-boc .color-primary-font-hover:hover,
#main #et-boc .btn.color-primary-font-hover:hover,
footer .footer-widgets .color-primary-font-hover:hover,
.color-primary-font-hover:hover,
.color-primary-font-hover:hover,
#main #et-boc .color-primary-font-hover:hover span,
.color-primary-font-hover:hover span {
color: var(--color-primary);
}
#main #et-boc .color-primary-btn-hover.animBtn:after,
.color-primary-btn-hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-primary);
}
#main #et-boc .color-primary-btn-hover:hover,
.color-primary-btn-hover:hover {
border-color: var(--color-primary);
background: var(--color-primary) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-primary-btn-hover:hover.btn-ghost,
.color-primary-btn-hover:hover.btn-ghost {
border-color: var(--color-primary) ;
background: var(--color-primary) ;
}
#main #et-boc .color-primary-btn-hover:hover.animBtn:after,
.color-primary-btn-hover:hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-primary);
}
#main #et-boc .color-primary-btn-hover-saturate.animBtn:after,
.color-primary-btn-hover-saturate.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-primary), 50%);
}
#main #et-boc .color-primary-btn-hover-saturate:hover,
.color-primary-btn-hover-saturate:hover {
border-color: saturate(var(--color-primary), 50%);
background: saturate(var(--color-primary), 50%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-primary-btn-hover-saturate:hover.btn-ghost,
.color-primary-btn-hover-saturate:hover.btn-ghost {
border-color: var(--color-primary) ;
background: var(--color-primary) ;
}
#main #et-boc .color-primary-btn-hover-saturate:hover.animBtn:after,
.color-primary-btn-hover-saturate:hover.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-primary), 50%);
}
#main #et-boc .color-primary-btn-hover-lighten-x.animBtn:after,
.color-primary-btn-hover-lighten-x.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-primary-btn-hover-lighten-x:hover,
.color-primary-btn-hover-lighten-x:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-primary-btn-hover-lighten-x:hover.btn-ghost,
.color-primary-btn-hover-lighten-x:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-primary-btn-hover-lighten-x:hover.animBtn:after,
.color-primary-btn-hover-lighten-x:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-primary-btn-hover-lighten-xx.animBtn:after,
.color-primary-btn-hover-lighten-xx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-primary-btn-hover-lighten-xx:hover,
.color-primary-btn-hover-lighten-xx:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-primary-btn-hover-lighten-xx:hover.btn-ghost,
.color-primary-btn-hover-lighten-xx:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-primary-btn-hover-lighten-xx:hover.animBtn:after,
.color-primary-btn-hover-lighten-xx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-primary-btn-hover-lighten-xxx.animBtn:after,
.color-primary-btn-hover-lighten-xxx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-primary-btn-hover-lighten-xxx:hover,
.color-primary-btn-hover-lighten-xxx:hover {
border-color: hsl(0, 100%, 80%);
background: hsl(0, 100%, 80%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-primary-btn-hover-lighten-xxx:hover.btn-ghost,
.color-primary-btn-hover-lighten-xxx:hover.btn-ghost {
border-color: hsl(0, 100%, 80%) ;
background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-primary-btn-hover-lighten-xxx:hover.animBtn:after,
.color-primary-btn-hover-lighten-xxx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-secondary,
#main #et-boc .btn.color-secondary,
#main #et-boc .btn.color-secondary span,
.color-secondary,
.btn.color-secondary,
footer .footer-widgets .color-secondary,
footer .footer-widgets .btn.color-secondary,
footer .footer-widgets .btn.color-secondary span {
color: var(--color-secondary);
}
#main #et-boc .color-secondary:hover,
#main #et-boc .btn.color-secondary:hover,
#main #et-boc .btn.color-secondary:hover span,
.color-secondary:hover,
.btn.color-secondary:hover,
footer .footer-widgets .color-secondary:hover,
footer .footer-widgets .btn.color-secondary:hover,
footer .footer-widgets .btn.color-secondary:hover span {
color: var(--color-secondary);
}
#main #et-boc .color-secondary-bg,
.color-secondary-bg {
background: var(--color-secondary);
}
#main #et-boc .color-secondaryi,
.color-secondaryi {
color: var(--color-secondary) !important;
}
#main #et-boc .color-secondary-hdri .heading-hero,
.color-secondary-hdri .heading-hero,
#main #et-boc .color-secondary-hdri .heading-hero-alt,
.color-secondary-hdri .heading-hero-alt,
#main #et-boc .color-secondary-hdri .heading-primary,
.color-secondary-hdri .heading-primary,
#main #et-boc .color-secondary-hdri .heading-secondary,
.color-secondary-hdri .heading-secondary,
#main #et-boc .color-secondary-hdri .heading-tertiary,
.color-secondary-hdri .heading-tertiary,
#main #et-boc .color-secondary-hdri h1,
.color-secondary-hdri h1,
#main #et-boc .color-secondary-hdri h2,
.color-secondary-hdri h2,
#main #et-boc .color-secondary-hdri h3,
.color-secondary-hdri h3,
#main #et-boc .color-secondary-hdri h4,
.color-secondary-hdri h4,
#main #et-boc .color-secondary-hdri h5,
.color-secondary-hdri h5,
#main #et-boc .color-secondary-hdri h6,
.color-secondary-hdri h6 {
color: var(--color-secondary) ;
}
#main #et-boc .color-secondary-bgi,
.color-secondary-bgi {
background: var(--color-secondary) ;
}
#main #et-boc .color-secondary-btn,
.color-secondary-btn {
border-color: var(--color-secondary);
background: var(--color-secondary);
position: relative;
overflow: hidden;
}
#main #et-boc .color-secondary-btn.btn-ghost,
.color-secondary-btn.btn-ghost {
background: rgba(0, 0, 0, 0) ;
border-color: var(--color-secondary) ;
}
#main #et-boc .color-secondary-btn.animBtn,
.color-secondary-btn.animBtn {
background: var(--color-secondary);
}
#main #et-boc .color-secondary-icon i,
.color-secondary-icon i {
color: var(--color-secondary);
}
#main #et-boc .color-secondary-font,
#main #et-boc .btn.color-secondary-font,
footer .footer-widgets .color-secondary-font,
.color-secondary-font,
.btn.color-secondary-font,
#main #et-boc .color-secondary-font span,
.color-secondary-font span {
color: var(--color-secondary);
}
#main #et-boc .color-secondary-font-hover:hover,
#main #et-boc .btn.color-secondary-font-hover:hover,
footer .footer-widgets .color-secondary-font-hover:hover,
.color-secondary-font-hover:hover,
.btn.color-secondary-font:hover,
#main #et-boc .color-secondary-font-hover:hover span,
.color-secondary-font-hover:hover span {
color: var(--color-secondary);
}
#main #et-boc .color-secondary-btn-hover.animBtn:after,
.color-secondary-btn-hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-secondary);
}
#main #et-boc .color-secondary-btn-hover:hover,
.color-secondary-btn-hover:hover {
border-color: var(--color-secondary);
background: var(--color-secondary) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover:hover.btn-ghost,
.color-secondary-btn-hover:hover.btn-ghost {
border-color: var(--color-secondary) ;
background: var(--color-secondary) ;
}
#main #et-boc .color-secondary-btn-hover:hover.animBtn:after,
.color-secondary-btn-hover:hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-secondary);
}
#main #et-boc .color-secondary-btn-hover-saturate.animBtn:after,
.color-secondary-btn-hover-saturate.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-secondary), 50%);
}
#main #et-boc .color-secondary-btn-hover-saturate:hover,
.color-secondary-btn-hover-saturate:hover {
border-color: saturate(var(--color-secondary), 50%);
background: saturate(var(--color-secondary), 50%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover-saturate:hover.btn-ghost,
.color-secondary-btn-hover-saturate:hover.btn-ghost {
border-color: var(--color-secondary) ;
background: var(--color-secondary) ;
}
#main #et-boc .color-secondary-btn-hover-saturate:hover.animBtn:after,
.color-secondary-btn-hover-saturate:hover.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-secondary), 50%);
}
#main #et-boc .color-secondary-btn-hover-lighten-x.animBtn:after,
.color-secondary-btn-hover-lighten-x.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-secondary-btn-hover-lighten-x:hover,
.color-secondary-btn-hover-lighten-x:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover-lighten-x:hover.btn-ghost,
.color-secondary-btn-hover-lighten-x:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-secondary-btn-hover-lighten-x:hover.animBtn:after,
.color-secondary-btn-hover-lighten-x:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-secondary-btn-hover-lighten-xx.animBtn:after,
.color-secondary-btn-hover-lighten-xx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-secondary-btn-hover-lighten-xx:hover,
.color-secondary-btn-hover-lighten-xx:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover-lighten-xx:hover.btn-ghost,
.color-secondary-btn-hover-lighten-xx:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-secondary-btn-hover-lighten-xx:hover.animBtn:after,
.color-secondary-btn-hover-lighten-xx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-secondary-btn-hover-lighten-xxx.animBtn:after,
.color-secondary-btn-hover-lighten-xxx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-secondary-btn-hover-lighten-xxx:hover,
.color-secondary-btn-hover-lighten-xxx:hover {
border-color: hsl(0, 100%, 80%);
background: hsl(0, 100%, 80%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover-lighten-xxx:hover.btn-ghost,
.color-secondary-btn-hover-lighten-xxx:hover.btn-ghost {
border-color: hsl(0, 100%, 80%) ;
background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-secondary-btn-hover-lighten-xxx:hover.animBtn:after,
.color-secondary-btn-hover-lighten-xxx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-tertiary,
#main #et-boc .btn.color-tertiary,
#main #et-boc .btn.color-tertiary span,
.color-tertiary,
.btn.color-tertiary,
footer .footer-widgets .color-tertiary,
footer .footer-widgets .btn.color-tertiary,
footer .footer-widgets .btn.color-tertiary span {
color: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary:hover,
#main #et-boc .btn.color-tertiary:hover,
#main #et-boc .btn.color-tertiary:hover span,
.color-tertiary:hover,
.btn.color-tertiary:hover,
footer .footer-widgets .color-tertiary:hover,
footer .footer-widgets .btn.color-tertiary:hover,
footer .footer-widgets .btn.color-tertiary:hover span {
color: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-bg,
.color-tertiary-bg {
background: var(--color-tertiary);
}
#main #et-boc .color-tertiaryi,
.color-tertiaryi {
color: var(--color-tertiary) !important;
}
#main #et-boc .color-tertiary-hdri .heading-hero,
.color-tertiary-hdri .heading-hero,
#main #et-boc .color-tertiary-hdri .heading-hero-alt,
.color-tertiary-hdri .heading-hero-alt,
#main #et-boc .color-tertiary-hdri .heading-primary,
.color-tertiary-hdri .heading-primary,
#main #et-boc .color-tertiary-hdri .heading-secondary,
.color-tertiary-hdri .heading-secondary,
#main #et-boc .color-tertiary-hdri .heading-tertiary,
.color-tertiary-hdri .heading-tertiary,
#main #et-boc .color-tertiary-hdri h1,
.color-tertiary-hdri h1,
#main #et-boc .color-tertiary-hdri h2,
.color-tertiary-hdri h2,
#main #et-boc .color-tertiary-hdri h3,
.color-tertiary-hdri h3,
#main #et-boc .color-tertiary-hdri h4,
.color-tertiary-hdri h4,
#main #et-boc .color-tertiary-hdri h5,
.color-tertiary-hdri h5,
#main #et-boc .color-tertiary-hdri h6,
.color-tertiary-hdri h6 {
color: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-bgi,
.color-tertiary-bgi {
background: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-btn,
.color-tertiary-btn {
border-color: var(--color-tertiary);
background: var(--color-tertiary);
position: relative;
overflow: hidden;
}
#main #et-boc .color-tertiary-btn.btn-ghost,
.color-tertiary-btn.btn-ghost {
background: rgba(0, 0, 0, 0) ;
border-color: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-btn.animBtn,
.color-tertiary-btn.animBtn {
background: var(--color-tertiary);
}
#main #et-boc .color-tertiary-icon i,
.color-tertiary-icon i {
color: var(--color-tertiary);
}
#main #et-boc .color-tertiary-font,
#main #et-boc .btn.color-tertiary-font,
footer .footer-widgets .color-tertiary-font,
.color-tertiary-font,
.btn.color-tertiary-font,
#main #et-boc .color-tertiary-font span,
.color-tertiary-font span {
color: var(--color-tertiary);
}
#main #et-boc .color-tertiary-font-hover:hover,
#main #et-boc .btn.color-tertiary-font-hover:hover,
footer .footer-widgets .color-tertiary-font-hover:hover,
.color-tertiary-font-hover:hover,
.btn.color-tertiary-font:hover,
#main #et-boc .color-tertiary-font-hover:hover span,
.color-tertiary-font-hover:hover span {
color: var(--color-tertiary);
}
#main #et-boc .color-tertiary-btn-hover.animBtn:after,
.color-tertiary-btn-hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-tertiary);
}
#main #et-boc .color-tertiary-btn-hover:hover,
.color-tertiary-btn-hover:hover {
border-color: var(--color-tertiary);
background: var(--color-tertiary) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover:hover.btn-ghost,
.color-tertiary-btn-hover:hover.btn-ghost {
border-color: var(--color-tertiary) ;
background: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-btn-hover:hover.animBtn:after,
.color-tertiary-btn-hover:hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-tertiary);
}
#main #et-boc .color-tertiary-btn-hover-saturate.animBtn:after,
.color-tertiary-btn-hover-saturate.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-tertiary), 50%);
}
#main #et-boc .color-tertiary-btn-hover-saturate:hover,
.color-tertiary-btn-hover-saturate:hover {
border-color: saturate(var(--color-tertiary), 50%);
background: saturate(var(--color-tertiary), 50%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover-saturate:hover.btn-ghost,
.color-tertiary-btn-hover-saturate:hover.btn-ghost {
border-color: var(--color-tertiary) ;
background: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-btn-hover-saturate:hover.animBtn:after,
.color-tertiary-btn-hover-saturate:hover.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-tertiary), 50%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-x.animBtn:after,
.color-tertiary-btn-hover-lighten-x.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-x:hover,
.color-tertiary-btn-hover-lighten-x:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover-lighten-x:hover.btn-ghost,
.color-tertiary-btn-hover-lighten-x:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-tertiary-btn-hover-lighten-x:hover.animBtn:after,
.color-tertiary-btn-hover-lighten-x:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-xx.animBtn:after,
.color-tertiary-btn-hover-lighten-xx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-xx:hover,
.color-tertiary-btn-hover-lighten-xx:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover-lighten-xx:hover.btn-ghost,
.color-tertiary-btn-hover-lighten-xx:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-tertiary-btn-hover-lighten-xx:hover.animBtn:after,
.color-tertiary-btn-hover-lighten-xx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-xxx.animBtn:after,
.color-tertiary-btn-hover-lighten-xxx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-xxx:hover,
.color-tertiary-btn-hover-lighten-xxx:hover {
border-color: hsl(0, 100%, 80%);
background: hsl(0, 100%, 80%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover-lighten-xxx:hover.btn-ghost,
.color-tertiary-btn-hover-lighten-xxx:hover.btn-ghost {
border-color: hsl(0, 100%, 80%) ;
background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-tertiary-btn-hover-lighten-xxx:hover.animBtn:after,
.color-tertiary-btn-hover-lighten-xxx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-accenta,
#main #et-boc .btn.color-accenta,
#main #et-boc .btn.color-accenta span,
.color-accenta,
.btn.color-accenta,
footer .footer-widgets .color-accenta,
footer .footer-widgets .btn.color-accenta,
footer .footer-widgets .btn.color-accenta span {
color: var(--color-accenta);
}
#main #et-boc .color-accenta:hover,
#main #et-boc .btn.color-accenta:hover,
#main #et-boc .btn.color-accenta:hover span,
.color-accenta:hover,
.btn.color-accenta:hover,
footer .footer-widgets .color-accenta:hover,
footer .footer-widgets .btn.color-accenta:hover,
footer .footer-widgets .btn.color-accenta:hover span {
color: var(--color-accenta);
}
#main #et-boc .color-accenta-bg,
.color-accenta-bg {
background: var(--color-accenta);
}
#main #et-boc .color-accentai,
.color-accentai {
color: var(--color-accenta) !important;
}
#main #et-boc .color-accenta-hdri .heading-hero,
.color-accenta-hdri .heading-hero,
#main #et-boc .color-accenta-hdri .heading-hero-alt,
.color-accenta-hdri .heading-hero-alt,
#main #et-boc .color-accenta-hdri .heading-primary,
.color-accenta-hdri .heading-primary,
#main #et-boc .color-accenta-hdri .heading-secondary,
.color-accenta-hdri .heading-secondary,
#main #et-boc .color-accenta-hdri .heading-tertiary,
.color-accenta-hdri .heading-tertiary,
#main #et-boc .color-accenta-hdri h1,
.color-accenta-hdri h1,
#main #et-boc .color-accenta-hdri h2,
.color-accenta-hdri h2,
#main #et-boc .color-accenta-hdri h3,
.color-accenta-hdri h3,
#main #et-boc .color-accenta-hdri h4,
.color-accenta-hdri h4,
#main #et-boc .color-accenta-hdri h5,
.color-accenta-hdri h5,
#main #et-boc .color-accenta-hdri h6,
.color-accenta-hdri h6 {
color: var(--color-accenta) ;
}
#main #et-boc .color-accenta-bgi,
.color-accenta-bgi {
background: var(--color-accenta) ;
}
#main #et-boc .color-accenta-btn,
.color-accenta-btn {
border-color: var(--color-accenta);
background: var(--color-accenta);
position: relative;
overflow: hidden;
}
#main #et-boc .color-accenta-btn.btn-ghost,
.color-accenta-btn.btn-ghost {
background: rgba(0, 0, 0, 0) ;
border-color: var(--color-accenta) ;
}
#main #et-boc .color-accenta-btn.animBtn,
.color-accenta-btn.animBtn {
background: var(--color-accenta);
}
#main #et-boc .color-accenta-icon i,
.color-accenta-icon i {
color: var(--color-accenta);
}
#main #et-boc .color-accenta-font,
#main #et-boc .btn.color-accenta-font,
footer .footer-widgets .color-accenta-font,
.color-accenta-font,
.btn.color-accenta-font,
#main #et-boc .color-accenta-font span,
.color-accenta-font span {
color: var(--color-accenta);
}
#main #et-boc .color-accenta-font-hover:hover,
#main #et-boc .btn.color-accenta-font-hover:hover,
footer .footer-widgets .color-accenta-font-hover:hover,
.color-accenta-font-hover:hover,
.btn.color-accenta-font:hover,
#main #et-boc .color-accenta-font-hover:hover span,
.color-accenta-font-hover:hover span {
color: var(--color-accenta);
}
#main #et-boc .color-accenta-btn-hover.animBtn:after,
.color-accenta-btn-hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-accenta);
}
#main #et-boc .color-accenta-btn-hover:hover,
.color-accenta-btn-hover:hover {
border-color: var(--color-accenta);
background: var(--color-accenta) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover:hover.btn-ghost,
.color-accenta-btn-hover:hover.btn-ghost {
border-color: var(--color-accenta) ;
background: var(--color-accenta) ;
}
#main #et-boc .color-accenta-btn-hover:hover.animBtn:after,
.color-accenta-btn-hover:hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-accenta);
}
#main #et-boc .color-accenta-btn-hover-saturate.animBtn:after,
.color-accenta-btn-hover-saturate.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-accenta), 50%);
}
#main #et-boc .color-accenta-btn-hover-saturate:hover,
.color-accenta-btn-hover-saturate:hover {
border-color: saturate(var(--color-accenta), 50%);
background: saturate(var(--color-accenta), 50%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover-saturate:hover.btn-ghost,
.color-accenta-btn-hover-saturate:hover.btn-ghost {
border-color: var(--color-accenta) ;
background: var(--color-accenta) ;
}
#main #et-boc .color-accenta-btn-hover-saturate:hover.animBtn:after,
.color-accenta-btn-hover-saturate:hover.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-accenta), 50%);
}
#main #et-boc .color-accenta-btn-hover-lighten-x.animBtn:after,
.color-accenta-btn-hover-lighten-x.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accenta-btn-hover-lighten-x:hover,
.color-accenta-btn-hover-lighten-x:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover-lighten-x:hover.btn-ghost,
.color-accenta-btn-hover-lighten-x:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-accenta-btn-hover-lighten-x:hover.animBtn:after,
.color-accenta-btn-hover-lighten-x:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accenta-btn-hover-lighten-xx.animBtn:after,
.color-accenta-btn-hover-lighten-xx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accenta-btn-hover-lighten-xx:hover,
.color-accenta-btn-hover-lighten-xx:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover-lighten-xx:hover.btn-ghost,
.color-accenta-btn-hover-lighten-xx:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-accenta-btn-hover-lighten-xx:hover.animBtn:after,
.color-accenta-btn-hover-lighten-xx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accenta-btn-hover-lighten-xxx.animBtn:after,
.color-accenta-btn-hover-lighten-xxx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-accenta-btn-hover-lighten-xxx:hover,
.color-accenta-btn-hover-lighten-xxx:hover {
border-color: hsl(0, 100%, 80%);
background: hsl(0, 100%, 80%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover-lighten-xxx:hover.btn-ghost,
.color-accenta-btn-hover-lighten-xxx:hover.btn-ghost {
border-color: hsl(0, 100%, 80%) ;
background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-accenta-btn-hover-lighten-xxx:hover.animBtn:after,
.color-accenta-btn-hover-lighten-xxx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-accentb,
#main #et-boc .btn.color-accentb,
#main #et-boc .btn.color-accentb span,
.color-accentb,
.btn.color-accentb,
footer .footer-widgets .color-accentb,
footer .footer-widgets .btn.color-accentb,
footer .footer-widgets .btn.color-accentb span {
color: var(--color-accentb) ;
}
#main #et-boc .color-accentb,
#main #et-boc .btn.color-accentb,
#main #et-boc .btn.color-accentb span,
.color-accentb,
.btn.color-accentb,
footer .footer-widgets .color-accenta,
footer .footer-widgets .btn.color-accentb,
footer .footer-widgets .btn.color-accentb span {
color: var(--color-accentb) ;
}
#main #et-boc .color-accentb-bg,
.color-accentb-bg {
background: var(--color-accentb);
}
#main #et-boc .color-accentbi,
.color-accentbi {
color: var(--color-accentb) !important;
}
#main #et-boc .color-accentb-hdri .heading-hero,
.color-accentb-hdri .heading-hero,
#main #et-boc .color-accentb-hdri .heading-hero-alt,
.color-accentb-hdri .heading-hero-alt,
#main #et-boc .color-accentb-hdri .heading-primary,
.color-accentb-hdri .heading-primary,
#main #et-boc .color-accentb-hdri .heading-secondary,
.color-accentb-hdri .heading-secondary,
#main #et-boc .color-accentb-hdri .heading-tertiary,
.color-accentb-hdri .heading-tertiary,
#main #et-boc .color-accentb-hdri h1,
.color-accentb-hdri h1,
#main #et-boc .color-accentb-hdri h2,
.color-accentb-hdri h2,
#main #et-boc .color-accentb-hdri h3,
.color-accentb-hdri h3,
#main #et-boc .color-accentb-hdri h4,
.color-accentb-hdri h4,
#main #et-boc .color-accentb-hdri h5,
.color-accentb-hdri h5,
#main #et-boc .color-accentb-hdri h6,
.color-accentb-hdri h6 {
color: var(--color-accentb) ;
}
#main #et-boc .color-accentb-bgi,
.color-accentb-bgi {
background: var(--color-accentb) ;
}
#main #et-boc .color-accentb-btn,
.color-accentb-btn {
border-color: var(--color-accentb);
background: var(--color-accentb);
position: relative;
overflow: hidden;
}
#main #et-boc .color-accentb-btn.btn-ghost,
.color-accentb-btn.btn-ghost {
background: rgba(0, 0, 0, 0) ;
border-color: var(--color-accentb) ;
}
#main #et-boc .color-accentb-btn.animBtn,
.color-accentb-btn.animBtn {
background: var(--color-accentb);
}
#main #et-boc .color-accentb-icon i,
.color-accentb-icon i {
color: var(--color-accentb);
}
#main #et-boc .color-accentb-font,
#main #et-boc .btn.color-accentb-font,
footer .footer-widgets .color-accentb-font,
.color-accentb-font,
.btn.color-accentb-font,
#main #et-boc .color-accentb-font span,
.color-accentb-font span {
color: var(--color-accentb);
}
#main #et-boc .color-accentb-font-hover:hover,
#main #et-boc .btn.color-accentb-font-hover:hover,
footer .footer-widgets .color-accentb-font-hover:hover,
.color-accentb-font-hover:hover,
.btn.color-accentb-font:hover,
#main #et-boc .color-accentb-font-hover:hover span,
.color-accentb-font-hover:hover span {
color: var(--color-accentb);
}
#main #et-boc .color-accentb-btn-hover.animBtn:after,
.color-accentb-btn-hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-accentb);
}
#main #et-boc .color-accentb-btn-hover:hover,
.color-accentb-btn-hover:hover {
border-color: var(--color-accentb);
background: var(--color-accentb) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover:hover.btn-ghost,
.color-accentb-btn-hover:hover.btn-ghost {
border-color: var(--color-accentb) ;
background: var(--color-accentb) ;
}
#main #et-boc .color-accentb-btn-hover:hover.animBtn:after,
.color-accentb-btn-hover:hover.animBtn:after {
background: none repeat scroll 0 0 var(--color-accentb);
}
#main #et-boc .color-accentb-btn-hover-saturate.animBtn:after,
.color-accentb-btn-hover-saturate.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-accentb), 50%);
}
#main #et-boc .color-accentb-btn-hover-saturate:hover,
.color-accentb-btn-hover-saturate:hover {
border-color: saturate(var(--color-accentb), 50%);
background: saturate(var(--color-accentb), 50%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover-saturate:hover.btn-ghost,
.color-accentb-btn-hover-saturate:hover.btn-ghost {
border-color: var(--color-accentb) ;
background: var(--color-accentb) ;
}
#main #et-boc .color-accentb-btn-hover-saturate:hover.animBtn:after,
.color-accentb-btn-hover-saturate:hover.animBtn:after {
background: none repeat scroll 0 0 saturate(var(--color-accentb), 50%);
}
#main #et-boc .color-accentb-btn-hover-lighten-x.animBtn:after,
.color-accentb-btn-hover-lighten-x.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accentb-btn-hover-lighten-x:hover,
.color-accentb-btn-hover-lighten-x:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover-lighten-x:hover.btn-ghost,
.color-accentb-btn-hover-lighten-x:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-accentb-btn-hover-lighten-x:hover.animBtn:after,
.color-accentb-btn-hover-lighten-x:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accentb-btn-hover-lighten-xx.animBtn:after,
.color-accentb-btn-hover-lighten-xx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accentb-btn-hover-lighten-xx:hover,
.color-accentb-btn-hover-lighten-xx:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover-lighten-xx:hover.btn-ghost,
.color-accentb-btn-hover-lighten-xx:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-accentb-btn-hover-lighten-xx:hover.animBtn:after,
.color-accentb-btn-hover-lighten-xx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accentb-btn-hover-lighten-xxx.animBtn:after,
.color-accentb-btn-hover-lighten-xxx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-accentb-btn-hover-lighten-xxx:hover,
.color-accentb-btn-hover-lighten-xxx:hover {
border-color: hsl(0, 100%, 80%);
background: hsl(0, 100%, 80%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover-lighten-xxx:hover.btn-ghost,
.color-accentb-btn-hover-lighten-xxx:hover.btn-ghost {
border-color: hsl(0, 100%, 80%) ;
background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-accentb-btn-hover-lighten-xxx:hover.animBtn:after,
.color-accentb-btn-hover-lighten-xxx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-white,
#main #et-boc .btn.color-white,
#main #et-boc .btn.color-white span,
.color-white,
.btn.color-white,
footer .footer-widgets .color-white,
footer .footer-widgets .btn.color-white,
footer .footer-widgets .btn.color-white span {
color: #fff ;
}
#main #et-boc .color-white-hover:hover,
#main #et-boc .btn.color-white-hover:hover,
#main #et-boc .btn.color-white-hover:hover span,
.color-white-hover:hover,
footer .footer-widgets .color-white-hover:hover,
footer .footer-widgets .btn.color-white-hover:hover,
footer .footer-widgets .btn.color-white-hover:hover span {
color: #fff ;
}
#main #et-boc .color-white-bg,
.color-white-bg {
background: #fff;
}
#main #et-boc .color-whitei,
.color-whitei {
color: #fff !important;
}
#main #et-boc .color-white-hdri .heading-hero,
.color-white-hdri .heading-hero,
#main #et-boc .color-white-hdri .heading-hero-alt,
.color-white-hdri .heading-hero-alt,
#main #et-boc .color-white-hdri .heading-primary,
.color-white-hdri .heading-primary,
#main #et-boc .color-white-hdri .heading-secondary,
.color-white-hdri .heading-secondary,
#main #et-boc .color-white-hdri .heading-tertiary,
.color-white-hdri .heading-tertiary,
#main #et-boc .color-white-hdri h1,
.color-white-hdri h1,
#main #et-boc .color-white-hdri h2,
.color-white-hdri h2,
#main #et-boc .color-white-hdri h3,
.color-white-hdri h3,
#main #et-boc .color-white-hdri h4,
.color-white-hdri h4,
#main #et-boc .color-white-hdri h5,
.color-white-hdri h5,
#main #et-boc .color-white-hdri h6,
.color-white-hdri h6 {
color: #fff ;
}
#main #et-boc .color-white-bgi,
.color-white-bgi {
background: #fff ;
}
#main #et-boc .color-white-btn,
.color-white-btn {
border-color: #fff;
background: #fff;
position: relative;
overflow: hidden;
}
#main #et-boc .color-white-btn.btn-ghost,
.color-white-btn.btn-ghost {
background: rgba(0, 0, 0, 0) ;
border-color: #fff ;
}
#main #et-boc .color-white-btn.animBtn,
.color-white-btn.animBtn {
background: #fff;
}
#main #et-boc .color-white-icon i,
.color-white-icon i {
color: #fff;
}
#main #et-boc .color-white-font,
#main #et-boc .btn.color-white-font,
footer .footer-widgets .color-white-font,
.color-white-font,
.btn.color-white-font,
#main #et-boc .color-white-font span,
.color-white-font span {
color: #fff;
}
#main #et-boc .color-white-font-hover:hover,
#main #et-boc .btn.color-white-font-hover:hover,
footer .footer-widgets .color-white-font-hover:hover,
.color-white-font-hover:hover,
.btn.color-white-font-hover:hover,
#main #et-boc .color-white-font-hover:hover span,
.color-white-font-hover:hover span {
color: #fff;
}
#main #et-boc .color-white-btn-hover.animBtn:after,
.color-white-btn-hover.animBtn:after {
background: none repeat scroll 0 0 #fff;
}
#main #et-boc .color-white-btn-hover:hover,
.color-white-btn-hover:hover {
border-color: #fff;
background: #fff ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-white-btn-hover:hover.btn-ghost,
.color-white-btn-hover:hover.btn-ghost {
border-color: #fff ;
background: #fff ;
}
#main #et-boc .color-white-btn-hover:hover.animBtn:after,
.color-white-btn-hover:hover.animBtn:after {
background: none repeat scroll 0 0 #fff;
}
#main #et-boc .color-white-btn-hover-saturate.animBtn:after,
.color-white-btn-hover-saturate.animBtn:after {
background: none repeat scroll 0 0 #ffffff;
}
#main #et-boc .color-white-btn-hover-saturate:hover,
.color-white-btn-hover-saturate:hover {
border-color: #ffffff;
background: #ffffff ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-white-btn-hover-saturate:hover.btn-ghost,
.color-white-btn-hover-saturate:hover.btn-ghost {
border-color: #fff ;
background: #fff ;
}
#main #et-boc .color-white-btn-hover-saturate:hover.animBtn:after,
.color-white-btn-hover-saturate:hover.animBtn:after {
background: none repeat scroll 0 0 #ffffff;
}
#main #et-boc .color-white-btn-hover-lighten-x.animBtn:after,
.color-white-btn-hover-lighten-x.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-white-btn-hover-lighten-x:hover,
.color-white-btn-hover-lighten-x:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-white-btn-hover-lighten-x:hover.btn-ghost,
.color-white-btn-hover-lighten-x:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-white-btn-hover-lighten-x:hover.animBtn:after,
.color-white-btn-hover-lighten-x:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-white-btn-hover-lighten-xx.animBtn:after,
.color-white-btn-hover-lighten-xx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-white-btn-hover-lighten-xx:hover,
.color-white-btn-hover-lighten-xx:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-white-btn-hover-lighten-xx:hover.btn-ghost,
.color-white-btn-hover-lighten-xx:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-white-btn-hover-lighten-xx:hover.animBtn:after,
.color-white-btn-hover-lighten-xx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-white-btn-hover-lighten-xxx.animBtn:after,
.color-white-btn-hover-lighten-xxx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-white-btn-hover-lighten-xxx:hover,
.color-white-btn-hover-lighten-xxx:hover {
border-color: hsl(0, 100%, 80%);
background: hsl(0, 100%, 80%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-white-btn-hover-lighten-xxx:hover.btn-ghost,
.color-white-btn-hover-lighten-xxx:hover.btn-ghost {
border-color: hsl(0, 100%, 80%) ;
background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-white-btn-hover-lighten-xxx:hover.animBtn:after,
.color-white-btn-hover-lighten-xxx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-black,
#main #et-boc .btn.color-black,
#main #et-boc .btn.color-black span,
.color-black,
.btn.color-black,
footer .footer-widgets .color-black,
footer .footer-widgets .btn.color-black,
footer .footer-widgets .btn.color-black span{
color: #000 ;
}
#main #et-boc .color-black:hover,
#main #et-boc .btn.color-black:hover,
#main #et-boc .btn.color-black:hover span,
.color-black:hover,
.btn.color-black:hover,
footer .footer-widgets .color-black:hover,
footer .footer-widgets .btn.color-black:hover,
footer .footer-widgets .btn.color-black:hover span {
color: #000 ;
}
#main #et-boc .color-black-bg,
.color-black-bg {
background: #000;
}
#main #et-boc .color-blacki,
.color-blacki {
color: #000 !important;
}
#main #et-boc .color-black-hdri .heading-hero,
.color-black-hdri .heading-hero,
#main #et-boc .color-black-hdri .heading-hero-alt,
.color-black-hdri .heading-hero-alt,
#main #et-boc .color-black-hdri .heading-primary,
.color-black-hdri .heading-primary,
#main #et-boc .color-black-hdri .heading-secondary,
.color-black-hdri .heading-secondary,
#main #et-boc .color-black-hdri .heading-tertiary,
.color-black-hdri .heading-tertiary,
#main #et-boc .color-black-hdri h1,
.color-black-hdri h1,
#main #et-boc .color-black-hdri h2,
.color-black-hdri h2,
#main #et-boc .color-black-hdri h3,
.color-black-hdri h3,
#main #et-boc .color-black-hdri h4,
.color-black-hdri h4,
#main #et-boc .color-black-hdri h5,
.color-black-hdri h5,
#main #et-boc .color-black-hdri h6,
.color-black-hdri h6 {
color: #000 ;
}
#main #et-boc .color-black-bgi,
.color-black-bgi {
background: #000 ;
}
#main #et-boc .color-black-btn,
.color-black-btn {
border-color: #000;
background: #000;
position: relative;
overflow: hidden;
}
#main #et-boc .color-black-btn.btn-ghost,
.color-black-btn.btn-ghost {
background: rgba(0, 0, 0, 0) ;
border-color: #000 ;
}
#main #et-boc .color-black-btn.animBtn,
.color-black-btn.animBtn {
background: #000;
}
#main #et-boc .color-black-icon i,
.color-black-icon i {
color: #000;
}
#main #et-boc .color-black-font,
#main #et-boc .btn.color-black-font,
footer .footer-widgets .color-black-font,
.color-black-font,
.btn.color-black-font,
#main #et-boc .color-black-font span,
.color-black-font span {
color: #000;
}
#main #et-boc .color-black-font-hover:hover,
#main #et-boc .btn.color-black-font-hover:hover,
footer .footer-widgets .color-black-font-hover:hover,
.color-black-font-hover:hover,
.btn.color-black-font-hover:hover,
#main #et-boc .color-black-font-hover:hover span,
.color-black-font-hover:hover span {
color: #000;
}
#main #et-boc .color-black-btn-hover.animBtn:after,
.color-black-btn-hover.animBtn:after {
background: none repeat scroll 0 0 #000;
}
#main #et-boc .color-black-btn-hover:hover,
.color-black-btn-hover:hover {
border-color: #000;
background: #000 ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-black-btn-hover:hover.btn-ghost,
.color-black-btn-hover:hover.btn-ghost {
border-color: #000 ;
background: #000 ;
}
#main #et-boc .color-black-btn-hover:hover.animBtn:after,
.color-black-btn-hover:hover.animBtn:after {
background: none repeat scroll 0 0 #000;
}
#main #et-boc .color-black-btn-hover-saturate.animBtn:after,
.color-black-btn-hover-saturate.animBtn:after {
background: none repeat scroll 0 0 #000000;
}
#main #et-boc .color-black-btn-hover-saturate:hover,
.color-black-btn-hover-saturate:hover {
border-color: #000000;
background: #000000 ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-black-btn-hover-saturate:hover.btn-ghost,
.color-black-btn-hover-saturate:hover.btn-ghost {
border-color: #000 ;
background: #000 ;
}
#main #et-boc .color-black-btn-hover-saturate:hover.animBtn:after,
.color-black-btn-hover-saturate:hover.animBtn:after {
background: none repeat scroll 0 0 #000000;
}
#main #et-boc .color-black-btn-hover-lighten-x.animBtn:after,
.color-black-btn-hover-lighten-x.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-black-btn-hover-lighten-x:hover,
.color-black-btn-hover-lighten-x:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-black-btn-hover-lighten-x:hover.btn-ghost,
.color-black-btn-hover-lighten-x:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-black-btn-hover-lighten-x:hover.animBtn:after,
.color-black-btn-hover-lighten-x:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-black-btn-hover-lighten-xx.animBtn:after,
.color-black-btn-hover-lighten-xx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-black-btn-hover-lighten-xx:hover,
.color-black-btn-hover-lighten-xx:hover {
border-color: hsl(0, 100%, 70%);
background: hsl(0, 100%, 70%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-black-btn-hover-lighten-xx:hover.btn-ghost,
.color-black-btn-hover-lighten-xx:hover.btn-ghost {
border-color: hsl(0, 100%, 70%) ;
background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-black-btn-hover-lighten-xx:hover.animBtn:after,
.color-black-btn-hover-lighten-xx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-black-btn-hover-lighten-xxx.animBtn:after,
.color-black-btn-hover-lighten-xxx.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-black-btn-hover-lighten-xxx:hover,
.color-black-btn-hover-lighten-xxx:hover {
border-color: hsl(0, 100%, 80%);
background: hsl(0, 100%, 80%) ;
position: relative;
overflow: hidden;
}
#main #et-boc .color-black-btn-hover-lighten-xxx:hover.btn-ghost,
.color-black-btn-hover-lighten-xxx:hover.btn-ghost {
border-color: hsl(0, 100%, 80%) ;
background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-black-btn-hover-lighten-xxx:hover.animBtn:after,
.color-black-btn-hover-lighten-xxx:hover.animBtn:after {
background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc a.animBtn,
a.animBtn {
font-size: 16px;
padding: 8px 20px;
}
#main #et-boc a.animBtn.btn-0x,
a.animBtn.btn-0x {
font-size: 14px;
padding: 8px 10px;
}
#main #et-boc a.animBtn.btn-1x,
a.animBtn.btn-1x {
font-size: 16px;
padding: 8px 20px;
}
#main #et-boc a.animBtn.btn-2x,
a.animBtn.btn-2x {
font-size: 18px;
padding: 10px 30px;
}
#main #et-boc a.animBtn.btn-3x,
a.animBtn.btn-3x {
font-size: 18px;
padding: 10px 40px;
}
#main #et-boc a.animBtn.btn-4x,
a.animBtn.btn-4x {
font-size: 24px;
padding: 6px 40px;
}
#main #et-boc a.animBtn,
a.animBtn,
#main #et-boc a.animBtn:visited,
a.animBtn:visited,
#main #et-boc a.animBtn:active,
a.animBtn:active {
position: relative;
display: inline-block;
margin: 0px auto 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#main #et-boc a.animBtn span,
a.animBtn span,
#main #et-boc a.animBtn:visited span,
a.animBtn:visited span,
#main #et-boc a.animBtn:active span,
a.animBtn:active span {
position: relative;
z-index: 1;
}
#main #et-boc a.animBtn:after,
a.animBtn:after,
#main #et-boc a.animBtn:visited:after,
a.animBtn:visited:after,
#main #et-boc a.animBtn:active:after,
a.animBtn:active:after {
content: "";
position: absolute;
height: 0%;
left: 50%;
top: 50%;
width: 100%;
z-index: 0;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#main #et-boc a.animBtn:hover,
a.animBtn:hover,
#main #et-boc a.animBtn:visited:hover,
a.animBtn:visited:hover {
color: #333;
text-shadow: none;
}
#main #et-boc a.animBtn:hover:after,
a.animBtn:hover:after,
#main #et-boc a.animBtn:visited:hover:after,
a.animBtn:visited:hover:after {
height: 700%;
}
#main #et-boc a.animBtn.themeA:after,
a.animBtn.themeA:after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
#main #et-boc a.animBtn.themeB:after,
a.animBtn.themeB:after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
#main #et-boc a.animBtn.themeC:after,
a.animBtn.themeC:after {
opacity: 0.5;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#main #et-boc a.animBtn.themeC:hover:after,
a.animBtn.themeC:hover:after {
height: 140%;
opacity: 1;
}
#main #et-boc a.animBtn.themeD:after,
a.animBtn.themeD:after {
width: 0%;
border-radius: 50%;
opacity: 0.5;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#main #et-boc a.animBtn.themeD:hover:after,
a.animBtn.themeD:hover:after {
height: 450%;
width: 110%;
opacity: 1;
}