.image-hover-page-container {   }
.ih-item img {
display: block;
}
.bs-glyphicons,
.ih-item.square.effect1,
.ih-item.square.effect11,
.ih-item.square.effect12,
.ih-item.square.effect13,
.ih-item.square.effect15,
.ih-item.square.effect16,
.ih-item.square.effect17,
.ih-item.square.effect18,
.ih-item.square.effect19,
.ih-item.square.effect2,
.ih-item.square.effect3,
.ih-item.square.effect4,
.ih-item.square.effect6,
.ih-item.square.effect7,
.ih-item.square.effect8 {
overflow: hidden
}
.ih-item.circle .info,
.ih-item.square .info {
right: 0;
text-align: center;
bottom: 0;
top: 0;
left: 0
}
.ih-item {
position: relative;
transition: all .35s ease-in-out
}
.ih-item.circle .img:before,
;
.ih-item {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item,
.ih-item * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.ih-item a {
color: #333
}
.ih-item a:hover {
text-decoration: none
}
.ih-item img {
width: 100%;
height: 100%
}
.ih-item.circle,
.ih-item.circle .img {
border-radius: 50%;
position: relative;
}
.ih-item.circle {
}
.ih-item.circle .img span {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%; transition: all .35s ease-in-out
}
.ih-item.square .img span {
box-shadow: none !important;
display: none;
}
.ih-item.circle .img img {
border-radius: 50%
}
.ih-item.circle .info {
position: absolute;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ih-item.square {
position: relative;
width: 100%;
height: 100%;  }
.ih-item.square .info {
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ih-item.circle.effect1 .spinner {
width: 230px;
height: 230px;
border: 10px solid #ecab18;
border-right-color: #1ad280;
border-bottom-color: #1ad280;
border-radius: 50%;
transition: all .8s ease-in-out
}
.ih-item.circle.effect1 .info,
.ih-item.circle.effect1 .spinner {
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out
}
.ih-item.circle.effect1 .info p,
.ih-item.circle.effect11 .info p,
.ih-item.circle.effect12 .info p,
.ih-item.circle.effect13 .info p,
.ih-item.circle.effect14 .info p,
.ih-item.circle.effect15 .info p,
.ih-item.circle.effect16 .info p,
.ih-item.circle.effect17 .info p,
.ih-item.circle.effect18 .info p,
.ih-item.circle.effect19 .info p,
.ih-item.circle.effect2 .info p,
.ih-item.circle.effect20 .info p,
.ih-item.circle.effect3 .info p,
.ih-item.circle.effect4 .info p,
.ih-item.circle.effect5 .info p,
.ih-item.circle.effect6 .info p,
.ih-item.circle.effect7 .info p,
.ih-item.circle.effect8 .info p,
.ih-item.circle.effect9 .info p { }
.bs-docs-nav .navbar-toggle,
.top-header.bs-docs-nav {
border-color: #222132
}
.ih-item.circle.effect1 .img {
position: absolute;
top: 10px;
bottom: 0;
left: 10px;
right: 0;
width: auto;
height: auto
}
.ih-item.circle.effect1 .info h3,
.ih-item.circle.effect2 .info h3,
.ih-item.circle.effect3 .info h3,
.ih-item.circle.effect4 .info h3 {
margin: 0 30px;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
height: 110px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect1 .img:before {
display: none
}
.ih-item.circle.effect1.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.circle.effect1 .info {
top: 10px;
bottom: 0;
left: 10px;
right: 0;
background: #333;
background: rgba(0, 0, 0, .6);
opacity: 0;
transition: all .8s ease-in-out
}
.ih-item.circle.effect1 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect1 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect1 a:hover .spinner {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.ih-item.circle.effect1 a:hover .info {
opacity: 1
}
.ih-item.circle.effect2 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all .35s ease-in-out
}
.ih-item.circle.effect2 .img,
.ih-item.circle.effect2 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect2.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6);
}
.ih-item.circle.effect2 .info {
background: #333;
opacity: 0;
pointer-events: none;
transition: all .35s ease-in-out
}
.ih-item.circle.effect2 a:hover .info {
opacity: 0.8 !important;
}
.ih-item.circle.effect2 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect2 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect2.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect2.left_to_right a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.ih-item.circle.effect2.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect2.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect2.right_to_left a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.ih-item.circle.effect2.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect2.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect2.top_to_bottom a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.ih-item.circle.effect2.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect2.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect2.bottom_to_top a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.ih-item.circle.effect2.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect3 .img {
z-index: 11;
transition: all .35s ease-in-out
}
.ih-item.circle.effect3 .img,
.ih-item.circle.effect3 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect3.colored .info {
background: #1a4a72
}
.ih-item.circle.effect3 .info {
background: #333;
opacity: 0;
pointer-events: none;
transition: all .35s ease-in-out
}
.ih-item.circle.effect3 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect3 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect3.left_to_right .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0)
}
.ih-item.circle.effect3.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect3.left_to_right a:hover .img {
-webkit-transform: scale(.5) translateX(100%);
-moz-transform: scale(.5) translateX(100%);
-ms-transform: scale(.5) translateX(100%);
-o-transform: scale(.5) translateX(100%);
transform: scale(.5) translateX(100%)
}
.ih-item.circle.effect3.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect3.right_to_left .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0)
}
.ih-item.circle.effect3.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect3.right_to_left a:hover .img {
-webkit-transform: scale(.5) translateX(-100%);
-moz-transform: scale(.5) translateX(-100%);
-ms-transform: scale(.5) translateX(-100%);
-o-transform: scale(.5) translateX(-100%);
transform: scale(.5) translateX(-100%)
}
.ih-item.circle.effect3.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect3.top_to_bottom .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
.ih-item.circle.effect3.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect3.top_to_bottom a:hover .img {
-webkit-transform: scale(.5) translateY(100%);
-moz-transform: scale(.5) translateY(100%);
-ms-transform: scale(.5) translateY(100%);
-o-transform: scale(.5) translateY(100%);
transform: scale(.5) translateY(100%)
}
.ih-item.circle.effect3.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect3.bottom_to_top .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
.ih-item.circle.effect3.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect3.bottom_to_top a:hover .img {
-webkit-transform: scale(.5) translateY(-100%);
-moz-transform: scale(.5) translateY(-100%);
-ms-transform: scale(.5) translateY(-100%);
-o-transform: scale(.5) translateY(-100%);
transform: scale(.5) translateY(-100%)
}
.ih-item.circle.effect3.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect4 .img {
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ih-item.circle.effect4 .info,
.ih-item.circle.effect4 a:hover .img {
pointer-events: none;
opacity: 0
}
.ih-item.circle.effect4.colored .info {
background: #1a4a72
}
.ih-item.circle.effect4 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
transition: all .35s ease
}
.ih-item.circle.effect4 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect4 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px;
transition: all .35s ease-in-out
}
.ih-item.circle.effect4 .info p,
.ih-item.circle.effect5 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect4 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.circle.effect4.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect4.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect4.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect4.left_to_right a:hover .info,
.ih-item.circle.effect4.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect4.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect4.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect4.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect4.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect4.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect4.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect4.bottom_to_top .img,
.ih-item.circle.effect4.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect4.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect4.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect4.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect5 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect5.colored .info .info-back {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.circle.effect5 .info {
transition: all .35s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.ih-item.circle.effect5 .info .info-back {
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333;
background: rgba(0, 0, 0, .6);
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ih-item.circle.effect5 .info h3,
.ih-item.circle.effect6 .info h3,
.ih-item.circle.effect7 .info h3 {
margin: 0 30px;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
height: 110px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect5 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect5 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect5 a:hover .info {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg)
}
.ih-item.circle.effect5 a:hover .info .info-back {
visibility: visible
}
.ih-item.circle.effect6 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all .35s ease-in-out
}
.ih-item.circle.effect6 .img,
.ih-item.circle.effect6 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect6.colored .info {
background: #1a4a72
}
.ih-item.circle.effect6 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.circle.effect6 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect6 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect6.scale_up .info {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.circle.effect6.scale_up a:hover .img {
opacity: 0;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5)
}
.ih-item.circle.effect6.scale_up a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect6.scale_down .info {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5)
}
.ih-item.circle.effect6.scale_down a:hover .img {
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.circle.effect6.scale_down a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect6.scale_down_up .info {
transform: scale(.5);
-webkit-transition: all .35s ease-in-out .2s;
-moz-transition: all .35s ease-in-out .2s;
transition: all .35s ease-in-out .2s
}
.ih-item.circle.effect6.scale_down_up .info,
.ih-item.circle.effect6.scale_down_up a:hover .img {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5)
}
.ih-item.circle.effect6.scale_down_up a:hover .img {
opacity: 0;
transform: scale(.5)
}
.ih-item.circle.effect6.scale_down_up a:hover .info {
transform: scale(1)
}
.ih-item.circle.effect6.scale_down_up a:hover .info,
.ih-item.circle.effect7 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
.ih-item.circle.effect7 .img {
transform: scale(1);
-webkit-transition: all .35s ease-out;
-moz-transition: all .35s ease-out;
transition: all .35s ease-out
}
.ih-item.circle.effect7.colored .info {
background: #1a4a72
}
.ih-item.circle.effect7 .info {
background: #333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.circle.effect7 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect7 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect7 a:hover .img {
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.circle.effect7 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.circle.effect7.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect7.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect7.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect7.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect7.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect7.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect7.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect7.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect8.colored .info {
background: #1a4a72
}
.ih-item.circle.effect8 .img-container {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.ih-item.circle.effect8 .img-container .img {
opacity: 1;
-webkit-transition: all .3s ease-in-out .3s;
-moz-transition: all .3s ease-in-out .3s;
transition: all .3s ease-in-out .3s
}
.ih-item.circle.effect8 .info-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
opacity: 0;
pointer-events: none;
-webkit-transition: all .3s ease-in-out .3s;
-moz-transition: all .3s ease-in-out .3s;
transition: all .3s ease-in-out .3s
}
.ih-item.circle.effect10 .info h3,
.ih-item.circle.effect9 .info h3 {
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect8 .info {
width: 100%;
height: 100%;
background: #333;
transform: scale(.5);
-webkit-transition: all .35s ease-in-out .6s;
-moz-transition: all .35s ease-in-out .6s;
transition: all .35s ease-in-out .6s
}
.ih-item.circle.effect8 .info,
.ih-item.circle.effect8 a:hover .img-container {
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5)
}
.ih-item.circle.effect8 .info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0;
height: 140px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect8 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect8 a:hover .img-container {
transform: scale(.5)
}
.ih-item.circle.effect8 a:hover .img-container .img {
opacity: 0;
pointer-events: none
}
.ih-item.circle.effect8 a:hover .info-container {
opacity: 1
}
.ih-item.circle.effect8 a:hover .info-container .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect8.left_to_right .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect8.left_to_right .info-container {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect8.left_to_right a:hover .img-container .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect8.left_to_right a:hover .info-container,
.ih-item.circle.effect8.right_to_left .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect8.right_to_left .info-container {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect8.right_to_left a:hover .img-container .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect8.right_to_left a:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect8.top_to_bottom .img-container .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect8.top_to_bottom .info-container {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect8.bottom_to_top .img-container .img,
.ih-item.circle.effect8.top_to_bottom a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect8.bottom_to_top .info-container {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect8.bottom_to_top a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect9 .img {
opacity: 1;
-webkit-transition: all .35s ease-out;
-moz-transition: all .35s ease-out;
transition: all .35s ease-out
}
.ih-item.circle.effect9.colored .info {
background: #1a4a72
}
.ih-item.circle.effect9 .info {
background: #333;
visibility: hidden;
transform: scale(.5);
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.circle.effect9 .info,
.ih-item.circle.effect9 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5)
}
.ih-item.circle.effect9 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0;
height: 110px
}
.ih-item.circle.effect9 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect9 a:hover .img {
transform: scale(.5)
}
.ih-item.circle.effect9 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect9.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.circle.effect9.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg)
}
.ih-item.circle.effect9.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.circle.effect9.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg)
}
.ih-item.circle.effect9.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect9.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect9.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect9.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect10 .img {
z-index: 11;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect10.colored .info {
background: #1a4a72
}
.ih-item.circle.effect10 .info {
background: #333;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all .35s ease-in-out
}
.ih-item.circle.effect10 .info,
.ih-item.circle.effect11 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect10 .info h3 {
color: #fff;
font-size: 22px
}
.ih-item.circle.effect10 .info p {
color: #bbb;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, .5)
}
.ih-item.circle.effect10 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect10.top_to_bottom .info h3 {
margin: 0 30px;
padding: 25px 0 0;
height: 78px
}
.ih-item.circle.effect10.top_to_bottom .info p {
margin: 0 30px;
padding: 5px
}
.ih-item.circle.effect10.top_to_bottom a:hover .img {
-webkit-transform: translateY(50px) scale(.5);
-moz-transform: translateY(50px) scale(.5);
-ms-transform: translateY(50px) scale(.5);
-o-transform: translateY(50px) scale(.5);
transform: translateY(50px) scale(.5)
}
.ih-item.circle.effect10.bottom_to_top .info h3 {
margin: 95px 30px 0;
padding: 25px 0 0;
height: 78px
}
.ih-item.circle.effect11 .info h3,
.ih-item.circle.effect12 .info h3,
.ih-item.circle.effect13 .info h3,
.ih-item.circle.effect14 .info h3,
.ih-item.circle.effect15 .info h3,
.ih-item.circle.effect16 .info h3 {
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
height: 110px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect10.bottom_to_top .info p {
margin: 0 30px;
padding: 5px
}
.ih-item.circle.effect10.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px) scale(.5);
-moz-transform: translateY(-50px) scale(.5);
-ms-transform: translateY(-50px) scale(.5);
-o-transform: translateY(-50px) scale(.5);
transform: translateY(-50px) scale(.5)
}
.ih-item.circle.effect11 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect11 .img {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: all .35s ease-in-out
}
.ih-item.circle.effect11.colored .info {
background: #1a4a72
}
.ih-item.circle.effect11 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transition: all .35s ease .35s;
-moz-transition: all .35s ease .35s;
transition: all .35s ease .35s
}
.ih-item.circle.effect11 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect11 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect11 a:hover .img {
opacity: 0
}
.ih-item.circle.effect11 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.circle.effect11.left_to_right .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.left_to_right .info {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg)
}
.ih-item.circle.effect11.left_to_right a:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg)
}
.ih-item.circle.effect11.left_to_right a:hover .info,
.ih-item.circle.effect11.right_to_left .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.right_to_left .info {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg)
}
.ih-item.circle.effect11.right_to_left a:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg)
}
.ih-item.circle.effect11.right_to_left a:hover .info {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.top_to_bottom .img {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0)
}
.ih-item.circle.effect11.top_to_bottom .info {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg)
}
.ih-item.circle.effect11.top_to_bottom a:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg)
}
.ih-item.circle.effect11.bottom_to_top .img,
.ih-item.circle.effect11.top_to_bottom a:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0)
}
.ih-item.circle.effect11.bottom_to_top .info {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg)
}
.ih-item.circle.effect11.bottom_to_top a:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg)
}
.ih-item.circle.effect11.bottom_to_top a:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0)
}
.ih-item.circle.effect12 .img {
opacity: 1;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect12.colored .info {
background: #1a4a72
}
.ih-item.circle.effect12 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
transition: all .35s ease-in-out
}
.ih-item.circle.effect12 .info,
.ih-item.circle.effect13 .info {
pointer-events: none;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect12 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect12 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect12 a:hover .img {
opacity: 0;
pointer-events: none
}
.ih-item.circle.effect12 a:hover .info {
opacity: 1;
visibility: visible
}
.ih-item.circle.effect12.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.circle.effect12.left_to_right .info,
.ih-item.circle.effect12.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg)
}
.ih-item.circle.effect12.left_to_right a:hover .info {
transform: translateX(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.circle.effect12.left_to_right a:hover .info,
.ih-item.circle.effect12.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0)
}
.ih-item.circle.effect12.right_to_left .img {
transform: translateX(0) rotate(0)
}
.ih-item.circle.effect12.right_to_left .info,
.ih-item.circle.effect12.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg)
}
.ih-item.circle.effect12.right_to_left a:hover .info {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.circle.effect12.top_to_bottom .img {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0)
}
.ih-item.circle.effect12.top_to_bottom .info,
.ih-item.circle.effect12.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%) rotate(-180deg);
-moz-transform: translateY(-100%) rotate(-180deg);
-ms-transform: translateY(-100%) rotate(-180deg);
-o-transform: translateY(-100%) rotate(-180deg);
transform: translateY(-100%) rotate(-180deg)
}
.ih-item.circle.effect12.top_to_bottom a:hover .info {
transform: translateY(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.circle.effect12.bottom_to_top .img,
.ih-item.circle.effect12.top_to_bottom a:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0)
}
.ih-item.circle.effect12.bottom_to_top .img {
transform: translateY(0) rotate(0)
}
.ih-item.circle.effect12.bottom_to_top .info,
.ih-item.circle.effect12.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%) rotate(180deg);
-moz-transform: translateY(100%) rotate(180deg);
-ms-transform: translateY(100%) rotate(180deg);
-o-transform: translateY(100%) rotate(180deg);
transform: translateY(100%) rotate(180deg)
}
.ih-item.circle.effect12.bottom_to_top a:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.circle.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.circle.effect13 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.circle.effect13 a:hover .info {
opacity: 0.8 !important;
}
.ih-item.circle.effect13 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0;
transition: all .35s ease-in-out
}
.ih-item.circle.effect13 .info h3,
.ih-item.circle.effect13 .info p {
margin: 0 30px;
visibility: hidden;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect13 .info p {
color: #bbb;
padding: 10px 5px;
font-size: 12px;
transition: all .35s ease-in-out
}
.ih-item.circle.effect13 a:hover .info {
opacity: 1
}
.ih-item.circle.effect13 a:hover h3,
.ih-item.circle.effect13 a:hover p {
visibility: visible
}
.ih-item.circle.effect13.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect13.from_left_and_right .info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect13.from_left_and_right a:hover h3,
.ih-item.circle.effect13.from_left_and_right a:hover p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect13.top_to_bottom .info h3,
.ih-item.circle.effect13.top_to_bottom .info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect13.top_to_bottom a:hover h3,
.ih-item.circle.effect13.top_to_bottom a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect13.bottom_to_top .info h3,
.ih-item.circle.effect13.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect13.bottom_to_top a:hover h3,
.ih-item.circle.effect13.bottom_to_top a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect14 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect14 .img {
visibility: visible;
opacity: 1;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
transition: all .4s ease-out
}
.ih-item.circle.effect14.colored .info {
background: #1a4a72
}
.ih-item.circle.effect14 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transition: all .35s ease-in-out .3s;
-moz-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s
}
.ih-item.circle.effect14 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect14 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect14 a:hover .img {
opacity: 0;
visibility: hidden
}
.ih-item.circle.effect14 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.circle.effect14.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.circle.effect14.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.circle.effect14.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg)
}
.ih-item.circle.effect14.left_to_right a:hover .info {
transform: rotateY(0)
}
.ih-item.circle.effect14.left_to_right a:hover .info,
.ih-item.circle.effect14.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0)
}
.ih-item.circle.effect14.right_to_left .img {
transform: rotateY(0);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.circle.effect14.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.circle.effect14.right_to_left a:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg)
}
.ih-item.circle.effect14.right_to_left a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0)
}
.ih-item.circle.effect14.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.circle.effect14.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.circle.effect14.top_to_bottom a:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg)
}
.ih-item.circle.effect14.top_to_bottom a:hover .info {
transform: rotateX(0)
}
.ih-item.circle.effect14.bottom_to_top .img,
.ih-item.circle.effect14.top_to_bottom a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0)
}
.ih-item.circle.effect14.bottom_to_top .img {
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.circle.effect14.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.circle.effect14.bottom_to_top a:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg)
}
.ih-item.circle.effect14.bottom_to_top a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0)
}
.ih-item.circle.effect15 .img {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect15.colored .info {
background: #1a4a72
}
.ih-item.circle.effect15 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(.5) rotate(-720deg);
-moz-transform: scale(.5) rotate(-720deg);
-ms-transform: scale(.5) rotate(-720deg);
-o-transform: scale(.5) rotate(-720deg);
transform: scale(.5) rotate(-720deg);
-webkit-transition: all .35s ease-in-out .3s;
-moz-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s
}
.ih-item.circle.effect15 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect15 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect15 a:hover .img {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(.5) rotate(720deg);
-moz-transform: scale(.5) rotate(720deg);
-ms-transform: scale(.5) rotate(720deg);
-o-transform: scale(.5) rotate(720deg);
transform: scale(.5) rotate(720deg)
}
.ih-item.circle.effect15 a:hover .info {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
.ih-item.circle.effect16 .img {
z-index: 11;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect16.colored .info {
background: #1a4a72
}
.ih-item.circle.effect16 .info {
background: #333;
transition: all .35s ease-in-out
}
.ih-item.circle.effect16 .info,
.ih-item.circle.effect16 .info p {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect16 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect16 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px;
transition: all .35s ease-in-out
}
.ih-item.circle.effect16.left_to_right .img:after,
.ih-item.circle.effect16.right_to_left .img:after {
border-radius: 50%;
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 40%;
margin: -4px 0 0 -4px;
background: rgba(0, 0, 0, .8);
box-shadow: 0 0 1px rgba(255, 255, 255, .9)
}
.ih-item.circle.effect16.left_to_right .img {
-webkit-transform-origin: 95% 40%;
-moz-transform-origin: 95% 40%;
-ms-transform-origin: 95% 40%;
-o-transform-origin: 95% 40%;
transform-origin: 95% 40%
}
.ih-item.circle.effect16.left_to_right .img:after {
left: 95%
}
.ih-item.circle.effect16.left_to_right a:hover .img {
-webkit-transform: rotate(-120deg);
-moz-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
-o-transform: rotate(-120deg);
transform: rotate(-120deg)
}
.ih-item.circle.effect16.right_to_left .img {
-webkit-transform-origin: 5% 40%;
-moz-transform-origin: 5% 40%;
-ms-transform-origin: 5% 40%;
-o-transform-origin: 5% 40%;
transform-origin: 5% 40%
}
.ih-item.circle.effect16.right_to_left .img:after {
left: 5%
}
.ih-item.circle.effect17 .info h3,
.ih-item.circle.effect18 .info h3,
.ih-item.circle.effect20 .info h3 {
text-transform: uppercase;
margin: 0 30px;
position: relative;
letter-spacing: 2px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect16.right_to_left a:hover .img {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg)
}
.ih-item.circle.effect17 .info {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all .35s ease-in-out
}
.ih-item.circle.effect17 .info,
.ih-item.circle.effect17 .info p {
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect17 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0;
height: 110px
}
.ih-item.circle.effect17 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px;
transition: all .35s ease-in-out
}
.ih-item.circle.effect17 a:hover .img:before {
box-shadow: inset 0 0 0 110px #333, inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 0 0 110px rgba(0, 0, 0, .6), inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1)
}
.ih-item.circle.effect17 a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect17 a:hover .info p {
opacity: 1
}
.ih-item.circle.effect17.colored a:hover .img:before {
box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 0 0 110px rgba(26, 74, 114, .6), inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1)
}
.ih-item.circle.effect18 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect18 .img {
z-index: 11;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.ih-item.circle.effect18.colored .info .info-back {
background: #1a4a72
}
.ih-item.circle.effect18 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.ih-item.circle.effect18 .info .info-back {
opacity: 1;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333
}
.ih-item.circle.effect18 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0;
height: 110px
}
.ih-item.circle.effect18 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect18.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.circle.effect18.bottom_to_top a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg)
}
.ih-item.circle.effect18.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.circle.effect18.top_to_bottom a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg)
}
.ih-item.circle.effect18.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.circle.effect18.left_to_right a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg)
}
.ih-item.circle.effect18.right_to_left .img {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.circle.effect18.right_to_left a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg)
}
.ih-item.circle.effect19.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.circle.effect19 .info {
background: #333;
background: rgba(0, 0, 0, .6);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect19 .info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0;
height: 140px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect19 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect19 a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect20 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect20 .img {
-webkit-transition: all .35s linear;
-moz-transition: all .35s linear;
transition: all .35s linear;
transform-origin: 50% 0
}
.ih-item.circle.effect20 .img,
.ih-item.circle.effect20 .info .info-back {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0
}
.ih-item.circle.effect20.colored .info .info-back {
background: #1a4a72
}
.ih-item.circle.effect20 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.ih-item.circle.effect20 .info .info-back {
opacity: 1;
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333;
-webkit-transition: all .35s linear;
-moz-transition: all .35s linear;
transition: all .35s linear;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ih-item.circle.effect20 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0;
height: 110px
}
.ih-item.circle.effect20 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect20 a:hover .img {
opacity: 0
}
.ih-item.circle.effect20 a:hover .info .info-back {
opacity: 1;
visibility: visible
}
.ih-item.circle.effect20.top_to_bottom .info .info-back {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}
.ih-item.circle.effect20.top_to_bottom a:hover .img {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}
.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg)
}
.ih-item.circle.effect20.bottom_to_top .info .info-back {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}
.ih-item.circle.effect20.bottom_to_top a:hover .img {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}
.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg)
}
.ih-item.square.effect1.colored .info {
background: #1a4a72
}
.ih-item.square.effect1 .img {
z-index: 11;
position: absolute;
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect1 .img,
.ih-item.square.effect1 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect1 .info {
background: #333;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all .35s ease-in-out
}
.ih-item.square.effect1 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect1.left_and_right .info h3 {
position: absolute;
top: 12px;
left: 12px;
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
margin: 0
}
.ih-item.square.effect1.left_and_right .info p {
position: absolute;
right: 12px;
bottom: 12px;
margin: 0;
font-size: 12px;
color: #bbb
}
.ih-item.square.effect1.left_and_right a:hover .img {
-webkit-transform: scale(.6);
-moz-transform: scale(.6);
-ms-transform: scale(.6);
-o-transform: scale(.6);
transform: scale(.6)
}
.ih-item.square.effect1.top_to_bottom .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 10px 0 0
}
.ih-item.square.effect1.top_to_bottom .info p {
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center
}
.ih-item.square.effect1.top_to_bottom a:hover .img {
-webkit-transform: translateY(30px) scale(.6);
-moz-transform: translateY(30px) scale(.6);
-ms-transform: translateY(30px) scale(.6);
-o-transform: translateY(30px) scale(.6);
transform: translateY(30px) scale(.6)
}
.ih-item.square.effect1.bottom_to_top .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 134px 0 0
}
.ih-item.square.effect1.bottom_to_top .info p {
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center
}
.ih-item.square.effect1.bottom_to_top a:hover .img {
-webkit-transform: translateY(-30px) scale(.6);
-moz-transform: translateY(-30px) scale(.6);
-ms-transform: translateY(-30px) scale(.6);
-o-transform: translateY(-30px) scale(.6);
transform: translateY(-30px) scale(.6)
}
.ih-item.square.effect2.colored .info {
background: #1a4a72
}
.ih-item.square.effect2.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect2 .img {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1)
}
.ih-item.square.effect2 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s .3s ease-in-out;
-moz-transition: all .35s .3s ease-in-out;
transition: all .35s .3s ease-in-out
}
.ih-item.square.effect2 .info h3 {
text-transform: uppercase;
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0;
transform: translateY(-200px);
-webkit-transition: all .35s .6s ease-in-out;
-moz-transition: all .35s .6s ease-in-out;
transition: all .35s .6s ease-in-out
}
.ih-item.square.effect2 .info h3,
.ih-item.square.effect2 .info p {
text-align: center;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px)
}
.ih-item.square.effect2 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
transform: translateY(-200px);
-webkit-transition: all .35s .5s linear;
-moz-transition: all .35s .5s linear;
transition: all .35s .5s linear
}
.ih-item.square.effect2 a:hover .img {
-webkit-transform: rotate(720deg) scale(0);
-moz-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
opacity: 0
}
.ih-item.square.effect2 a:hover .info {
visibility: visible
}
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p {
transform: translateY(0)
}
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p,
.ih-item.square.effect3 .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}
.ih-item.square.effect3.colored .info {
background: #1a4a72
}
.ih-item.square.effect3 .img {
transform: translateY(0);
transition: all .35s ease-in-out
}
.ih-item.square.effect3 .img,
.ih-item.square.effect3 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect3 .info {
height: 65px;
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect3 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 4px 0 0
}
.ih-item.square.effect3 .info p {
font-size: 12px;
position: relative;
color: #bbb; text-align: center
}
.ih-item.square.effect3 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect3.bottom_to_top .info {
top: auto;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px)
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect3.top_to_bottom .info {
bottom: auto;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect3.top_to_bottom a:hover .img {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px)
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect4 {
position: relative
}
.ih-item.square.effect4.colored .info {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect4 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
position: absolute;
background: #333;
background: rgba(0, 0, 0, .6);
height: 361px;
width: 361px;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect4 .mask1 {
left: auto;
right: 0;
top: 0;
-webkit-transform: rotate(56.5deg) translateX(-180px);
-moz-transform: rotate(56.5deg) translateX(-180px);
-ms-transform: rotate(56.5deg) translateX(-180px);
-o-transform: rotate(56.5deg) translateX(-180px);
transform: rotate(56.5deg) translateX(-180px);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0
}
.ih-item.square.effect4 .mask2 {
top: auto;
bottom: 0;
left: 0;
-webkit-transform: rotate(56.5deg) translateX(180px);
-moz-transform: rotate(56.5deg) translateX(180px);
-ms-transform: rotate(56.5deg) translateX(180px);
-o-transform: rotate(56.5deg) translateX(180px);
transform: rotate(56.5deg) translateX(180px);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%
}
.ih-item.square.effect4 .info {
background: #111;
height: 0;
visibility: hidden;
width: 361px;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transition: all .35s ease-in-out .35s;
-moz-transition: all .35s ease-in-out .35s;
transition: all .35s ease-in-out .35s
}
.ih-item.square.effect4 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: 0 0;
margin-top: 5px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
transition: all .35s ease-in-out .35s
}
.ih-item.square.effect4 .info h3,
.ih-item.square.effect4 .info p {
opacity: 0;
-webkit-transition: all .35s ease-in-out .35s;
-moz-transition: all .35s ease-in-out .35s
}
.ih-item.square.effect5 .info h3,
.ih-item.square.effect6 .info h3,
.ih-item.square.effect7 .info h3,
.ih-item.square.effect8 .info h3 {
text-align: center;
text-transform: uppercase;
margin: 30px 0 0
}
.ih-item.square.effect4 .info h3 {
margin-bottom: 0px;
}
.ih-item.square.effect4 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 15px 15px 10px 15px;
text-align: center;
transition: all .35s ease-in-out .35s
}
.ih-item.square.effect4 a:hover .mask1 {
-webkit-transform: rotate(56.5deg) translateX(1px);
-moz-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px)
}
.ih-item.square.effect4 a:hover .mask2 {
-webkit-transform: rotate(56.5deg) translateX(-1px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px)
}
.ih-item.square.effect4 a:hover .info {
width: 100%;
height: 130px;
visibility: visible;
top: 40px;
-webkit-transform: rotate(0) translate(0, 0);
-moz-transform: rotate(0) translate(0, 0);
-ms-transform: rotate(0) translate(0, 0);
-o-transform: rotate(0) translate(0, 0);
transform: rotate(0) translate(0, 0)
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
opacity: 1
}
.ih-item.square.effect5.colored .info {
background: #1a4a72
}
.ih-item.square.effect5.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect5 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect5 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect5 .info,
.ih-item.square.effect6 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect5 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect5 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect5 a:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0
}
.ih-item.square.effect5 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect5.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg)
}
.ih-item.square.effect5.right_to_left .info {
-webkit-transform: scale(0) rotate(180deg);
-moz-transform: scale(0) rotate(180deg);
-ms-transform: scale(0) rotate(180deg);
-o-transform: scale(0) rotate(180deg);
transform: scale(0) rotate(180deg)
}
.ih-item.square.effect6.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect6.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect6 .img {
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect6 .info {
background: #333;
visibility: hidden;
opacity: 0.8 !important;
transition: all .35s ease-in-out
}
.ih-item.square.effect6 .info,
.ih-item.square.effect6 .info h3 {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect6 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
transition: all .35s ease-in-out
}
.ih-item.square.effect6 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear
}
.ih-item.square.effect6 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.ih-item.square.effect6 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect6.from_top_and_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect6.from_top_and_bottom .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect6.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect6.from_left_and_right .info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect6.top_to_bottom .info h3,
.ih-item.square.effect6.top_to_bottom .info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect6.bottom_to_top .info h3,
.ih-item.square.effect6.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect7.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect7.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect7 .img {
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect7 .img,
.ih-item.square.effect7 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect7 .info {
background: #333;
visibility: hidden;
opacity: 0.8 !important;
transition: all .35s ease-in-out
}
.ih-item.square.effect7 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all .35s .1s ease-in-out;
-moz-transition: all .35s .1s ease-in-out;
transition: all .35s .1s ease-in-out
}
.ih-item.square.effect7 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all .35s .3s linear;
-moz-transition: all .35s .3s linear;
transition: all .35s .3s linear
}
.ih-item.square.effect7 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.ih-item.square.effect7 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect8.colored .info {
background: #1a4a72
}
.ih-item.square.effect8.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect8 .img {
opacity: 1;
transition: all .35s ease-in-out
}
.ih-item.square.effect8 .img,
.ih-item.square.effect8 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect8 .info {
background: #333;
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect8 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
-webkit-transition: all .35s .1s ease-in-out;
-moz-transition: all .35s .1s ease-in-out;
transition: all .35s .1s ease-in-out
}
.ih-item.square.effect8 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
-webkit-transition: all .35s .15s linear;
-moz-transition: all .35s .15s linear;
transition: all .35s .15s linear
}
.ih-item.square.effect8 a:hover .img {
opacity: 0
}
.ih-item.square.effect8 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect8.scale_up .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect8.scale_up .info,
.ih-item.square.effect8.scale_up .info h3,
.ih-item.square.effect8.scale_up .info p {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
.ih-item.square.effect8.scale_up a:hover .img {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5)
}
.ih-item.square.effect8.scale_down .img,
.ih-item.square.effect8.scale_up a:hover .info,
.ih-item.square.effect8.scale_up a:hover .info h3,
.ih-item.square.effect8.scale_up a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect8.scale_down .info,
.ih-item.square.effect8.scale_down .info h3,
.ih-item.square.effect8.scale_down .info p {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5)
}
.ih-item.square.effect8.scale_down a:hover .img {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.square.effect8.scale_down a:hover .info,
.ih-item.square.effect8.scale_down a:hover .info h3,
.ih-item.square.effect8.scale_down a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect9 {
perspective: 900px
}
.ih-item.square.effect15,
.ih-item.square.effect9 {
-webkit-perspective: 900px;
-moz-perspective: 900px
}
.ih-item.square.effect9.colored .info .info-back {
background: #1a4a72
}
.ih-item.square.effect9.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect9 .img {
position: relative;
z-index: 11;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.ih-item.square.effect9 .info {
z-index: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.ih-item.square.effect9 .info .info-back {
opacity: 1;
width: 100%;
height: 100%;
padding-top: 30px;
background: #333
}
.ih-item.square.effect9 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 0
}
.ih-item.square.effect10 .info h3,
.ih-item.square.effect11 .info h3,
.ih-item.square.effect12 .info h3,
.ih-item.square.effect13 .info h3,
.ih-item.square.effect14 .info h3,
.ih-item.square.effect15 .info h3 {
text-transform: uppercase;
margin: 30px 0 0
}
.ih-item.square.effect9 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect9.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.square.effect9.left_to_right a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg)
}
.ih-item.square.effect9.right_to_left .img {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.square.effect9.right_to_left a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg)
}
.ih-item.square.effect9.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.square.effect9.top_to_bottom a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg)
}
.ih-item.square.effect9.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.square.effect9.bottom_to_top a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg)
}
.ih-item.square.effect10 {
overflow: hidden
}
.ih-item.square.effect10.colored .info {
background: #1a4a72
}
.ih-item.square.effect10.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect10 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect10 .info {
background: #333;
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect10 .info,
.ih-item.square.effect11 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect10 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect10 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect10 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect10.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect10.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect10.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect10.left_to_right a:hover .info,
.ih-item.square.effect10.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect10.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect10.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect10.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect10.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect10.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect10.top_to_bottom a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect10.bottom_to_top .img,
.ih-item.square.effect10.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect10.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect10.bottom_to_top a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect10.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect11.colored .info {
background: #1a4a72
}
.ih-item.square.effect11.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect11 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all .35s ease-in-out
}
.ih-item.square.effect11 .info {
background: #333;
visibility: hidden;
opacity: 0;
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.square.effect11 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect11 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect11 a:hover .img {
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.square.effect11 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect11.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect11.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect11.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect11.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect11.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect11.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect11.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect11.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect12.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect12.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect12 .img {
transition: all .35s ease-in
}
.ih-item.square.effect12 .img,
.ih-item.square.effect12 .info {
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in
}
.ih-item.square.effect12 .info {
background: #333;
visibility: hidden;
opacity: 0.8 !important;
transition: all .35s ease-in
}
.ih-item.square.effect12 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
transition: all .35s ease-in
}
.ih-item.square.effect12 .info h3,
.ih-item.square.effect12 .info p {
text-align: center;
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in
}
.ih-item.square.effect12 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
transition: all .35s ease-in
}
.ih-item.square.effect12 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect12 a:hover .info h3 {
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect12 a:hover .info p {
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
transition-delay: .25s
}
.ih-item.square.effect12.left_to_right .info {
-webkit-transform: translate(-460px, -100px) rotate(-180deg);
-moz-transform: translate(-460px, -100px) rotate(-180deg);
-ms-transform: translate(-460px, -100px) rotate(-180deg);
-o-transform: translate(-460px, -100px) rotate(-180deg);
transform: translate(-460px, -100px) rotate(-180deg)
}
.ih-item.square.effect12.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px)
}
.ih-item.square.effect12.left_to_right .info p {
-webkit-transform: translateX(-300px) rotate(-90deg);
-moz-transform: translateX(-300px) rotate(-90deg);
-ms-transform: translateX(-300px) rotate(-90deg);
-o-transform: translateX(-300px) rotate(-90deg);
transform: translateX(-300px) rotate(-90deg)
}
.ih-item.square.effect12.left_to_right a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.ih-item.square.effect12.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect12.left_to_right a:hover .info p {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect12.right_to_left .info {
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg)
}
.ih-item.square.effect12.right_to_left .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px)
}
.ih-item.square.effect12.right_to_left .info p {
-webkit-transform: translateX(300px) rotate(90deg);
-moz-transform: translateX(300px) rotate(90deg);
-ms-transform: translateX(300px) rotate(90deg);
-o-transform: translateX(300px) rotate(90deg);
transform: translateX(300px) rotate(90deg)
}
.ih-item.square.effect12.right_to_left a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.ih-item.square.effect12.right_to_left a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect12.right_to_left a:hover .info p {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect12.top_to_bottom .info {
-webkit-transform: translate(-265px, -145px) rotate(-45deg);
-moz-transform: translate(-265px, -145px) rotate(-45deg);
-ms-transform: translate(-265px, -145px) rotate(-45deg);
-o-transform: translate(-265px, -145px) rotate(-45deg);
transform: translate(-265px, -145px) rotate(-45deg)
}
.ih-item.square.effect12.top_to_bottom .info h3,
.ih-item.square.effect12.top_to_bottom .info p {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px)
}
.ih-item.square.effect12.top_to_bottom a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3,
.ih-item.square.effect12.top_to_bottom a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.ih-item.square.effect12.top_to_bottom a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.square.effect12.bottom_to_top .info {
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg)
}
.ih-item.square.effect12.bottom_to_top .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px)
}
.ih-item.square.effect12.bottom_to_top .info p {
-webkit-transform: translate(-200px, 200px);
-moz-transform: translate(-200px, 200px);
-ms-transform: translate(-200px, 200px);
-o-transform: translate(-200px, 200px);
transform: translate(-200px, 200px)
}
.ih-item.square.effect12.bottom_to_top a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3,
.ih-item.square.effect12.bottom_to_top a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.ih-item.square.effect12.bottom_to_top a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.square.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect13.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect13 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect13 .info {
background: #333;
visibility: hidden;
opacity: 0.8 !important;
pointer-events: none;
transition: all .35s ease-in-out
}
.ih-item.square.effect13 .info,
.ih-item.square.effect14 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect13 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect13 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect13 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.ih-item.square.effect13 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect13.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect13.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect13.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect13.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect13.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect13.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect13.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect13.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect14.colored .info {
background: #1a4a72
}
.ih-item.square.effect14.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect14 .img {
opacity: 1;
transition: all .35s ease-in-out
}
.ih-item.square.effect14 .info {
background: #333;
visibility: hidden;
transform: scale(.5);
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.square.effect14 .info,
.ih-item.square.effect14 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5)
}
.ih-item.square.effect14 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect14 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect14 a:hover .img {
transform: scale(.5)
}
.ih-item.square.effect14 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect14.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect14.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg)
}
.ih-item.square.effect14.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect14.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg)
}
.ih-item.square.effect14.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect14.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect14.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect14.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect15 {
perspective: 900px
}
.ih-item.square.effect15.colored .info {
background: #1a4a72
}
.ih-item.square.effect15 .img {
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ih-item.square.effect15 .info {
background: #333;
opacity: 0;
-webkit-transition: all .35s ease-in-out .3s;
-moz-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s
}
.ih-item.square.effect15 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect15 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect15 a:hover .img {
opacity: 0;
visibility: hidden
}
.ih-item.square.effect15 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect15.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.square.effect15.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.square.effect15.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg)
}
.ih-item.square.effect15.left_to_right a:hover .info {
transform: rotateY(0)
}
.ih-item.square.effect15.left_to_right a:hover .info,
.ih-item.square.effect15.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0)
}
.ih-item.square.effect15.right_to_left .img {
transform: rotateY(0);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.square.effect15.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.square.effect15.right_to_left a:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg)
}
.ih-item.square.effect15.right_to_left a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0)
}
.ih-item.square.effect15.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.square.effect15.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.square.effect15.top_to_bottom a:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg)
}
.ih-item.square.effect15.top_to_bottom a:hover .info {
transform: rotateX(0)
}
.ih-item.square.effect15.bottom_to_top .img,
.ih-item.square.effect15.top_to_bottom a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0)
}
.ih-item.square.effect15.bottom_to_top .img {
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.square.effect15.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.square.effect15.bottom_to_top a:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg)
}
.ih-item.square.effect15.bottom_to_top a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0)
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
;
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Lustria, Georgia, "Times New Roman", Times, serif
}
.bs-docs-nav .navbar-nav>.active>a,
.bs-docs-nav .navbar-nav>.active>a:hover {
background-color: #222132
}
.bs-docs-nav .navbar-toggle:hover {
background-color: #383550;
border-color: #222132
}
.navbar-nav {
margin: 0 -15px
}
@media (min-width:768px) {
.navbar-nav {
margin: 0
}
}
.bs-docs-nav .navbar-collapse {
border-color: transparent
}
.header { }
.bs-docs-home,
.bs-header {
color: #c8c8e6
}
.bs-footer,
.bs-footer a {
color: #575781
}
.highlight pre {
white-space: pre
}
.section-heading {
padding-top: 80px
}
.section-heading.first-child {
margin-top: 0;
padding-top: 0
}
.bs-footer {
background-color: #2C2C44
}
.ih-item.square .img,
.ih-item.square .img img { }
.ih-item.square.effect16.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect16.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect16 .img {
transition: all .35s ease-in
}
.ih-item.square.effect16 .img,
.ih-item.square.effect16 .info {
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in
}
.ih-item.square.effect16 .info {
background: #333;
background: rgba(0, 0, 0, .6);
visibility: hidden;
opacity: 0;
transition: all .35s ease-in
}
.ih-item.square.effect16 .info h3 {
text-transform: uppercase;
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0;
transition: all .35s ease-in
}
.ih-item.square.effect16 .info h3,
.ih-item.square.effect16 .info p {
text-align: center;
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in
}
.ih-item.square.effect16 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
transition: all .35s ease-in
}
.ih-item.square.effect16 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect16 a:hover .info h3 {
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect16 a:hover .info p {
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
transition-delay: .25s
}
.ih-item.square.effect16.left_to_right .info {
-webkit-transform: translate(-460px, -100px) rotate(-180deg);
-moz-transform: translate(-460px, -100px) rotate(-180deg);
-ms-transform: translate(-460px, -100px) rotate(-180deg);
-o-transform: translate(-460px, -100px) rotate(-180deg);
transform: translate(-460px, -100px) rotate(-180deg)
}
.ih-item.square.effect16.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px)
}
.ih-item.square.effect16.left_to_right .info p {
-webkit-transform: translateX(-300px) rotate(-90deg);
-moz-transform: translateX(-300px) rotate(-90deg);
-ms-transform: translateX(-300px) rotate(-90deg);
-o-transform: translateX(-300px) rotate(-90deg);
transform: translateX(-300px) rotate(-90deg)
}
.ih-item.square.effect16.left_to_right a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.ih-item.square.effect16.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect16.left_to_right a:hover .info p {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect16.right_to_left .info {
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg)
}
.ih-item.square.effect16.right_to_left .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px)
}
.ih-item.square.effect16.right_to_left .info p {
-webkit-transform: translateX(300px) rotate(90deg);
-moz-transform: translateX(300px) rotate(90deg);
-ms-transform: translateX(300px) rotate(90deg);
-o-transform: translateX(300px) rotate(90deg);
transform: translateX(300px) rotate(90deg)
}
.ih-item.square.effect16.right_to_left a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.ih-item.square.effect16.right_to_left a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect16.right_to_left a:hover .info p {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect16.top_to_bottom .info {
-webkit-transform: translate(-265px, -145px) rotate(-45deg);
-moz-transform: translate(-265px, -145px) rotate(-45deg);
-ms-transform: translate(-265px, -145px) rotate(-45deg);
-o-transform: translate(-265px, -145px) rotate(-45deg);
transform: translate(-265px, -145px) rotate(-45deg)
}
.ih-item.square.effect16.top_to_bottom .info h3,
.ih-item.square.effect16.top_to_bottom .info p {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px)
}
.ih-item.square.effect16.top_to_bottom a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect16.top_to_bottom a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect16.top_to_bottom a:hover .info h3,
.ih-item.square.effect16.top_to_bottom a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.ih-item.square.effect16.top_to_bottom a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.square.effect16.bottom_to_top .info {
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg)
}
.ih-item.square.effect16.bottom_to_top .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px)
}
.ih-item.square.effect16.bottom_to_top .info p {
-webkit-transform: translate(-200px, 200px);
-moz-transform: translate(-200px, 200px);
-ms-transform: translate(-200px, 200px);
-o-transform: translate(-200px, 200px);
transform: translate(-200px, 200px)
}
.ih-item.square.effect16.bottom_to_top a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect16.bottom_to_top a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect16.bottom_to_top a:hover .info h3,
.ih-item.square.effect16.bottom_to_top a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.ih-item.square.effect16.bottom_to_top a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.square.effect17.colored .info {
background: #1a4a72
}
.ih-item.square.effect17.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect17 .img {
transition: all .35s ease-in-out
}
.ih-item.square.effect17 .img,
.ih-item.square.effect17 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect17 .info {
background: #333;
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect17 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0
}
.ih-item.square.effect17 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect17 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect17.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect17.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect17.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect17.left_to_right a:hover .info,
.ih-item.square.effect17.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect17.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect17.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect17.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect17.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect17.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect17.top_to_bottom a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect17.bottom_to_top .img,
.ih-item.square.effect17.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect17.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect17.bottom_to_top a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect17.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect18.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect18.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect18 .img {
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect18 .img,
.ih-item.square.effect18 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect18 .info {
background: #333;
background: rgba(0, 0, 0, .6);
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect18 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0;
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all .35s .1s ease-in-out;
-moz-transition: all .35s .1s ease-in-out;
transition: all .35s .1s ease-in-out
}
.ih-item.square.effect18 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all .35s .3s linear;
-moz-transition: all .35s .3s linear;
transition: all .35s .3s linear
}
.ih-item.square.effect18 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.ih-item.square.effect18 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect18 a:hover .info h3,
.ih-item.square.effect18 a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect19.colored .info {
background: #1a4a72
}
.ih-item.square.effect19.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect19 .img {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1)
}
.ih-item.square.effect19 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s .3s ease-in-out;
-moz-transition: all .35s .3s ease-in-out;
transition: all .35s .3s ease-in-out
}
.ih-item.square.effect19 .info h3 {
text-transform: uppercase;
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0;
transform: translateY(-200px);
-webkit-transition: all .35s .6s ease-in-out;
-moz-transition: all .35s .6s ease-in-out;
transition: all .35s .6s ease-in-out
}
.ih-item.square.effect19 .info h3,
.ih-item.square.effect19 .info p {
text-align: center;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px)
}
.ih-item.square.effect19 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
transform: translateY(-200px);
-webkit-transition: all .35s .5s linear;
-moz-transition: all .35s .5s linear;
transition: all .35s .5s linear
}
.ih-item.square.effect19 a:hover .img {
-webkit-transform: rotate(720deg) scale(0);
-moz-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
opacity: 0
}
.ih-item.square.effect19 a:hover .info {
visibility: visible
}
.ih-item.square.effect19 a:hover .info h3,
.ih-item.square.effect19 a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect20.colored .info {
background: #1a4a72
}
.ih-item.square.effect20.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect20 .img {
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect20 .img,
.ih-item.square.effect20 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect20 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect20 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0
}
.ih-item.square.effect20 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect20 a:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0
}
.ih-item.square.effect20 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect20.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg)
}
.ih-item.square.effect20.right_to_left .info {
-webkit-transform: scale(0) rotate(180deg);
-moz-transform: scale(0) rotate(180deg);
-ms-transform: scale(0) rotate(180deg);
-o-transform: scale(0) rotate(180deg);
transform: scale(0) rotate(180deg)
}
.ih-item.circle {
border: none !important;
} .ih-item.square.effect6.ihe-fade:hover .info{ }
.ih-item.square.effect6.ihe-fade:hover .img{
transform: scale(1.0) !important;
}
.ih-item.square.effect6.ihe-fade .info {
background: ;
visibility: hidden;
opacity: 0 !important;
transition: opacity 1s linear; 
transition: all .35s ease-in-out;
background-color: rgba(0,0,0,0.5) !important;
}
.ih-item.square.effect6.ihe-fade a:hover .info {
visibility: visible;
opacity: 1 !important;
}
.ih-item.square.effect6.ihe-fade h3,
.ih-item.square.effect6.ihe-fade p {
background: transparent;
-webkit-transform: translateY(0%) !important;
-moz-transform: translateY(0%) !important;
-ms-transform: translateY(0%) !important;
-o-transform: translateY(0%) !important;
transform: translateY(0%) !important;
padding: 0;
} .maw_portfolioGallery_wrapper .ih-item a {
display: block;
}
.maw_portfolioGallery_wrapper .ih-item.square {
box-shadow: none;
} .maw_image_swap.ih-item.square.effect6 .info,
.maw_image_swap.ih-item.square.effect6 .info h3 {
-webkit-transition: all .20s ease-in-out;
-moz-transition: all .20s ease-in-out
}
.maw_image_swap.ih-item {
box-sizing: initial !important;
} .maw_img_swap_fade {
position: relative;
width: 100%;
}
.maw_img_swap_fade img {
display: block;
width: 100%;
height: auto;
}
.maw_img_swap_fade .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .2s ease;
}
.maw_img_swap_fade:not( :hover ) .info{
transition-delay: .3s !important;
}
.maw_img_swap_fade:hover .info {
opacity: 1;
}.blink_me {
animation: blinker 0.5s linear infinite;
font-size: 15px;
}
@keyframes blinker {  
50% { opacity: 0; }
} .mega-info-list li:first-child{
padding-top: 0px !important;
}.fa,
.fas,
.far,
.fal,
.fad,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em; }
.fa-xs {
font-size: .75em; }
.fa-sm {
font-size: .875em; }
.fa-1x {
font-size: 1em; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-6x {
font-size: 6em; }
.fa-7x {
font-size: 7em; }
.fa-8x {
font-size: 8em; }
.fa-9x {
font-size: 9em; }
.fa-10x {
font-size: 10em; }
.fa-fw {
text-align: center;
width: 1.25em; }
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0; }
.fa-ul > li {
position: relative; }
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit; }
.fa-border {
border: solid 0.08em #eee;
border-radius: .1em;
padding: .2em .25em .15em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1); }
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none; }
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em; }
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; } .fa-500px:before {
content: "\f26e"; }
.fa-accessible-icon:before {
content: "\f368"; }
.fa-accusoft:before {
content: "\f369"; }
.fa-acquisitions-incorporated:before {
content: "\f6af"; }
.fa-ad:before {
content: "\f641"; }
.fa-address-book:before {
content: "\f2b9"; }
.fa-address-card:before {
content: "\f2bb"; }
.fa-adjust:before {
content: "\f042"; }
.fa-adn:before {
content: "\f170"; }
.fa-adobe:before {
content: "\f778"; }
.fa-adversal:before {
content: "\f36a"; }
.fa-affiliatetheme:before {
content: "\f36b"; }
.fa-air-freshener:before {
content: "\f5d0"; }
.fa-airbnb:before {
content: "\f834"; }
.fa-algolia:before {
content: "\f36c"; }
.fa-align-center:before {
content: "\f037"; }
.fa-align-justify:before {
content: "\f039"; }
.fa-align-left:before {
content: "\f036"; }
.fa-align-right:before {
content: "\f038"; }
.fa-alipay:before {
content: "\f642"; }
.fa-allergies:before {
content: "\f461"; }
.fa-amazon:before {
content: "\f270"; }
.fa-amazon-pay:before {
content: "\f42c"; }
.fa-ambulance:before {
content: "\f0f9"; }
.fa-american-sign-language-interpreting:before {
content: "\f2a3"; }
.fa-amilia:before {
content: "\f36d"; }
.fa-anchor:before {
content: "\f13d"; }
.fa-android:before {
content: "\f17b"; }
.fa-angellist:before {
content: "\f209"; }
.fa-angle-double-down:before {
content: "\f103"; }
.fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-angle-down:before {
content: "\f107"; }
.fa-angle-left:before {
content: "\f104"; }
.fa-angle-right:before {
content: "\f105"; }
.fa-angle-up:before {
content: "\f106"; }
.fa-angry:before {
content: "\f556"; }
.fa-angrycreative:before {
content: "\f36e"; }
.fa-angular:before {
content: "\f420"; }
.fa-ankh:before {
content: "\f644"; }
.fa-app-store:before {
content: "\f36f"; }
.fa-app-store-ios:before {
content: "\f370"; }
.fa-apper:before {
content: "\f371"; }
.fa-apple:before {
content: "\f179"; }
.fa-apple-alt:before {
content: "\f5d1"; }
.fa-apple-pay:before {
content: "\f415"; }
.fa-archive:before {
content: "\f187"; }
.fa-archway:before {
content: "\f557"; }
.fa-arrow-alt-circle-down:before {
content: "\f358"; }
.fa-arrow-alt-circle-left:before {
content: "\f359"; }
.fa-arrow-alt-circle-right:before {
content: "\f35a"; }
.fa-arrow-alt-circle-up:before {
content: "\f35b"; }
.fa-arrow-circle-down:before {
content: "\f0ab"; }
.fa-arrow-circle-left:before {
content: "\f0a8"; }
.fa-arrow-circle-right:before {
content: "\f0a9"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-down:before {
content: "\f063"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-arrows-alt:before {
content: "\f0b2"; }
.fa-arrows-alt-h:before {
content: "\f337"; }
.fa-arrows-alt-v:before {
content: "\f338"; }
.fa-artstation:before {
content: "\f77a"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
.fa-asterisk:before {
content: "\f069"; }
.fa-asymmetrik:before {
content: "\f372"; }
.fa-at:before {
content: "\f1fa"; }
.fa-atlas:before {
content: "\f558"; }
.fa-atlassian:before {
content: "\f77b"; }
.fa-atom:before {
content: "\f5d2"; }
.fa-audible:before {
content: "\f373"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-autoprefixer:before {
content: "\f41c"; }
.fa-avianex:before {
content: "\f374"; }
.fa-aviato:before {
content: "\f421"; }
.fa-award:before {
content: "\f559"; }
.fa-aws:before {
content: "\f375"; }
.fa-baby:before {
content: "\f77c"; }
.fa-baby-carriage:before {
content: "\f77d"; }
.fa-backspace:before {
content: "\f55a"; }
.fa-backward:before {
content: "\f04a"; }
.fa-bacon:before {
content: "\f7e5"; }
.fa-bahai:before {
content: "\f666"; }
.fa-balance-scale:before {
content: "\f24e"; }
.fa-balance-scale-left:before {
content: "\f515"; }
.fa-balance-scale-right:before {
content: "\f516"; }
.fa-ban:before {
content: "\f05e"; }
.fa-band-aid:before {
content: "\f462"; }
.fa-bandcamp:before {
content: "\f2d5"; }
.fa-barcode:before {
content: "\f02a"; }
.fa-bars:before {
content: "\f0c9"; }
.fa-baseball-ball:before {
content: "\f433"; }
.fa-basketball-ball:before {
content: "\f434"; }
.fa-bath:before {
content: "\f2cd"; }
.fa-battery-empty:before {
content: "\f244"; }
.fa-battery-full:before {
content: "\f240"; }
.fa-battery-half:before {
content: "\f242"; }
.fa-battery-quarter:before {
content: "\f243"; }
.fa-battery-three-quarters:before {
content: "\f241"; }
.fa-battle-net:before {
content: "\f835"; }
.fa-bed:before {
content: "\f236"; }
.fa-beer:before {
content: "\f0fc"; }
.fa-behance:before {
content: "\f1b4"; }
.fa-behance-square:before {
content: "\f1b5"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-bell-slash:before {
content: "\f1f6"; }
.fa-bezier-curve:before {
content: "\f55b"; }
.fa-bible:before {
content: "\f647"; }
.fa-bicycle:before {
content: "\f206"; }
.fa-biking:before {
content: "\f84a"; }
.fa-bimobject:before {
content: "\f378"; }
.fa-binoculars:before {
content: "\f1e5"; }
.fa-biohazard:before {
content: "\f780"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
.fa-bitbucket:before {
content: "\f171"; }
.fa-bitcoin:before {
content: "\f379"; }
.fa-bity:before {
content: "\f37a"; }
.fa-black-tie:before {
content: "\f27e"; }
.fa-blackberry:before {
content: "\f37b"; }
.fa-blender:before {
content: "\f517"; }
.fa-blender-phone:before {
content: "\f6b6"; }
.fa-blind:before {
content: "\f29d"; }
.fa-blog:before {
content: "\f781"; }
.fa-blogger:before {
content: "\f37c"; }
.fa-blogger-b:before {
content: "\f37d"; }
.fa-bluetooth:before {
content: "\f293"; }
.fa-bluetooth-b:before {
content: "\f294"; }
.fa-bold:before {
content: "\f032"; }
.fa-bolt:before {
content: "\f0e7"; }
.fa-bomb:before {
content: "\f1e2"; }
.fa-bone:before {
content: "\f5d7"; }
.fa-bong:before {
content: "\f55c"; }
.fa-book:before {
content: "\f02d"; }
.fa-book-dead:before {
content: "\f6b7"; }
.fa-book-medical:before {
content: "\f7e6"; }
.fa-book-open:before {
content: "\f518"; }
.fa-book-reader:before {
content: "\f5da"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-bootstrap:before {
content: "\f836"; }
.fa-border-all:before {
content: "\f84c"; }
.fa-border-none:before {
content: "\f850"; }
.fa-border-style:before {
content: "\f853"; }
.fa-bowling-ball:before {
content: "\f436"; }
.fa-box:before {
content: "\f466"; }
.fa-box-open:before {
content: "\f49e"; }
.fa-boxes:before {
content: "\f468"; }
.fa-braille:before {
content: "\f2a1"; }
.fa-brain:before {
content: "\f5dc"; }
.fa-bread-slice:before {
content: "\f7ec"; }
.fa-briefcase:before {
content: "\f0b1"; }
.fa-briefcase-medical:before {
content: "\f469"; }
.fa-broadcast-tower:before {
content: "\f519"; }
.fa-broom:before {
content: "\f51a"; }
.fa-brush:before {
content: "\f55d"; }
.fa-btc:before {
content: "\f15a"; }
.fa-buffer:before {
content: "\f837"; }
.fa-bug:before {
content: "\f188"; }
.fa-building:before {
content: "\f1ad"; }
.fa-bullhorn:before {
content: "\f0a1"; }
.fa-bullseye:before {
content: "\f140"; }
.fa-burn:before {
content: "\f46a"; }
.fa-buromobelexperte:before {
content: "\f37f"; }
.fa-bus:before {
content: "\f207"; }
.fa-bus-alt:before {
content: "\f55e"; }
.fa-business-time:before {
content: "\f64a"; }
.fa-buy-n-large:before {
content: "\f8a6"; }
.fa-buysellads:before {
content: "\f20d"; }
.fa-calculator:before {
content: "\f1ec"; }
.fa-calendar:before {
content: "\f133"; }
.fa-calendar-alt:before {
content: "\f073"; }
.fa-calendar-check:before {
content: "\f274"; }
.fa-calendar-day:before {
content: "\f783"; }
.fa-calendar-minus:before {
content: "\f272"; }
.fa-calendar-plus:before {
content: "\f271"; }
.fa-calendar-times:before {
content: "\f273"; }
.fa-calendar-week:before {
content: "\f784"; }
.fa-camera:before {
content: "\f030"; }
.fa-camera-retro:before {
content: "\f083"; }
.fa-campground:before {
content: "\f6bb"; }
.fa-canadian-maple-leaf:before {
content: "\f785"; }
.fa-candy-cane:before {
content: "\f786"; }
.fa-cannabis:before {
content: "\f55f"; }
.fa-capsules:before {
content: "\f46b"; }
.fa-car:before {
content: "\f1b9"; }
.fa-car-alt:before {
content: "\f5de"; }
.fa-car-battery:before {
content: "\f5df"; }
.fa-car-crash:before {
content: "\f5e1"; }
.fa-car-side:before {
content: "\f5e4"; }
.fa-caravan:before {
content: "\f8ff"; }
.fa-caret-down:before {
content: "\f0d7"; }
.fa-caret-left:before {
content: "\f0d9"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-caret-square-down:before {
content: "\f150"; }
.fa-caret-square-left:before {
content: "\f191"; }
.fa-caret-square-right:before {
content: "\f152"; }
.fa-caret-square-up:before {
content: "\f151"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-carrot:before {
content: "\f787"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cash-register:before {
content: "\f788"; }
.fa-cat:before {
content: "\f6be"; }
.fa-cc-amazon-pay:before {
content: "\f42d"; }
.fa-cc-amex:before {
content: "\f1f3"; }
.fa-cc-apple-pay:before {
content: "\f416"; }
.fa-cc-diners-club:before {
content: "\f24c"; }
.fa-cc-discover:before {
content: "\f1f2"; }
.fa-cc-jcb:before {
content: "\f24b"; }
.fa-cc-mastercard:before {
content: "\f1f1"; }
.fa-cc-paypal:before {
content: "\f1f4"; }
.fa-cc-stripe:before {
content: "\f1f5"; }
.fa-cc-visa:before {
content: "\f1f0"; }
.fa-centercode:before {
content: "\f380"; }
.fa-centos:before {
content: "\f789"; }
.fa-certificate:before {
content: "\f0a3"; }
.fa-chair:before {
content: "\f6c0"; }
.fa-chalkboard:before {
content: "\f51b"; }
.fa-chalkboard-teacher:before {
content: "\f51c"; }
.fa-charging-station:before {
content: "\f5e7"; }
.fa-chart-area:before {
content: "\f1fe"; }
.fa-chart-bar:before {
content: "\f080"; }
.fa-chart-line:before {
content: "\f201"; }
.fa-chart-pie:before {
content: "\f200"; }
.fa-check:before {
content: "\f00c"; }
.fa-check-circle:before {
content: "\f058"; }
.fa-check-double:before {
content: "\f560"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-cheese:before {
content: "\f7ef"; }
.fa-chess:before {
content: "\f439"; }
.fa-chess-bishop:before {
content: "\f43a"; }
.fa-chess-board:before {
content: "\f43c"; }
.fa-chess-king:before {
content: "\f43f"; }
.fa-chess-knight:before {
content: "\f441"; }
.fa-chess-pawn:before {
content: "\f443"; }
.fa-chess-queen:before {
content: "\f445"; }
.fa-chess-rook:before {
content: "\f447"; }
.fa-chevron-circle-down:before {
content: "\f13a"; }
.fa-chevron-circle-left:before {
content: "\f137"; }
.fa-chevron-circle-right:before {
content: "\f138"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-down:before {
content: "\f078"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-child:before {
content: "\f1ae"; }
.fa-chrome:before {
content: "\f268"; }
.fa-chromecast:before {
content: "\f838"; }
.fa-church:before {
content: "\f51d"; }
.fa-circle:before {
content: "\f111"; }
.fa-circle-notch:before {
content: "\f1ce"; }
.fa-city:before {
content: "\f64f"; }
.fa-clinic-medical:before {
content: "\f7f2"; }
.fa-clipboard:before {
content: "\f328"; }
.fa-clipboard-check:before {
content: "\f46c"; }
.fa-clipboard-list:before {
content: "\f46d"; }
.fa-clock:before {
content: "\f017"; }
.fa-clone:before {
content: "\f24d"; }
.fa-closed-captioning:before {
content: "\f20a"; }
.fa-cloud:before {
content: "\f0c2"; }
.fa-cloud-download-alt:before {
content: "\f381"; }
.fa-cloud-meatball:before {
content: "\f73b"; }
.fa-cloud-moon:before {
content: "\f6c3"; }
.fa-cloud-moon-rain:before {
content: "\f73c"; }
.fa-cloud-rain:before {
content: "\f73d"; }
.fa-cloud-showers-heavy:before {
content: "\f740"; }
.fa-cloud-sun:before {
content: "\f6c4"; }
.fa-cloud-sun-rain:before {
content: "\f743"; }
.fa-cloud-upload-alt:before {
content: "\f382"; }
.fa-cloudscale:before {
content: "\f383"; }
.fa-cloudsmith:before {
content: "\f384"; }
.fa-cloudversify:before {
content: "\f385"; }
.fa-cocktail:before {
content: "\f561"; }
.fa-code:before {
content: "\f121"; }
.fa-code-branch:before {
content: "\f126"; }
.fa-codepen:before {
content: "\f1cb"; }
.fa-codiepie:before {
content: "\f284"; }
.fa-coffee:before {
content: "\f0f4"; }
.fa-cog:before {
content: "\f013"; }
.fa-cogs:before {
content: "\f085"; }
.fa-coins:before {
content: "\f51e"; }
.fa-columns:before {
content: "\f0db"; }
.fa-comment:before {
content: "\f075"; }
.fa-comment-alt:before {
content: "\f27a"; }
.fa-comment-dollar:before {
content: "\f651"; }
.fa-comment-dots:before {
content: "\f4ad"; }
.fa-comment-medical:before {
content: "\f7f5"; }
.fa-comment-slash:before {
content: "\f4b3"; }
.fa-comments:before {
content: "\f086"; }
.fa-comments-dollar:before {
content: "\f653"; }
.fa-compact-disc:before {
content: "\f51f"; }
.fa-compass:before {
content: "\f14e"; }
.fa-compress:before {
content: "\f066"; }
.fa-compress-alt:before {
content: "\f422"; }
.fa-compress-arrows-alt:before {
content: "\f78c"; }
.fa-concierge-bell:before {
content: "\f562"; }
.fa-confluence:before {
content: "\f78d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
.fa-contao:before {
content: "\f26d"; }
.fa-cookie:before {
content: "\f563"; }
.fa-cookie-bite:before {
content: "\f564"; }
.fa-copy:before {
content: "\f0c5"; }
.fa-copyright:before {
content: "\f1f9"; }
.fa-cotton-bureau:before {
content: "\f89e"; }
.fa-couch:before {
content: "\f4b8"; }
.fa-cpanel:before {
content: "\f388"; }
.fa-creative-commons:before {
content: "\f25e"; }
.fa-creative-commons-by:before {
content: "\f4e7"; }
.fa-creative-commons-nc:before {
content: "\f4e8"; }
.fa-creative-commons-nc-eu:before {
content: "\f4e9"; }
.fa-creative-commons-nc-jp:before {
content: "\f4ea"; }
.fa-creative-commons-nd:before {
content: "\f4eb"; }
.fa-creative-commons-pd:before {
content: "\f4ec"; }
.fa-creative-commons-pd-alt:before {
content: "\f4ed"; }
.fa-creative-commons-remix:before {
content: "\f4ee"; }
.fa-creative-commons-sa:before {
content: "\f4ef"; }
.fa-creative-commons-sampling:before {
content: "\f4f0"; }
.fa-creative-commons-sampling-plus:before {
content: "\f4f1"; }
.fa-creative-commons-share:before {
content: "\f4f2"; }
.fa-creative-commons-zero:before {
content: "\f4f3"; }
.fa-credit-card:before {
content: "\f09d"; }
.fa-critical-role:before {
content: "\f6c9"; }
.fa-crop:before {
content: "\f125"; }
.fa-crop-alt:before {
content: "\f565"; }
.fa-cross:before {
content: "\f654"; }
.fa-crosshairs:before {
content: "\f05b"; }
.fa-crow:before {
content: "\f520"; }
.fa-crown:before {
content: "\f521"; }
.fa-crutch:before {
content: "\f7f7"; }
.fa-css3:before {
content: "\f13c"; }
.fa-css3-alt:before {
content: "\f38b"; }
.fa-cube:before {
content: "\f1b2"; }
.fa-cubes:before {
content: "\f1b3"; }
.fa-cut:before {
content: "\f0c4"; }
.fa-cuttlefish:before {
content: "\f38c"; }
.fa-d-and-d:before {
content: "\f38d"; }
.fa-d-and-d-beyond:before {
content: "\f6ca"; }
.fa-dashcube:before {
content: "\f210"; }
.fa-database:before {
content: "\f1c0"; }
.fa-deaf:before {
content: "\f2a4"; }
.fa-delicious:before {
content: "\f1a5"; }
.fa-democrat:before {
content: "\f747"; }
.fa-deploydog:before {
content: "\f38e"; }
.fa-deskpro:before {
content: "\f38f"; }
.fa-desktop:before {
content: "\f108"; }
.fa-dev:before {
content: "\f6cc"; }
.fa-deviantart:before {
content: "\f1bd"; }
.fa-dharmachakra:before {
content: "\f655"; }
.fa-dhl:before {
content: "\f790"; }
.fa-diagnoses:before {
content: "\f470"; }
.fa-diaspora:before {
content: "\f791"; }
.fa-dice:before {
content: "\f522"; }
.fa-dice-d20:before {
content: "\f6cf"; }
.fa-dice-d6:before {
content: "\f6d1"; }
.fa-dice-five:before {
content: "\f523"; }
.fa-dice-four:before {
content: "\f524"; }
.fa-dice-one:before {
content: "\f525"; }
.fa-dice-six:before {
content: "\f526"; }
.fa-dice-three:before {
content: "\f527"; }
.fa-dice-two:before {
content: "\f528"; }
.fa-digg:before {
content: "\f1a6"; }
.fa-digital-ocean:before {
content: "\f391"; }
.fa-digital-tachograph:before {
content: "\f566"; }
.fa-directions:before {
content: "\f5eb"; }
.fa-discord:before {
content: "\f392"; }
.fa-discourse:before {
content: "\f393"; }
.fa-divide:before {
content: "\f529"; }
.fa-dizzy:before {
content: "\f567"; }
.fa-dna:before {
content: "\f471"; }
.fa-dochub:before {
content: "\f394"; }
.fa-docker:before {
content: "\f395"; }
.fa-dog:before {
content: "\f6d3"; }
.fa-dollar-sign:before {
content: "\f155"; }
.fa-dolly:before {
content: "\f472"; }
.fa-dolly-flatbed:before {
content: "\f474"; }
.fa-donate:before {
content: "\f4b9"; }
.fa-door-closed:before {
content: "\f52a"; }
.fa-door-open:before {
content: "\f52b"; }
.fa-dot-circle:before {
content: "\f192"; }
.fa-dove:before {
content: "\f4ba"; }
.fa-download:before {
content: "\f019"; }
.fa-draft2digital:before {
content: "\f396"; }
.fa-drafting-compass:before {
content: "\f568"; }
.fa-dragon:before {
content: "\f6d5"; }
.fa-draw-polygon:before {
content: "\f5ee"; }
.fa-dribbble:before {
content: "\f17d"; }
.fa-dribbble-square:before {
content: "\f397"; }
.fa-dropbox:before {
content: "\f16b"; }
.fa-drum:before {
content: "\f569"; }
.fa-drum-steelpan:before {
content: "\f56a"; }
.fa-drumstick-bite:before {
content: "\f6d7"; }
.fa-drupal:before {
content: "\f1a9"; }
.fa-dumbbell:before {
content: "\f44b"; }
.fa-dumpster:before {
content: "\f793"; }
.fa-dumpster-fire:before {
content: "\f794"; }
.fa-dungeon:before {
content: "\f6d9"; }
.fa-dyalog:before {
content: "\f399"; }
.fa-earlybirds:before {
content: "\f39a"; }
.fa-ebay:before {
content: "\f4f4"; }
.fa-edge:before {
content: "\f282"; }
.fa-edit:before {
content: "\f044"; }
.fa-egg:before {
content: "\f7fb"; }
.fa-eject:before {
content: "\f052"; }
.fa-elementor:before {
content: "\f430"; }
.fa-ellipsis-h:before {
content: "\f141"; }
.fa-ellipsis-v:before {
content: "\f142"; }
.fa-ello:before {
content: "\f5f1"; }
.fa-ember:before {
content: "\f423"; }
.fa-empire:before {
content: "\f1d1"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-envelope-open:before {
content: "\f2b6"; }
.fa-envelope-open-text:before {
content: "\f658"; }
.fa-envelope-square:before {
content: "\f199"; }
.fa-envira:before {
content: "\f299"; }
.fa-equals:before {
content: "\f52c"; }
.fa-eraser:before {
content: "\f12d"; }
.fa-erlang:before {
content: "\f39d"; }
.fa-ethereum:before {
content: "\f42e"; }
.fa-ethernet:before {
content: "\f796"; }
.fa-etsy:before {
content: "\f2d7"; }
.fa-euro-sign:before {
content: "\f153"; }
.fa-evernote:before {
content: "\f839"; }
.fa-exchange-alt:before {
content: "\f362"; }
.fa-exclamation:before {
content: "\f12a"; }
.fa-exclamation-circle:before {
content: "\f06a"; }
.fa-exclamation-triangle:before {
content: "\f071"; }
.fa-expand:before {
content: "\f065"; }
.fa-expand-alt:before {
content: "\f424"; }
.fa-expand-arrows-alt:before {
content: "\f31e"; }
.fa-expeditedssl:before {
content: "\f23e"; }
.fa-external-link-alt:before {
content: "\f35d"; }
.fa-external-link-square-alt:before {
content: "\f360"; }
.fa-eye:before {
content: "\f06e"; }
.fa-eye-dropper:before {
content: "\f1fb"; }
.fa-eye-slash:before {
content: "\f070"; }
.fa-facebook:before {
content: "\f09a"; }
.fa-facebook-f:before {
content: "\f39e"; }
.fa-facebook-messenger:before {
content: "\f39f"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-fan:before {
content: "\f863"; }
.fa-fantasy-flight-games:before {
content: "\f6dc"; }
.fa-fast-backward:before {
content: "\f049"; }
.fa-fast-forward:before {
content: "\f050"; }
.fa-fax:before {
content: "\f1ac"; }
.fa-feather:before {
content: "\f52d"; }
.fa-feather-alt:before {
content: "\f56b"; }
.fa-fedex:before {
content: "\f797"; }
.fa-fedora:before {
content: "\f798"; }
.fa-female:before {
content: "\f182"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-figma:before {
content: "\f799"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-alt:before {
content: "\f15c"; }
.fa-file-archive:before {
content: "\f1c6"; }
.fa-file-audio:before {
content: "\f1c7"; }
.fa-file-code:before {
content: "\f1c9"; }
.fa-file-contract:before {
content: "\f56c"; }
.fa-file-csv:before {
content: "\f6dd"; }
.fa-file-download:before {
content: "\f56d"; }
.fa-file-excel:before {
content: "\f1c3"; }
.fa-file-export:before {
content: "\f56e"; }
.fa-file-image:before {
content: "\f1c5"; }
.fa-file-import:before {
content: "\f56f"; }
.fa-file-invoice:before {
content: "\f570"; }
.fa-file-invoice-dollar:before {
content: "\f571"; }
.fa-file-medical:before {
content: "\f477"; }
.fa-file-medical-alt:before {
content: "\f478"; }
.fa-file-pdf:before {
content: "\f1c1"; }
.fa-file-powerpoint:before {
content: "\f1c4"; }
.fa-file-prescription:before {
content: "\f572"; }
.fa-file-signature:before {
content: "\f573"; }
.fa-file-upload:before {
content: "\f574"; }
.fa-file-video:before {
content: "\f1c8"; }
.fa-file-word:before {
content: "\f1c2"; }
.fa-fill:before {
content: "\f575"; }
.fa-fill-drip:before {
content: "\f576"; }
.fa-film:before {
content: "\f008"; }
.fa-filter:before {
content: "\f0b0"; }
.fa-fingerprint:before {
content: "\f577"; }
.fa-fire:before {
content: "\f06d"; }
.fa-fire-alt:before {
content: "\f7e4"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
.fa-firefox:before {
content: "\f269"; }
.fa-firefox-browser:before {
content: "\f907"; }
.fa-first-aid:before {
content: "\f479"; }
.fa-first-order:before {
content: "\f2b0"; }
.fa-first-order-alt:before {
content: "\f50a"; }
.fa-firstdraft:before {
content: "\f3a1"; }
.fa-fish:before {
content: "\f578"; }
.fa-fist-raised:before {
content: "\f6de"; }
.fa-flag:before {
content: "\f024"; }
.fa-flag-checkered:before {
content: "\f11e"; }
.fa-flag-usa:before {
content: "\f74d"; }
.fa-flask:before {
content: "\f0c3"; }
.fa-flickr:before {
content: "\f16e"; }
.fa-flipboard:before {
content: "\f44d"; }
.fa-flushed:before {
content: "\f579"; }
.fa-fly:before {
content: "\f417"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-minus:before {
content: "\f65d"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-folder-plus:before {
content: "\f65e"; }
.fa-font:before {
content: "\f031"; }
.fa-font-awesome:before {
content: "\f2b4"; }
.fa-font-awesome-alt:before {
content: "\f35c"; }
.fa-font-awesome-flag:before {
content: "\f425"; }
.fa-font-awesome-logo-full:before {
content: "\f4e6"; }
.fa-fonticons:before {
content: "\f280"; }
.fa-fonticons-fi:before {
content: "\f3a2"; }
.fa-football-ball:before {
content: "\f44e"; }
.fa-fort-awesome:before {
content: "\f286"; }
.fa-fort-awesome-alt:before {
content: "\f3a3"; }
.fa-forumbee:before {
content: "\f211"; }
.fa-forward:before {
content: "\f04e"; }
.fa-foursquare:before {
content: "\f180"; }
.fa-free-code-camp:before {
content: "\f2c5"; }
.fa-freebsd:before {
content: "\f3a4"; }
.fa-frog:before {
content: "\f52e"; }
.fa-frown:before {
content: "\f119"; }
.fa-frown-open:before {
content: "\f57a"; }
.fa-fulcrum:before {
content: "\f50b"; }
.fa-funnel-dollar:before {
content: "\f662"; }
.fa-futbol:before {
content: "\f1e3"; }
.fa-galactic-republic:before {
content: "\f50c"; }
.fa-galactic-senate:before {
content: "\f50d"; }
.fa-gamepad:before {
content: "\f11b"; }
.fa-gas-pump:before {
content: "\f52f"; }
.fa-gavel:before {
content: "\f0e3"; }
.fa-gem:before {
content: "\f3a5"; }
.fa-genderless:before {
content: "\f22d"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-gg:before {
content: "\f260"; }
.fa-gg-circle:before {
content: "\f261"; }
.fa-ghost:before {
content: "\f6e2"; }
.fa-gift:before {
content: "\f06b"; }
.fa-gifts:before {
content: "\f79c"; }
.fa-git:before {
content: "\f1d3"; }
.fa-git-alt:before {
content: "\f841"; }
.fa-git-square:before {
content: "\f1d2"; }
.fa-github:before {
content: "\f09b"; }
.fa-github-alt:before {
content: "\f113"; }
.fa-github-square:before {
content: "\f092"; }
.fa-gitkraken:before {
content: "\f3a6"; }
.fa-gitlab:before {
content: "\f296"; }
.fa-gitter:before {
content: "\f426"; }
.fa-glass-cheers:before {
content: "\f79f"; }
.fa-glass-martini:before {
content: "\f000"; }
.fa-glass-martini-alt:before {
content: "\f57b"; }
.fa-glass-whiskey:before {
content: "\f7a0"; }
.fa-glasses:before {
content: "\f530"; }
.fa-glide:before {
content: "\f2a5"; }
.fa-glide-g:before {
content: "\f2a6"; }
.fa-globe:before {
content: "\f0ac"; }
.fa-globe-africa:before {
content: "\f57c"; }
.fa-globe-americas:before {
content: "\f57d"; }
.fa-globe-asia:before {
content: "\f57e"; }
.fa-globe-europe:before {
content: "\f7a2"; }
.fa-gofore:before {
content: "\f3a7"; }
.fa-golf-ball:before {
content: "\f450"; }
.fa-goodreads:before {
content: "\f3a8"; }
.fa-goodreads-g:before {
content: "\f3a9"; }
.fa-google:before {
content: "\f1a0"; }
.fa-google-drive:before {
content: "\f3aa"; }
.fa-google-play:before {
content: "\f3ab"; }
.fa-google-plus:before {
content: "\f2b3"; }
.fa-google-plus-g:before {
content: "\f0d5"; }
.fa-google-plus-square:before {
content: "\f0d4"; }
.fa-google-wallet:before {
content: "\f1ee"; }
.fa-gopuram:before {
content: "\f664"; }
.fa-graduation-cap:before {
content: "\f19d"; }
.fa-gratipay:before {
content: "\f184"; }
.fa-grav:before {
content: "\f2d6"; }
.fa-greater-than:before {
content: "\f531"; }
.fa-greater-than-equal:before {
content: "\f532"; }
.fa-grimace:before {
content: "\f57f"; }
.fa-grin:before {
content: "\f580"; }
.fa-grin-alt:before {
content: "\f581"; }
.fa-grin-beam:before {
content: "\f582"; }
.fa-grin-beam-sweat:before {
content: "\f583"; }
.fa-grin-hearts:before {
content: "\f584"; }
.fa-grin-squint:before {
content: "\f585"; }
.fa-grin-squint-tears:before {
content: "\f586"; }
.fa-grin-stars:before {
content: "\f587"; }
.fa-grin-tears:before {
content: "\f588"; }
.fa-grin-tongue:before {
content: "\f589"; }
.fa-grin-tongue-squint:before {
content: "\f58a"; }
.fa-grin-tongue-wink:before {
content: "\f58b"; }
.fa-grin-wink:before {
content: "\f58c"; }
.fa-grip-horizontal:before {
content: "\f58d"; }
.fa-grip-lines:before {
content: "\f7a4"; }
.fa-grip-lines-vertical:before {
content: "\f7a5"; }
.fa-grip-vertical:before {
content: "\f58e"; }
.fa-gripfire:before {
content: "\f3ac"; }
.fa-grunt:before {
content: "\f3ad"; }
.fa-guitar:before {
content: "\f7a6"; }
.fa-gulp:before {
content: "\f3ae"; }
.fa-h-square:before {
content: "\f0fd"; }
.fa-hacker-news:before {
content: "\f1d4"; }
.fa-hacker-news-square:before {
content: "\f3af"; }
.fa-hackerrank:before {
content: "\f5f7"; }
.fa-hamburger:before {
content: "\f805"; }
.fa-hammer:before {
content: "\f6e3"; }
.fa-hamsa:before {
content: "\f665"; }
.fa-hand-holding:before {
content: "\f4bd"; }
.fa-hand-holding-heart:before {
content: "\f4be"; }
.fa-hand-holding-usd:before {
content: "\f4c0"; }
.fa-hand-lizard:before {
content: "\f258"; }
.fa-hand-middle-finger:before {
content: "\f806"; }
.fa-hand-paper:before {
content: "\f256"; }
.fa-hand-peace:before {
content: "\f25b"; }
.fa-hand-point-down:before {
content: "\f0a7"; }
.fa-hand-point-left:before {
content: "\f0a5"; }
.fa-hand-point-right:before {
content: "\f0a4"; }
.fa-hand-point-up:before {
content: "\f0a6"; }
.fa-hand-pointer:before {
content: "\f25a"; }
.fa-hand-rock:before {
content: "\f255"; }
.fa-hand-scissors:before {
content: "\f257"; }
.fa-hand-spock:before {
content: "\f259"; }
.fa-hands:before {
content: "\f4c2"; }
.fa-hands-helping:before {
content: "\f4c4"; }
.fa-handshake:before {
content: "\f2b5"; }
.fa-hanukiah:before {
content: "\f6e6"; }
.fa-hard-hat:before {
content: "\f807"; }
.fa-hashtag:before {
content: "\f292"; }
.fa-hat-cowboy:before {
content: "\f8c0"; }
.fa-hat-cowboy-side:before {
content: "\f8c1"; }
.fa-hat-wizard:before {
content: "\f6e8"; }
.fa-hdd:before {
content: "\f0a0"; }
.fa-heading:before {
content: "\f1dc"; }
.fa-headphones:before {
content: "\f025"; }
.fa-headphones-alt:before {
content: "\f58f"; }
.fa-headset:before {
content: "\f590"; }
.fa-heart:before {
content: "\f004"; }
.fa-heart-broken:before {
content: "\f7a9"; }
.fa-heartbeat:before {
content: "\f21e"; }
.fa-helicopter:before {
content: "\f533"; }
.fa-highlighter:before {
content: "\f591"; }
.fa-hiking:before {
content: "\f6ec"; }
.fa-hippo:before {
content: "\f6ed"; }
.fa-hips:before {
content: "\f452"; }
.fa-hire-a-helper:before {
content: "\f3b0"; }
.fa-history:before {
content: "\f1da"; }
.fa-hockey-puck:before {
content: "\f453"; }
.fa-holly-berry:before {
content: "\f7aa"; }
.fa-home:before {
content: "\f015"; }
.fa-hooli:before {
content: "\f427"; }
.fa-hornbill:before {
content: "\f592"; }
.fa-horse:before {
content: "\f6f0"; }
.fa-horse-head:before {
content: "\f7ab"; }
.fa-hospital:before {
content: "\f0f8"; }
.fa-hospital-alt:before {
content: "\f47d"; }
.fa-hospital-symbol:before {
content: "\f47e"; }
.fa-hot-tub:before {
content: "\f593"; }
.fa-hotdog:before {
content: "\f80f"; }
.fa-hotel:before {
content: "\f594"; }
.fa-hotjar:before {
content: "\f3b1"; }
.fa-hourglass:before {
content: "\f254"; }
.fa-hourglass-end:before {
content: "\f253"; }
.fa-hourglass-half:before {
content: "\f252"; }
.fa-hourglass-start:before {
content: "\f251"; }
.fa-house-damage:before {
content: "\f6f1"; }
.fa-houzz:before {
content: "\f27c"; }
.fa-hryvnia:before {
content: "\f6f2"; }
.fa-html5:before {
content: "\f13b"; }
.fa-hubspot:before {
content: "\f3b2"; }
.fa-i-cursor:before {
content: "\f246"; }
.fa-ice-cream:before {
content: "\f810"; }
.fa-icicles:before {
content: "\f7ad"; }
.fa-icons:before {
content: "\f86d"; }
.fa-id-badge:before {
content: "\f2c1"; }
.fa-id-card:before {
content: "\f2c2"; }
.fa-id-card-alt:before {
content: "\f47f"; }
.fa-ideal:before {
content: "\f913"; }
.fa-igloo:before {
content: "\f7ae"; }
.fa-image:before {
content: "\f03e"; }
.fa-images:before {
content: "\f302"; }
.fa-imdb:before {
content: "\f2d8"; }
.fa-inbox:before {
content: "\f01c"; }
.fa-indent:before {
content: "\f03c"; }
.fa-industry:before {
content: "\f275"; }
.fa-infinity:before {
content: "\f534"; }
.fa-info:before {
content: "\f129"; }
.fa-info-circle:before {
content: "\f05a"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-intercom:before {
content: "\f7af"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-invision:before {
content: "\f7b0"; }
.fa-ioxhost:before {
content: "\f208"; }
.fa-italic:before {
content: "\f033"; }
.fa-itch-io:before {
content: "\f83a"; }
.fa-itunes:before {
content: "\f3b4"; }
.fa-itunes-note:before {
content: "\f3b5"; }
.fa-java:before {
content: "\f4e4"; }
.fa-jedi:before {
content: "\f669"; }
.fa-jedi-order:before {
content: "\f50e"; }
.fa-jenkins:before {
content: "\f3b6"; }
.fa-jira:before {
content: "\f7b1"; }
.fa-joget:before {
content: "\f3b7"; }
.fa-joint:before {
content: "\f595"; }
.fa-joomla:before {
content: "\f1aa"; }
.fa-journal-whills:before {
content: "\f66a"; }
.fa-js:before {
content: "\f3b8"; }
.fa-js-square:before {
content: "\f3b9"; }
.fa-jsfiddle:before {
content: "\f1cc"; }
.fa-kaaba:before {
content: "\f66b"; }
.fa-kaggle:before {
content: "\f5fa"; }
.fa-key:before {
content: "\f084"; }
.fa-keybase:before {
content: "\f4f5"; }
.fa-keyboard:before {
content: "\f11c"; }
.fa-keycdn:before {
content: "\f3ba"; }
.fa-khanda:before {
content: "\f66d"; }
.fa-kickstarter:before {
content: "\f3bb"; }
.fa-kickstarter-k:before {
content: "\f3bc"; }
.fa-kiss:before {
content: "\f596"; }
.fa-kiss-beam:before {
content: "\f597"; }
.fa-kiss-wink-heart:before {
content: "\f598"; }
.fa-kiwi-bird:before {
content: "\f535"; }
.fa-korvue:before {
content: "\f42f"; }
.fa-landmark:before {
content: "\f66f"; }
.fa-language:before {
content: "\f1ab"; }
.fa-laptop:before {
content: "\f109"; }
.fa-laptop-code:before {
content: "\f5fc"; }
.fa-laptop-medical:before {
content: "\f812"; }
.fa-laravel:before {
content: "\f3bd"; }
.fa-lastfm:before {
content: "\f202"; }
.fa-lastfm-square:before {
content: "\f203"; }
.fa-laugh:before {
content: "\f599"; }
.fa-laugh-beam:before {
content: "\f59a"; }
.fa-laugh-squint:before {
content: "\f59b"; }
.fa-laugh-wink:before {
content: "\f59c"; }
.fa-layer-group:before {
content: "\f5fd"; }
.fa-leaf:before {
content: "\f06c"; }
.fa-leanpub:before {
content: "\f212"; }
.fa-lemon:before {
content: "\f094"; }
.fa-less:before {
content: "\f41d"; }
.fa-less-than:before {
content: "\f536"; }
.fa-less-than-equal:before {
content: "\f537"; }
.fa-level-down-alt:before {
content: "\f3be"; }
.fa-level-up-alt:before {
content: "\f3bf"; }
.fa-life-ring:before {
content: "\f1cd"; }
.fa-lightbulb:before {
content: "\f0eb"; }
.fa-line:before {
content: "\f3c0"; }
.fa-link:before {
content: "\f0c1"; }
.fa-linkedin:before {
content: "\f08c"; }
.fa-linkedin-in:before {
content: "\f0e1"; }
.fa-linode:before {
content: "\f2b8"; }
.fa-linux:before {
content: "\f17c"; }
.fa-lira-sign:before {
content: "\f195"; }
.fa-list:before {
content: "\f03a"; }
.fa-list-alt:before {
content: "\f022"; }
.fa-list-ol:before {
content: "\f0cb"; }
.fa-list-ul:before {
content: "\f0ca"; }
.fa-location-arrow:before {
content: "\f124"; }
.fa-lock:before {
content: "\f023"; }
.fa-lock-open:before {
content: "\f3c1"; }
.fa-long-arrow-alt-down:before {
content: "\f309"; }
.fa-long-arrow-alt-left:before {
content: "\f30a"; }
.fa-long-arrow-alt-right:before {
content: "\f30b"; }
.fa-long-arrow-alt-up:before {
content: "\f30c"; }
.fa-low-vision:before {
content: "\f2a8"; }
.fa-luggage-cart:before {
content: "\f59d"; }
.fa-lyft:before {
content: "\f3c3"; }
.fa-magento:before {
content: "\f3c4"; }
.fa-magic:before {
content: "\f0d0"; }
.fa-magnet:before {
content: "\f076"; }
.fa-mail-bulk:before {
content: "\f674"; }
.fa-mailchimp:before {
content: "\f59e"; }
.fa-male:before {
content: "\f183"; }
.fa-mandalorian:before {
content: "\f50f"; }
.fa-map:before {
content: "\f279"; }
.fa-map-marked:before {
content: "\f59f"; }
.fa-map-marked-alt:before {
content: "\f5a0"; }
.fa-map-marker:before {
content: "\f041"; }
.fa-map-marker-alt:before {
content: "\f3c5"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-map-signs:before {
content: "\f277"; }
.fa-markdown:before {
content: "\f60f"; }
.fa-marker:before {
content: "\f5a1"; }
.fa-mars:before {
content: "\f222"; }
.fa-mars-double:before {
content: "\f227"; }
.fa-mars-stroke:before {
content: "\f229"; }
.fa-mars-stroke-h:before {
content: "\f22b"; }
.fa-mars-stroke-v:before {
content: "\f22a"; }
.fa-mask:before {
content: "\f6fa"; }
.fa-mastodon:before {
content: "\f4f6"; }
.fa-maxcdn:before {
content: "\f136"; }
.fa-mdb:before {
content: "\f8ca"; }
.fa-medal:before {
content: "\f5a2"; }
.fa-medapps:before {
content: "\f3c6"; }
.fa-medium:before {
content: "\f23a"; }
.fa-medium-m:before {
content: "\f3c7"; }
.fa-medkit:before {
content: "\f0fa"; }
.fa-medrt:before {
content: "\f3c8"; }
.fa-meetup:before {
content: "\f2e0"; }
.fa-megaport:before {
content: "\f5a3"; }
.fa-meh:before {
content: "\f11a"; }
.fa-meh-blank:before {
content: "\f5a4"; }
.fa-meh-rolling-eyes:before {
content: "\f5a5"; }
.fa-memory:before {
content: "\f538"; }
.fa-mendeley:before {
content: "\f7b3"; }
.fa-menorah:before {
content: "\f676"; }
.fa-mercury:before {
content: "\f223"; }
.fa-meteor:before {
content: "\f753"; }
.fa-microblog:before {
content: "\f91a"; }
.fa-microchip:before {
content: "\f2db"; }
.fa-microphone:before {
content: "\f130"; }
.fa-microphone-alt:before {
content: "\f3c9"; }
.fa-microphone-alt-slash:before {
content: "\f539"; }
.fa-microphone-slash:before {
content: "\f131"; }
.fa-microscope:before {
content: "\f610"; }
.fa-microsoft:before {
content: "\f3ca"; }
.fa-minus:before {
content: "\f068"; }
.fa-minus-circle:before {
content: "\f056"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-mitten:before {
content: "\f7b5"; }
.fa-mix:before {
content: "\f3cb"; }
.fa-mixcloud:before {
content: "\f289"; }
.fa-mizuni:before {
content: "\f3cc"; }
.fa-mobile:before {
content: "\f10b"; }
.fa-mobile-alt:before {
content: "\f3cd"; }
.fa-modx:before {
content: "\f285"; }
.fa-monero:before {
content: "\f3d0"; }
.fa-money-bill:before {
content: "\f0d6"; }
.fa-money-bill-alt:before {
content: "\f3d1"; }
.fa-money-bill-wave:before {
content: "\f53a"; }
.fa-money-bill-wave-alt:before {
content: "\f53b"; }
.fa-money-check:before {
content: "\f53c"; }
.fa-money-check-alt:before {
content: "\f53d"; }
.fa-monument:before {
content: "\f5a6"; }
.fa-moon:before {
content: "\f186"; }
.fa-mortar-pestle:before {
content: "\f5a7"; }
.fa-mosque:before {
content: "\f678"; }
.fa-motorcycle:before {
content: "\f21c"; }
.fa-mountain:before {
content: "\f6fc"; }
.fa-mouse:before {
content: "\f8cc"; }
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-mug-hot:before {
content: "\f7b6"; }
.fa-music:before {
content: "\f001"; }
.fa-napster:before {
content: "\f3d2"; }
.fa-neos:before {
content: "\f612"; }
.fa-network-wired:before {
content: "\f6ff"; }
.fa-neuter:before {
content: "\f22c"; }
.fa-newspaper:before {
content: "\f1ea"; }
.fa-nimblr:before {
content: "\f5a8"; }
.fa-node:before {
content: "\f419"; }
.fa-node-js:before {
content: "\f3d3"; }
.fa-not-equal:before {
content: "\f53e"; }
.fa-notes-medical:before {
content: "\f481"; }
.fa-npm:before {
content: "\f3d4"; }
.fa-ns8:before {
content: "\f3d5"; }
.fa-nutritionix:before {
content: "\f3d6"; }
.fa-object-group:before {
content: "\f247"; }
.fa-object-ungroup:before {
content: "\f248"; }
.fa-odnoklassniki:before {
content: "\f263"; }
.fa-odnoklassniki-square:before {
content: "\f264"; }
.fa-oil-can:before {
content: "\f613"; }
.fa-old-republic:before {
content: "\f510"; }
.fa-om:before {
content: "\f679"; }
.fa-opencart:before {
content: "\f23d"; }
.fa-openid:before {
content: "\f19b"; }
.fa-opera:before {
content: "\f26a"; }
.fa-optin-monster:before {
content: "\f23c"; }
.fa-orcid:before {
content: "\f8d2"; }
.fa-osi:before {
content: "\f41a"; }
.fa-otter:before {
content: "\f700"; }
.fa-outdent:before {
content: "\f03b"; }
.fa-page4:before {
content: "\f3d7"; }
.fa-pagelines:before {
content: "\f18c"; }
.fa-pager:before {
content: "\f815"; }
.fa-paint-brush:before {
content: "\f1fc"; }
.fa-paint-roller:before {
content: "\f5aa"; }
.fa-palette:before {
content: "\f53f"; }
.fa-palfed:before {
content: "\f3d8"; }
.fa-pallet:before {
content: "\f482"; }
.fa-paper-plane:before {
content: "\f1d8"; }
.fa-paperclip:before {
content: "\f0c6"; }
.fa-parachute-box:before {
content: "\f4cd"; }
.fa-paragraph:before {
content: "\f1dd"; }
.fa-parking:before {
content: "\f540"; }
.fa-passport:before {
content: "\f5ab"; }
.fa-pastafarianism:before {
content: "\f67b"; }
.fa-paste:before {
content: "\f0ea"; }
.fa-patreon:before {
content: "\f3d9"; }
.fa-pause:before {
content: "\f04c"; }
.fa-pause-circle:before {
content: "\f28b"; }
.fa-paw:before {
content: "\f1b0"; }
.fa-paypal:before {
content: "\f1ed"; }
.fa-peace:before {
content: "\f67c"; }
.fa-pen:before {
content: "\f304"; }
.fa-pen-alt:before {
content: "\f305"; }
.fa-pen-fancy:before {
content: "\f5ac"; }
.fa-pen-nib:before {
content: "\f5ad"; }
.fa-pen-square:before {
content: "\f14b"; }
.fa-pencil-alt:before {
content: "\f303"; }
.fa-pencil-ruler:before {
content: "\f5ae"; }
.fa-penny-arcade:before {
content: "\f704"; }
.fa-people-carry:before {
content: "\f4ce"; }
.fa-pepper-hot:before {
content: "\f816"; }
.fa-percent:before {
content: "\f295"; }
.fa-percentage:before {
content: "\f541"; }
.fa-periscope:before {
content: "\f3da"; }
.fa-person-booth:before {
content: "\f756"; }
.fa-phabricator:before {
content: "\f3db"; }
.fa-phoenix-framework:before {
content: "\f3dc"; }
.fa-phoenix-squadron:before {
content: "\f511"; }
.fa-phone:before {
content: "\f095"; }
.fa-phone-alt:before {
content: "\f879"; }
.fa-phone-slash:before {
content: "\f3dd"; }
.fa-phone-square:before {
content: "\f098"; }
.fa-phone-square-alt:before {
content: "\f87b"; }
.fa-phone-volume:before {
content: "\f2a0"; }
.fa-photo-video:before {
content: "\f87c"; }
.fa-php:before {
content: "\f457"; }
.fa-pied-piper:before {
content: "\f2ae"; }
.fa-pied-piper-alt:before {
content: "\f1a8"; }
.fa-pied-piper-hat:before {
content: "\f4e5"; }
.fa-pied-piper-pp:before {
content: "\f1a7"; }
.fa-pied-piper-square:before {
content: "\f91e"; }
.fa-piggy-bank:before {
content: "\f4d3"; }
.fa-pills:before {
content: "\f484"; }
.fa-pinterest:before {
content: "\f0d2"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-pizza-slice:before {
content: "\f818"; }
.fa-place-of-worship:before {
content: "\f67f"; }
.fa-plane:before {
content: "\f072"; }
.fa-plane-arrival:before {
content: "\f5af"; }
.fa-plane-departure:before {
content: "\f5b0"; }
.fa-play:before {
content: "\f04b"; }
.fa-play-circle:before {
content: "\f144"; }
.fa-playstation:before {
content: "\f3df"; }
.fa-plug:before {
content: "\f1e6"; }
.fa-plus:before {
content: "\f067"; }
.fa-plus-circle:before {
content: "\f055"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-podcast:before {
content: "\f2ce"; }
.fa-poll:before {
content: "\f681"; }
.fa-poll-h:before {
content: "\f682"; }
.fa-poo:before {
content: "\f2fe"; }
.fa-poo-storm:before {
content: "\f75a"; }
.fa-poop:before {
content: "\f619"; }
.fa-portrait:before {
content: "\f3e0"; }
.fa-pound-sign:before {
content: "\f154"; }
.fa-power-off:before {
content: "\f011"; }
.fa-pray:before {
content: "\f683"; }
.fa-praying-hands:before {
content: "\f684"; }
.fa-prescription:before {
content: "\f5b1"; }
.fa-prescription-bottle:before {
content: "\f485"; }
.fa-prescription-bottle-alt:before {
content: "\f486"; }
.fa-print:before {
content: "\f02f"; }
.fa-procedures:before {
content: "\f487"; }
.fa-product-hunt:before {
content: "\f288"; }
.fa-project-diagram:before {
content: "\f542"; }
.fa-pushed:before {
content: "\f3e1"; }
.fa-puzzle-piece:before {
content: "\f12e"; }
.fa-python:before {
content: "\f3e2"; }
.fa-qq:before {
content: "\f1d6"; }
.fa-qrcode:before {
content: "\f029"; }
.fa-question:before {
content: "\f128"; }
.fa-question-circle:before {
content: "\f059"; }
.fa-quidditch:before {
content: "\f458"; }
.fa-quinscape:before {
content: "\f459"; }
.fa-quora:before {
content: "\f2c4"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-quran:before {
content: "\f687"; }
.fa-r-project:before {
content: "\f4f7"; }
.fa-radiation:before {
content: "\f7b9"; }
.fa-radiation-alt:before {
content: "\f7ba"; }
.fa-rainbow:before {
content: "\f75b"; }
.fa-random:before {
content: "\f074"; }
.fa-raspberry-pi:before {
content: "\f7bb"; }
.fa-ravelry:before {
content: "\f2d9"; }
.fa-react:before {
content: "\f41b"; }
.fa-reacteurope:before {
content: "\f75d"; }
.fa-readme:before {
content: "\f4d5"; }
.fa-rebel:before {
content: "\f1d0"; }
.fa-receipt:before {
content: "\f543"; }
.fa-record-vinyl:before {
content: "\f8d9"; }
.fa-recycle:before {
content: "\f1b8"; }
.fa-red-river:before {
content: "\f3e3"; }
.fa-reddit:before {
content: "\f1a1"; }
.fa-reddit-alien:before {
content: "\f281"; }
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-redhat:before {
content: "\f7bc"; }
.fa-redo:before {
content: "\f01e"; }
.fa-redo-alt:before {
content: "\f2f9"; }
.fa-registered:before {
content: "\f25d"; }
.fa-remove-format:before {
content: "\f87d"; }
.fa-renren:before {
content: "\f18b"; }
.fa-reply:before {
content: "\f3e5"; }
.fa-reply-all:before {
content: "\f122"; }
.fa-replyd:before {
content: "\f3e6"; }
.fa-republican:before {
content: "\f75e"; }
.fa-researchgate:before {
content: "\f4f8"; }
.fa-resolving:before {
content: "\f3e7"; }
.fa-restroom:before {
content: "\f7bd"; }
.fa-retweet:before {
content: "\f079"; }
.fa-rev:before {
content: "\f5b2"; }
.fa-ribbon:before {
content: "\f4d6"; }
.fa-ring:before {
content: "\f70b"; }
.fa-road:before {
content: "\f018"; }
.fa-robot:before {
content: "\f544"; }
.fa-rocket:before {
content: "\f135"; }
.fa-rocketchat:before {
content: "\f3e8"; }
.fa-rockrms:before {
content: "\f3e9"; }
.fa-route:before {
content: "\f4d7"; }
.fa-rss:before {
content: "\f09e"; }
.fa-rss-square:before {
content: "\f143"; }
.fa-ruble-sign:before {
content: "\f158"; }
.fa-ruler:before {
content: "\f545"; }
.fa-ruler-combined:before {
content: "\f546"; }
.fa-ruler-horizontal:before {
content: "\f547"; }
.fa-ruler-vertical:before {
content: "\f548"; }
.fa-running:before {
content: "\f70c"; }
.fa-rupee-sign:before {
content: "\f156"; }
.fa-sad-cry:before {
content: "\f5b3"; }
.fa-sad-tear:before {
content: "\f5b4"; }
.fa-safari:before {
content: "\f267"; }
.fa-salesforce:before {
content: "\f83b"; }
.fa-sass:before {
content: "\f41e"; }
.fa-satellite:before {
content: "\f7bf"; }
.fa-satellite-dish:before {
content: "\f7c0"; }
.fa-save:before {
content: "\f0c7"; }
.fa-schlix:before {
content: "\f3ea"; }
.fa-school:before {
content: "\f549"; }
.fa-screwdriver:before {
content: "\f54a"; }
.fa-scribd:before {
content: "\f28a"; }
.fa-scroll:before {
content: "\f70e"; }
.fa-sd-card:before {
content: "\f7c2"; }
.fa-search:before {
content: "\f002"; }
.fa-search-dollar:before {
content: "\f688"; }
.fa-search-location:before {
content: "\f689"; }
.fa-search-minus:before {
content: "\f010"; }
.fa-search-plus:before {
content: "\f00e"; }
.fa-searchengin:before {
content: "\f3eb"; }
.fa-seedling:before {
content: "\f4d8"; }
.fa-sellcast:before {
content: "\f2da"; }
.fa-sellsy:before {
content: "\f213"; }
.fa-server:before {
content: "\f233"; }
.fa-servicestack:before {
content: "\f3ec"; }
.fa-shapes:before {
content: "\f61f"; }
.fa-share:before {
content: "\f064"; }
.fa-share-alt:before {
content: "\f1e0"; }
.fa-share-alt-square:before {
content: "\f1e1"; }
.fa-share-square:before {
content: "\f14d"; }
.fa-shekel-sign:before {
content: "\f20b"; }
.fa-shield-alt:before {
content: "\f3ed"; }
.fa-ship:before {
content: "\f21a"; }
.fa-shipping-fast:before {
content: "\f48b"; }
.fa-shirtsinbulk:before {
content: "\f214"; }
.fa-shoe-prints:before {
content: "\f54b"; }
.fa-shopping-bag:before {
content: "\f290"; }
.fa-shopping-basket:before {
content: "\f291"; }
.fa-shopping-cart:before {
content: "\f07a"; }
.fa-shopware:before {
content: "\f5b5"; }
.fa-shower:before {
content: "\f2cc"; }
.fa-shuttle-van:before {
content: "\f5b6"; }
.fa-sign:before {
content: "\f4d9"; }
.fa-sign-in-alt:before {
content: "\f2f6"; }
.fa-sign-language:before {
content: "\f2a7"; }
.fa-sign-out-alt:before {
content: "\f2f5"; }
.fa-signal:before {
content: "\f012"; }
.fa-signature:before {
content: "\f5b7"; }
.fa-sim-card:before {
content: "\f7c4"; }
.fa-simplybuilt:before {
content: "\f215"; }
.fa-sistrix:before {
content: "\f3ee"; }
.fa-sitemap:before {
content: "\f0e8"; }
.fa-sith:before {
content: "\f512"; }
.fa-skating:before {
content: "\f7c5"; }
.fa-sketch:before {
content: "\f7c6"; }
.fa-skiing:before {
content: "\f7c9"; }
.fa-skiing-nordic:before {
content: "\f7ca"; }
.fa-skull:before {
content: "\f54c"; }
.fa-skull-crossbones:before {
content: "\f714"; }
.fa-skyatlas:before {
content: "\f216"; }
.fa-skype:before {
content: "\f17e"; }
.fa-slack:before {
content: "\f198"; }
.fa-slack-hash:before {
content: "\f3ef"; }
.fa-slash:before {
content: "\f715"; }
.fa-sleigh:before {
content: "\f7cc"; }
.fa-sliders-h:before {
content: "\f1de"; }
.fa-slideshare:before {
content: "\f1e7"; }
.fa-smile:before {
content: "\f118"; }
.fa-smile-beam:before {
content: "\f5b8"; }
.fa-smile-wink:before {
content: "\f4da"; }
.fa-smog:before {
content: "\f75f"; }
.fa-smoking:before {
content: "\f48d"; }
.fa-smoking-ban:before {
content: "\f54d"; }
.fa-sms:before {
content: "\f7cd"; }
.fa-snapchat:before {
content: "\f2ab"; }
.fa-snapchat-ghost:before {
content: "\f2ac"; }
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-snowboarding:before {
content: "\f7ce"; }
.fa-snowflake:before {
content: "\f2dc"; }
.fa-snowman:before {
content: "\f7d0"; }
.fa-snowplow:before {
content: "\f7d2"; }
.fa-socks:before {
content: "\f696"; }
.fa-solar-panel:before {
content: "\f5ba"; }
.fa-sort:before {
content: "\f0dc"; }
.fa-sort-alpha-down:before {
content: "\f15d"; }
.fa-sort-alpha-down-alt:before {
content: "\f881"; }
.fa-sort-alpha-up:before {
content: "\f15e"; }
.fa-sort-alpha-up-alt:before {
content: "\f882"; }
.fa-sort-amount-down:before {
content: "\f160"; }
.fa-sort-amount-down-alt:before {
content: "\f884"; }
.fa-sort-amount-up:before {
content: "\f161"; }
.fa-sort-amount-up-alt:before {
content: "\f885"; }
.fa-sort-down:before {
content: "\f0dd"; }
.fa-sort-numeric-down:before {
content: "\f162"; }
.fa-sort-numeric-down-alt:before {
content: "\f886"; }
.fa-sort-numeric-up:before {
content: "\f163"; }
.fa-sort-numeric-up-alt:before {
content: "\f887"; }
.fa-sort-up:before {
content: "\f0de"; }
.fa-soundcloud:before {
content: "\f1be"; }
.fa-sourcetree:before {
content: "\f7d3"; }
.fa-spa:before {
content: "\f5bb"; }
.fa-space-shuttle:before {
content: "\f197"; }
.fa-speakap:before {
content: "\f3f3"; }
.fa-speaker-deck:before {
content: "\f83c"; }
.fa-spell-check:before {
content: "\f891"; }
.fa-spider:before {
content: "\f717"; }
.fa-spinner:before {
content: "\f110"; }
.fa-splotch:before {
content: "\f5bc"; }
.fa-spotify:before {
content: "\f1bc"; }
.fa-spray-can:before {
content: "\f5bd"; }
.fa-square:before {
content: "\f0c8"; }
.fa-square-full:before {
content: "\f45c"; }
.fa-square-root-alt:before {
content: "\f698"; }
.fa-squarespace:before {
content: "\f5be"; }
.fa-stack-exchange:before {
content: "\f18d"; }
.fa-stack-overflow:before {
content: "\f16c"; }
.fa-stackpath:before {
content: "\f842"; }
.fa-stamp:before {
content: "\f5bf"; }
.fa-star:before {
content: "\f005"; }
.fa-star-and-crescent:before {
content: "\f699"; }
.fa-star-half:before {
content: "\f089"; }
.fa-star-half-alt:before {
content: "\f5c0"; }
.fa-star-of-david:before {
content: "\f69a"; }
.fa-star-of-life:before {
content: "\f621"; }
.fa-staylinked:before {
content: "\f3f5"; }
.fa-steam:before {
content: "\f1b6"; }
.fa-steam-square:before {
content: "\f1b7"; }
.fa-steam-symbol:before {
content: "\f3f6"; }
.fa-step-backward:before {
content: "\f048"; }
.fa-step-forward:before {
content: "\f051"; }
.fa-stethoscope:before {
content: "\f0f1"; }
.fa-sticker-mule:before {
content: "\f3f7"; }
.fa-sticky-note:before {
content: "\f249"; }
.fa-stop:before {
content: "\f04d"; }
.fa-stop-circle:before {
content: "\f28d"; }
.fa-stopwatch:before {
content: "\f2f2"; }
.fa-store:before {
content: "\f54e"; }
.fa-store-alt:before {
content: "\f54f"; }
.fa-strava:before {
content: "\f428"; }
.fa-stream:before {
content: "\f550"; }
.fa-street-view:before {
content: "\f21d"; }
.fa-strikethrough:before {
content: "\f0cc"; }
.fa-stripe:before {
content: "\f429"; }
.fa-stripe-s:before {
content: "\f42a"; }
.fa-stroopwafel:before {
content: "\f551"; }
.fa-studiovinari:before {
content: "\f3f8"; }
.fa-stumbleupon:before {
content: "\f1a4"; }
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
.fa-subscript:before {
content: "\f12c"; }
.fa-subway:before {
content: "\f239"; }
.fa-suitcase:before {
content: "\f0f2"; }
.fa-suitcase-rolling:before {
content: "\f5c1"; }
.fa-sun:before {
content: "\f185"; }
.fa-superpowers:before {
content: "\f2dd"; }
.fa-superscript:before {
content: "\f12b"; }
.fa-supple:before {
content: "\f3f9"; }
.fa-surprise:before {
content: "\f5c2"; }
.fa-suse:before {
content: "\f7d6"; }
.fa-swatchbook:before {
content: "\f5c3"; }
.fa-swift:before {
content: "\f8e1"; }
.fa-swimmer:before {
content: "\f5c4"; }
.fa-swimming-pool:before {
content: "\f5c5"; }
.fa-symfony:before {
content: "\f83d"; }
.fa-synagogue:before {
content: "\f69b"; }
.fa-sync:before {
content: "\f021"; }
.fa-sync-alt:before {
content: "\f2f1"; }
.fa-syringe:before {
content: "\f48e"; }
.fa-table:before {
content: "\f0ce"; }
.fa-table-tennis:before {
content: "\f45d"; }
.fa-tablet:before {
content: "\f10a"; }
.fa-tablet-alt:before {
content: "\f3fa"; }
.fa-tablets:before {
content: "\f490"; }
.fa-tachometer-alt:before {
content: "\f3fd"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-tape:before {
content: "\f4db"; }
.fa-tasks:before {
content: "\f0ae"; }
.fa-taxi:before {
content: "\f1ba"; }
.fa-teamspeak:before {
content: "\f4f9"; }
.fa-teeth:before {
content: "\f62e"; }
.fa-teeth-open:before {
content: "\f62f"; }
.fa-telegram:before {
content: "\f2c6"; }
.fa-telegram-plane:before {
content: "\f3fe"; }
.fa-temperature-high:before {
content: "\f769"; }
.fa-temperature-low:before {
content: "\f76b"; }
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-tenge:before {
content: "\f7d7"; }
.fa-terminal:before {
content: "\f120"; }
.fa-text-height:before {
content: "\f034"; }
.fa-text-width:before {
content: "\f035"; }
.fa-th:before {
content: "\f00a"; }
.fa-th-large:before {
content: "\f009"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-the-red-yeti:before {
content: "\f69d"; }
.fa-theater-masks:before {
content: "\f630"; }
.fa-themeco:before {
content: "\f5c6"; }
.fa-themeisle:before {
content: "\f2b2"; }
.fa-thermometer:before {
content: "\f491"; }
.fa-thermometer-empty:before {
content: "\f2cb"; }
.fa-thermometer-full:before {
content: "\f2c7"; }
.fa-thermometer-half:before {
content: "\f2c9"; }
.fa-thermometer-quarter:before {
content: "\f2ca"; }
.fa-thermometer-three-quarters:before {
content: "\f2c8"; }
.fa-think-peaks:before {
content: "\f731"; }
.fa-thumbs-down:before {
content: "\f165"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-thumbtack:before {
content: "\f08d"; }
.fa-ticket-alt:before {
content: "\f3ff"; }
.fa-times:before {
content: "\f00d"; }
.fa-times-circle:before {
content: "\f057"; }
.fa-tint:before {
content: "\f043"; }
.fa-tint-slash:before {
content: "\f5c7"; }
.fa-tired:before {
content: "\f5c8"; }
.fa-toggle-off:before {
content: "\f204"; }
.fa-toggle-on:before {
content: "\f205"; }
.fa-toilet:before {
content: "\f7d8"; }
.fa-toilet-paper:before {
content: "\f71e"; }
.fa-toolbox:before {
content: "\f552"; }
.fa-tools:before {
content: "\f7d9"; }
.fa-tooth:before {
content: "\f5c9"; }
.fa-torah:before {
content: "\f6a0"; }
.fa-torii-gate:before {
content: "\f6a1"; }
.fa-tractor:before {
content: "\f722"; }
.fa-trade-federation:before {
content: "\f513"; }
.fa-trademark:before {
content: "\f25c"; }
.fa-traffic-light:before {
content: "\f637"; }
.fa-trailer:before {
content: "\f941"; }
.fa-train:before {
content: "\f238"; }
.fa-tram:before {
content: "\f7da"; }
.fa-transgender:before {
content: "\f224"; }
.fa-transgender-alt:before {
content: "\f225"; }
.fa-trash:before {
content: "\f1f8"; }
.fa-trash-alt:before {
content: "\f2ed"; }
.fa-trash-restore:before {
content: "\f829"; }
.fa-trash-restore-alt:before {
content: "\f82a"; }
.fa-tree:before {
content: "\f1bb"; }
.fa-trello:before {
content: "\f181"; }
.fa-tripadvisor:before {
content: "\f262"; }
.fa-trophy:before {
content: "\f091"; }
.fa-truck:before {
content: "\f0d1"; }
.fa-truck-loading:before {
content: "\f4de"; }
.fa-truck-monster:before {
content: "\f63b"; }
.fa-truck-moving:before {
content: "\f4df"; }
.fa-truck-pickup:before {
content: "\f63c"; }
.fa-tshirt:before {
content: "\f553"; }
.fa-tty:before {
content: "\f1e4"; }
.fa-tumblr:before {
content: "\f173"; }
.fa-tumblr-square:before {
content: "\f174"; }
.fa-tv:before {
content: "\f26c"; }
.fa-twitch:before {
content: "\f1e8"; }
.fa-twitter:before {
content: "\f099"; }
.fa-twitter-square:before {
content: "\f081"; }
.fa-typo3:before {
content: "\f42b"; }
.fa-uber:before {
content: "\f402"; }
.fa-ubuntu:before {
content: "\f7df"; }
.fa-uikit:before {
content: "\f403"; }
.fa-umbraco:before {
content: "\f8e8"; }
.fa-umbrella:before {
content: "\f0e9"; }
.fa-umbrella-beach:before {
content: "\f5ca"; }
.fa-underline:before {
content: "\f0cd"; }
.fa-undo:before {
content: "\f0e2"; }
.fa-undo-alt:before {
content: "\f2ea"; }
.fa-uniregistry:before {
content: "\f404"; }
.fa-unity:before {
content: "\f949"; }
.fa-universal-access:before {
content: "\f29a"; }
.fa-university:before {
content: "\f19c"; }
.fa-unlink:before {
content: "\f127"; }
.fa-unlock:before {
content: "\f09c"; }
.fa-unlock-alt:before {
content: "\f13e"; }
.fa-untappd:before {
content: "\f405"; }
.fa-upload:before {
content: "\f093"; }
.fa-ups:before {
content: "\f7e0"; }
.fa-usb:before {
content: "\f287"; }
.fa-user:before {
content: "\f007"; }
.fa-user-alt:before {
content: "\f406"; }
.fa-user-alt-slash:before {
content: "\f4fa"; }
.fa-user-astronaut:before {
content: "\f4fb"; }
.fa-user-check:before {
content: "\f4fc"; }
.fa-user-circle:before {
content: "\f2bd"; }
.fa-user-clock:before {
content: "\f4fd"; }
.fa-user-cog:before {
content: "\f4fe"; }
.fa-user-edit:before {
content: "\f4ff"; }
.fa-user-friends:before {
content: "\f500"; }
.fa-user-graduate:before {
content: "\f501"; }
.fa-user-injured:before {
content: "\f728"; }
.fa-user-lock:before {
content: "\f502"; }
.fa-user-md:before {
content: "\f0f0"; }
.fa-user-minus:before {
content: "\f503"; }
.fa-user-ninja:before {
content: "\f504"; }
.fa-user-nurse:before {
content: "\f82f"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-user-secret:before {
content: "\f21b"; }
.fa-user-shield:before {
content: "\f505"; }
.fa-user-slash:before {
content: "\f506"; }
.fa-user-tag:before {
content: "\f507"; }
.fa-user-tie:before {
content: "\f508"; }
.fa-user-times:before {
content: "\f235"; }
.fa-users:before {
content: "\f0c0"; }
.fa-users-cog:before {
content: "\f509"; }
.fa-usps:before {
content: "\f7e1"; }
.fa-ussunnah:before {
content: "\f407"; }
.fa-utensil-spoon:before {
content: "\f2e5"; }
.fa-utensils:before {
content: "\f2e7"; }
.fa-vaadin:before {
content: "\f408"; }
.fa-vector-square:before {
content: "\f5cb"; }
.fa-venus:before {
content: "\f221"; }
.fa-venus-double:before {
content: "\f226"; }
.fa-venus-mars:before {
content: "\f228"; }
.fa-viacoin:before {
content: "\f237"; }
.fa-viadeo:before {
content: "\f2a9"; }
.fa-viadeo-square:before {
content: "\f2aa"; }
.fa-vial:before {
content: "\f492"; }
.fa-vials:before {
content: "\f493"; }
.fa-viber:before {
content: "\f409"; }
.fa-video:before {
content: "\f03d"; }
.fa-video-slash:before {
content: "\f4e2"; }
.fa-vihara:before {
content: "\f6a7"; }
.fa-vimeo:before {
content: "\f40a"; }
.fa-vimeo-square:before {
content: "\f194"; }
.fa-vimeo-v:before {
content: "\f27d"; }
.fa-vine:before {
content: "\f1ca"; }
.fa-vk:before {
content: "\f189"; }
.fa-vnv:before {
content: "\f40b"; }
.fa-voicemail:before {
content: "\f897"; }
.fa-volleyball-ball:before {
content: "\f45f"; }
.fa-volume-down:before {
content: "\f027"; }
.fa-volume-mute:before {
content: "\f6a9"; }
.fa-volume-off:before {
content: "\f026"; }
.fa-volume-up:before {
content: "\f028"; }
.fa-vote-yea:before {
content: "\f772"; }
.fa-vr-cardboard:before {
content: "\f729"; }
.fa-vuejs:before {
content: "\f41f"; }
.fa-walking:before {
content: "\f554"; }
.fa-wallet:before {
content: "\f555"; }
.fa-warehouse:before {
content: "\f494"; }
.fa-water:before {
content: "\f773"; }
.fa-wave-square:before {
content: "\f83e"; }
.fa-waze:before {
content: "\f83f"; }
.fa-weebly:before {
content: "\f5cc"; }
.fa-weibo:before {
content: "\f18a"; }
.fa-weight:before {
content: "\f496"; }
.fa-weight-hanging:before {
content: "\f5cd"; }
.fa-weixin:before {
content: "\f1d7"; }
.fa-whatsapp:before {
content: "\f232"; }
.fa-whatsapp-square:before {
content: "\f40c"; }
.fa-wheelchair:before {
content: "\f193"; }
.fa-whmcs:before {
content: "\f40d"; }
.fa-wifi:before {
content: "\f1eb"; }
.fa-wikipedia-w:before {
content: "\f266"; }
.fa-wind:before {
content: "\f72e"; }
.fa-window-close:before {
content: "\f410"; }
.fa-window-maximize:before {
content: "\f2d0"; }
.fa-window-minimize:before {
content: "\f2d1"; }
.fa-window-restore:before {
content: "\f2d2"; }
.fa-windows:before {
content: "\f17a"; }
.fa-wine-bottle:before {
content: "\f72f"; }
.fa-wine-glass:before {
content: "\f4e3"; }
.fa-wine-glass-alt:before {
content: "\f5ce"; }
.fa-wix:before {
content: "\f5cf"; }
.fa-wizards-of-the-coast:before {
content: "\f730"; }
.fa-wolf-pack-battalion:before {
content: "\f514"; }
.fa-won-sign:before {
content: "\f159"; }
.fa-wordpress:before {
content: "\f19a"; }
.fa-wordpress-simple:before {
content: "\f411"; }
.fa-wpbeginner:before {
content: "\f297"; }
.fa-wpexplorer:before {
content: "\f2de"; }
.fa-wpforms:before {
content: "\f298"; }
.fa-wpressr:before {
content: "\f3e4"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-x-ray:before {
content: "\f497"; }
.fa-xbox:before {
content: "\f412"; }
.fa-xing:before {
content: "\f168"; }
.fa-xing-square:before {
content: "\f169"; }
.fa-y-combinator:before {
content: "\f23b"; }
.fa-yahoo:before {
content: "\f19e"; }
.fa-yammer:before {
content: "\f840"; }
.fa-yandex:before {
content: "\f413"; }
.fa-yandex-international:before {
content: "\f414"; }
.fa-yarn:before {
content: "\f7e3"; }
.fa-yelp:before {
content: "\f1e9"; }
.fa-yen-sign:before {
content: "\f157"; }
.fa-yin-yang:before {
content: "\f6ad"; }
.fa-yoast:before {
content: "\f2b1"; }
.fa-youtube:before {
content: "\f167"; }
.fa-youtube-square:before {
content: "\f431"; }
.fa-zhihu:before {
content: "\f63f"; }
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.eot);
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.woff2) format("woff2"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.woff) format("woff"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.ttf) format("truetype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.svg#fontawesome) format("svg"); }
.fab {
font-family: 'Font Awesome 5 Brands'; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.eot);
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.woff2) format("woff2"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.woff) format("woff"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.ttf) format("truetype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.svg#fontawesome) format("svg"); }
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: auto;
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.eot);
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.woff2) format("woff2"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.woff) format("woff"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.ttf) format("truetype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg"); }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }.row {
margin-left: -15px;
margin-right: -15px;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.3333333333%;
}
.col-xs-2 {
width: 16.6666666667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.3333333333%;
}
.col-xs-5 {
width: 41.6666666667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.3333333333%;
}
.col-xs-8 {
width: 66.6666666667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.3333333333%;
}
.col-xs-11 {
width: 91.6666666667%;
}
.col-xs-12 {
width: 100%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.3333333333%;
}
.col-sm-2 {
width: 16.6666666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.3333333333%;
}
.col-sm-5 {
width: 41.6666666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.3333333333%;
}
.col-sm-8 {
width: 66.6666666667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.3333333333%;
}
.col-sm-11 {
width: 91.6666666667%;
}
.col-sm-12 {
width: 100%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-1 {
width: 8.3333333333%;
}
.col-md-2 {
width: 16.6666666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.3333333333%;
}
.col-md-5 {
width: 41.6666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.3333333333%;
}
.col-md-8 {
width: 66.6666666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.3333333333%;
}
.col-md-11 {
width: 91.6666666667%;
}
.col-md-12 {
width: 100%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.3333333333%;
}
.col-lg-2 {
width: 16.6666666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.3333333333%;
}
.col-lg-5 {
width: 41.6666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.3333333333%;
}
.col-lg-8 {
width: 66.6666666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.3333333333%;
}
.col-lg-11 {
width: 91.6666666667%;
}
.col-lg-12 {
width: 100%;
}
}
.ht-grid {
margin-left: -15px;
margin-right: -15px;
min-height: 1px;
}
.ht-grid:after {
content: "";
display: block;
clear: both;
}
.ht-grid-item {
padding-left: 15px;
padding-right: 15px;
float: left;
min-height: 1px;
min-height: 1px;
}
@media (min-width: 1024px) {
.ht-grid-1 .ht-grid-item {
width: calc( 100% / 1 );
}
.ht-grid-2 .ht-grid-item {
width: calc( 100% / 2 );
}
.ht-grid-2 .ht-grid-item:nth-of-type(2n+3) {
clear: both;
}
.ht-grid-3 .ht-grid-item {
width: calc( 100% / 3 );
}
.ht-grid-3 .ht-grid-item:nth-of-type(3n+4) {
clear: both;
}
.ht-grid-4 .ht-grid-item {
width: calc( 100% / 4 );
}
.ht-grid-4 .ht-grid-item:nth-of-type(4n+5) {
clear: both;
}
.ht-grid-5 .ht-grid-item {
width: calc( 100% / 5 );
}
.ht-grid-5 .ht-grid-item:nth-of-type(5n+6) {
clear: both;
}
.ht-grid-6 .ht-grid-item {
width: calc( 100% / 6 );
}
.ht-grid-6 .ht-grid-item:nth-of-type(6n+7) {
clear: both;
}
.ht-grid-7 .ht-grid-item {
width: calc( 100% / 7 );
}
.ht-grid-7 .ht-grid-item:nth-of-type(7n+8) {
clear: both;
}
.ht-grid-8 .ht-grid-item {
width: calc( 100% / 8 );
}
.ht-grid-8 .ht-grid-item:nth-of-type(8n+9) {
clear: both;
}
.ht-grid-9 .ht-grid-item {
width: calc( 100% / 9 );
}
.ht-grid-9 .ht-grid-item:nth-of-type(9n+10) {
clear: both;
}
.ht-grid-10 .ht-grid-item {
width: calc( 100% / 10 );
}
.ht-grid-10 .ht-grid-item:nth-of-type(10n+11) {
clear: both;
}
.ht-grid-11 .ht-grid-item {
width: calc( 100% / 11 );
}
.ht-grid-11 .ht-grid-item:nth-of-type(11n+12) {
clear: both;
}
.ht-grid-12 .ht-grid-item {
width: calc( 100% / 12 );
}
.ht-grid-12 .ht-grid-item:nth-of-type(12n+13) {
clear: both;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.ht-grid-tablet-1 .ht-grid-item {
width: calc( 100% / 1 );
}
.ht-grid-tablet-2 .ht-grid-item {
width: calc( 100% / 2 );
}
.ht-grid-tablet-2 .ht-grid-item:nth-of-type(2n+3) {
clear: both;
}
.ht-grid-tablet-3 .ht-grid-item {
width: calc( 100% / 3 );
}
.ht-grid-tablet-3 .ht-grid-item:nth-of-type(3n+4) {
clear: both;
}
.ht-grid-tablet-4 .ht-grid-item {
width: calc( 100% / 4 );
}
.ht-grid-tablet-4 .ht-grid-item:nth-of-type(4n+5) {
clear: both;
}
.ht-grid-tablet-5 .ht-grid-item {
width: calc( 100% / 5 );
}
.ht-grid-tablet-5 .ht-grid-item:nth-of-type(5n+6) {
clear: both;
}
.ht-grid-tablet-6 .ht-grid-item {
width: calc( 100% / 6 );
}
.ht-grid-tablet-6 .ht-grid-item:nth-of-type(6n+7) {
clear: both;
}
.ht-grid-tablet-7 .ht-grid-item {
width: calc( 100% / 7 );
}
.ht-grid-tablet-7 .ht-grid-item:nth-of-type(7n+8) {
clear: both;
}
.ht-grid-tablet-8 .ht-grid-item {
width: calc( 100% / 8 );
}
.ht-grid-tablet-8 .ht-grid-item:nth-of-type(8n+9) {
clear: both;
}
.ht-grid-tablet-9 .ht-grid-item {
width: calc( 100% / 9 );
}
.ht-grid-tablet-9 .ht-grid-item:nth-of-type(9n+10) {
clear: both;
}
.ht-grid-tablet-10 .ht-grid-item {
width: calc( 100% / 10 );
}
.ht-grid-tablet-10 .ht-grid-item:nth-of-type(10n+11) {
clear: both;
}
.ht-grid-tablet-11 .ht-grid-item {
width: calc( 100% / 11 );
}
.ht-grid-tablet-11 .ht-grid-item:nth-of-type(11n+12) {
clear: both;
}
.ht-grid-tablet-12 .ht-grid-item {
width: calc( 100% / 12 );
}
.ht-grid-tablet-12 .ht-grid-item:nth-of-type(12n+13) {
clear: both;
}
}
@media (max-width: 767px) {
.ht-grid-mobile-1 .ht-grid-item {
width: calc( 100% / 1 );
}
.ht-grid-mobile-2 .ht-grid-item {
width: calc( 100% / 2 );
}
.ht-grid-mobile-2 .ht-grid-item:nth-of-type(2n+3) {
clear: both;
}
.ht-grid-mobile-3 .ht-grid-item {
width: calc( 100% / 3 );
}
.ht-grid-mobile-3 .ht-grid-item:nth-of-type(3n+4) {
clear: both;
}
.ht-grid-mobile-4 .ht-grid-item {
width: calc( 100% / 4 );
}
.ht-grid-mobile-4 .ht-grid-item:nth-of-type(4n+5) {
clear: both;
}
.ht-grid-mobile-5 .ht-grid-item {
width: calc( 100% / 5 );
}
.ht-grid-mobile-5 .ht-grid-item:nth-of-type(5n+6) {
clear: both;
}
.ht-grid-mobile-6 .ht-grid-item {
width: calc( 100% / 6 );
}
.ht-grid-mobile-6 .ht-grid-item:nth-of-type(6n+7) {
clear: both;
}
.ht-grid-mobile-7 .ht-grid-item {
width: calc( 100% / 7 );
}
.ht-grid-mobile-7 .ht-grid-item:nth-of-type(7n+8) {
clear: both;
}
.ht-grid-mobile-8 .ht-grid-item {
width: calc( 100% / 8 );
}
.ht-grid-mobile-8 .ht-grid-item:nth-of-type(8n+9) {
clear: both;
}
.ht-grid-mobile-9 .ht-grid-item {
width: calc( 100% / 9 );
}
.ht-grid-mobile-9 .ht-grid-item:nth-of-type(9n+10) {
clear: both;
}
.ht-grid-mobile-10 .ht-grid-item {
width: calc( 100% / 10 );
}
.ht-grid-mobile-10 .ht-grid-item:nth-of-type(10n+11) {
clear: both;
}
.ht-grid-mobile-11 .ht-grid-item {
width: calc( 100% / 11 );
}
.ht-grid-mobile-11 .ht-grid-item:nth-of-type(11n+12) {
clear: both;
}
.ht-grid-mobile-12 .ht-grid-item {
width: calc( 100% / 12 );
}
.ht-grid-mobile-12 .ht-grid-item:nth-of-type(12n+13) {
clear: both;
}
} .flex, .yith-wcwl-share ul a, .product-loop-image-wrapper .tinv-wraper .tinvwl_add_to_wishlist_button, .select2-container--default .select2-selection--single .select2-selection__arrow, .woocommerce-form-coupon-toggle, .woocommerce-form-login-toggle, .mini-cart-product-infor .mini-cart-product-qty, .cart-sidebar-content .woocommerce-mini-cart__buttons a.checkout, .cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout), #close-cart-sidebar-btn, .quantity .product-qty, .product-loop-meta a, .loop-wrapper-wishlist a, .loop-wrapper-wishlist .feedback, .product-loop-action .loop-add-to-cart-icon-btn,
.product-loop-action .added_to_cart, .product-loop-action .yith-wcwl-add-to-wishlist a, .product-loop-action .yith-wcwl-add-to-wishlist .feedback, .quick-view-with-icon, .woocommerce-store-notice a, .onsale, .woostify-out-of-stock-label, .pagination ul .page-numbers:not(.prev):not(.next), .woocommerce-pagination ul .page-numbers:not(.prev):not(.next), .product_list_widget .remove_from_cart_button, .search-form .search-form-icon,
.woocommerce-product-search .search-form-icon, #scroll-to-top, .woostify-icon-bar, #woostify-login-form-popup .woostify-login-form-popup-content .dialog-account-close-icon, .dialog-search-content .dialog-search-close-icon, .site-dialog-search, .error404 .site-content, .woostify-pezshop-subsbrice-form .wrapper-submit, .wpcf7 .wpcf7-form.submitting .ajax-loader, .wpcf7 .wpcf7-form.submitting .wpcf7-spinner, .wpcf7 .ajax-loader.is-active, .wpcf7 .wpcf7-spinner.is-active, .tns-controls [data-controls] {
display: flex;
justify-content: center;
align-items: center;
}
.inline-flex, .has-multi-step-checkout .item-text:before, .has-multi-step-checkout .multi-step-inner, .woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-remove a, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-remove a, .shop-cart-count,
.wishlist-item-count, .single_add_to_cart_button, .quantity, .woostify-footer-social-icon li a, .page-links .post-page-numbers {
display: inline-flex;
justify-content: center;
align-items: center;
}  .duration, .woocommerce-address-fields .button:hover, .woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit], .has-multi-step-checkout .woostify-before-order-review .woostify-before-order-review-icon, .has-multi-step-checkout .multi-step-checkout-button[data-action=back], #woostify-overlay, #close-cart-sidebar-btn, #shop-cart-sidebar:after, .product-loop-image-wrapper.zoom-hover img, .button,
.product-loop-image-wrapper > .added_to_cart,
.woocommerce-widget-layered-nav-dropdown__submit,
.checkout-button, .product-loop-action .yith-wcwl-add-to-wishlist, .product-loop-action, .woocommerce-store-notice a .woostify-svg-icon, #toggle-sidebar-mobile-button, #commentform input[type=submit], #commentform #email,
#commentform #author, #commentform #comment, .woostify-shop-category .elementor-widget-wrap > .elementor-widget-image .wp-caption .wp-caption-text, .search-form .search-form-icon,
.woocommerce-product-search .search-form-icon, #scroll-to-top, .sidebar-menu .primary-navigation:not(.elementor-inner) a:before, .sidebar-menu .arrow-icon, .sidebar-menu, .header-search-icon, .woostify-product-navigation .product-nav-item-content, a, .page-links .post-page-numbers, .woostify-simple-subsbrice-form-dark input[type=submit], .woostify-simple-subsbrice-form-dark input:not([type=submit]), .woostify-simple-subsbrice-form input[type=submit], .woostify-simple-subsbrice-form input:not([type=submit]), .woostify-contact-form textarea, .woostify-contact-form input, .woostify-subscribe-form input[type=email] {
transition-duration: 0.3s;
}
.delay {
transition-delay: 0.3s;
} @keyframes circle-loading {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.circle-loading:before, .updating-cart.ajax-single-add-to-cart .single_add_to_cart_button.loading:before, .updating-cart #shop-cart-sidebar:before, .image-loading:before, body:not(.yith-wcms-pro) .processing:not(.um-woo-status):before, .tns:not(.tns-slider):before {
content: "";
z-index: 2;
position: absolute;
border: 1px solid #ddd;
border-top-color: #222;
border-radius: 50%;
height: 20px;
width: 20px;
top: calc( 50% - 10px );
left: calc( 50% - 10px );
transform: translateY(-50%) translateX(-50%);
animation: circle-loading 0.35s linear infinite;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ez-zoom {
position: relative;
}
.easyzoom-flyout {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 1;
overflow: hidden;
background: #fff;
transition: opacity 0.5s ease;
}
.easyzoom-flyout img {
max-width: initial;
opacity: 1 !important;
}
.easyzoom-flyout:hover {
opacity: 1;
}   .pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden;
outline: none;
}
.pswp img {
max-width: none;
opacity: 1 !important;
} .pswp--animate_opacity { opacity: 0.001;
will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
max-width: none;
}
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img { cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} .pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top; transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
} .pswp__img--placeholder {
-webkit-backface-visibility: hidden;
} .pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
} .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}    .pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
transition: opacity 0.2s;
box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
} .pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(//thaimanukamotorcycle.ltd/go/wp-content/themes/woostify/assets/images/pswp/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(//thaimanukamotorcycle.ltd/go/wp-content/themes/woostify/assets/images/pswp/default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
} .pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
} .pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background-color: rgba(0, 0, 0, 0.3);
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
button.pswp__button--arrow--left:before,
button.pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, 0.3) !important;
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
} .pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
transform: translateY(6px);
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0);
} .pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
} .pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
} .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
} .pswp__caption--fake {
visibility: hidden;
} .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn { background: url(//thaimanukamotorcycle.ltd/go/wp-content/themes/woostify/assets/images/pswp/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut { position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-140deg);
}
100% {
transform: rotate(0);
}
}  .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
} .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
} .pswp--has_mouse .tton--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
} .pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
} .pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
} .pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001;
} .pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
.pswp__thumbnails {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
white-space: nowrap;
overflow: auto;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
text-align: center;
}
@media (min-width: 768px) {
.pswp__thumbnails {
width: auto;
top: 0;
bottom: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
max-height: 100vh;
margin: 50px;
background: 0 0;
overflow: visible;
}
}
.pswp__thumbnails .thumbnail-item {
width: 50px;
margin: 5px;
border-radius: 2px;
overflow: hidden;
border: 1px solid transparent;
display: inline-block;
}
.pswp__thumbnails .thumbnail-item.active {
border: 1px solid #555;
}
.pswp__thumbnails .thumbnail-item:hover {
cursor: pointer;
}
.pswp__thumbnails .thumbnail-item img {
width: 100%;
}
.tns-outer {
position: relative;
direction: ltr;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer.ms-touch {
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: none;
-ms-scroll-chaining: none;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0%, 100%);
}
.tns-slider {
transition: all 0s;
}
.tns:not(.tns-slider) .tnsi:first-of-type,
.tns:not(.tns-slider) .product:first-of-type {
opacity: 0;
visibility: hidden;
}
.tns:not(.tns-slider) .tnsi ~ .tnsi,
.tns:not(.tns-slider) .tnsi ~ .product,
.tns:not(.tns-slider) .product ~ .tnsi,
.tns:not(.tns-slider) .product ~ .product {
display: none;
}
.tns-slider > .tns-item {
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-moving {
transition: all 0.25s;
}
.tns-lazy-img {
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.loaded {
opacity: 1;
}
.tns-ah {
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-hdx {
overflow-x: hidden;
}
.tns-hdy {
overflow-y: hidden;
}
.tns-visually-hidden,
.tns-outer button[data-action] {
display: none;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.tns-normal,
.tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
} .tns-controls [data-controls] {
position: absolute;
top: 50%;
background: #fff;
width: 50px;
height: 50px;
border-radius: 50%;
color: #aaa;
border: 0;
font-size: 0;
z-index: 2;
transform: translateY(-50%);
}
.tns-controls [data-controls]:disabled {
visibility: hidden;
opacity: 0;
transition: all 0.25s;
}
.tns-controls [data-controls] .woostify-svg-icon {
color: currentColor;
line-height: normal;
}
.tns-controls [data-controls] .woostify-svg-icon svg {
width: 18px;
height: 18px;
}
.tns-controls [data-controls=prev] {
left: 20px;
}
.tns-controls [data-controls=next] {
right: 20px;
} .tns-nav {
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
z-index: 2;
height: 0;
}
.tns-nav button {
width: 12px;
height: 12px;
margin: 0 5px;
border-radius: 50%;
display: inline-block;
background-color: #fafafa;
border: 0;
}
.tns-nav button.tns-nav-active {
cursor: default;
background-color: #444;
} .flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
} .flickity-button {
position: absolute;
background: hsla(0deg, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .flickity-prev-next-button {
top: 50%;
border-radius: 50%;
transform: translateY(-50%);
background: #fff;
width: 50px;
height: 50px;
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
.flickity-prev-next-button .woostify-svg-icon {
display: inline-flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.flickity-prev-next-button .woostify-svg-icon svg {
width: 20px;
height: 20px;
display: block;
} .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.wpcf7 br {
display: none;
}
.wpcf7 .ajax-loader, .wpcf7 .wpcf7-spinner {
display: none;
opacity: 0;
visibility: hidden;
width: 1em;
height: 1em;
}
.wpcf7 .ajax-loader.is-active, .wpcf7 .wpcf7-spinner.is-active {
margin-top: 10px;
opacity: 1;
visibility: visible;
animation: loading 0.5s linear infinite;
}
.wpcf7 .wpcf7-form.submitting .ajax-loader, .wpcf7 .wpcf7-form.submitting .wpcf7-spinner {
margin-top: 10px;
opacity: 1;
visibility: visible;
animation: loading 0.5s linear infinite;
}
.wpcf7 .hidden-fields-container {
border: none;
padding: 0;
}
.wpcf7-mail-sent-ok {
color: #27ae61;
}
.wpcf7-display-none {
display: none;
}
.wpcf7-response-output {
margin: 10px 0;
}
.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
color: firebrick;
margin: 5px 0;
display: block;
font-size: 12px;
}
@keyframes loading {
100% {
transform: rotate(360deg);
}
} .woostify-subscribe-form {
position: relative;
display: inline-block;
max-width: 100%;
}
.woostify-subscribe-form input[type=email] {
height: 44px;
border-radius: 50px;
padding: 0 100px 0 30px;
display: block;
}
.woostify-subscribe-form input[type=email]::-webkit-input-placeholder {
color: #bfbfbf;
}
.woostify-subscribe-form input[type=email]:-moz-placeholder {
color: #bfbfbf;
}
.woostify-subscribe-form input[type=email]::-moz-placeholder {
color: #bfbfbf;
}
.woostify-subscribe-form input[type=email]:-ms-input-placeholder {
color: #bfbfbf;
}
.woostify-subscribe-form input[type=email]:focus {
border-color: #ccc;
}
.woostify-subscribe-form input[type=submit] {
font-size: 12px;
font-weight: 600;
position: absolute;
right: 0;
top: 0;
height: 44px;
border: 0;
padding: 0 20px;
border-radius: 0 50px 50px 0;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0);
} .woostify-contact-form input {
height: 50px;
}
.woostify-contact-form input:not([type=submit]) {
padding: 0 20px;
display: block;
width: 100%;
margin-bottom: 30px;
border-radius: 4px;
}
.woostify-contact-form input:not([type=submit])::-webkit-input-placeholder {
color: #bfbfbf;
}
.woostify-contact-form input:not([type=submit]):-moz-placeholder {
color: #bfbfbf;
}
.woostify-contact-form input:not([type=submit])::-moz-placeholder {
color: #bfbfbf;
}
.woostify-contact-form input:not([type=submit]):-ms-input-placeholder {
color: #bfbfbf;
}
.woostify-contact-form input:not([type=submit]):focus {
border-color: #ccc;
}
.woostify-contact-form input[type=submit] {
border-radius: 50px;
padding: 0 20px;
text-transform: uppercase;
font-weight: 600;
min-width: 130px;
}
.woostify-contact-form textarea {
width: 100%;
display: block;
padding: 20px;
resize: none;
border-radius: 4px;
margin-bottom: 30px;
}
.woostify-contact-form textarea::-webkit-input-placeholder {
color: #bfbfbf;
}
.woostify-contact-form textarea:-moz-placeholder {
color: #bfbfbf;
}
.woostify-contact-form textarea::-moz-placeholder {
color: #bfbfbf;
}
.woostify-contact-form textarea:-ms-input-placeholder {
color: #bfbfbf;
}
.woostify-contact-form textarea:focus {
border-color: #ccc;
} .woostify-simple-subsbrice-form:focus-within input:not([type=submit]) {
padding-right: 130px;
}
.woostify-simple-subsbrice-form:focus-within input[type=submit] {
text-decoration: none;
color: #fff;
}
.woostify-simple-subsbrice-form input:not([type=submit]) {
height: 50px;
padding: 0 110px 0 20px;
display: block;
width: 100%;
}
.woostify-simple-subsbrice-form input:not([type=submit]):focus {
border-color: #c6c0c0;
}
.woostify-simple-subsbrice-form input[type=submit] {
font-size: 12px;
font-weight: 600;
position: absolute;
right: 0;
top: 0;
height: 50px;
border: 0;
padding: 0 20px;
text-decoration: underline;
background-color: rgba(0, 0, 0, 0);
}
.woostify-simple-subsbrice-form input[type=submit]:hover {
text-decoration: none;
color: #fff;
}
.woostify-simple-subsbrice-form-dark input {
background-color: rgba(0, 0, 0, 0);
}
.woostify-simple-subsbrice-form-dark input:not([type=submit]) {
height: 50px;
padding: 0 110px 0 20px;
display: block;
width: 100%;
color: #fff;
}
.woostify-simple-subsbrice-form-dark input:not([type=submit]):focus {
border-color: #c6c0c0;
}
.woostify-simple-subsbrice-form-dark input[type=submit] {
font-size: 18px;
font-weight: 700;
position: absolute;
right: 0;
top: 0;
height: 50px;
border: 0;
padding: 0 20px;
color: #fff;
}
.woostify-simple-subsbrice-form-dark input[type=submit]:hover {
color: #fff;
} .woostify-pezshop-subsbrice-form {
position: relative;
}
.woostify-pezshop-subsbrice-form input {
border-radius: 50px;
padding: 15px 30px;
border: 0;
}
.woostify-pezshop-subsbrice-form input:not([type=submit]) {
width: 100%;
padding: 12px 120px 12px 30px;
}
.woostify-pezshop-subsbrice-form .wrapper-submit {
position: absolute;
top: 0;
right: 0;
bottom: 0;
min-width: 90px;
border-radius: 50px;
}
.woostify-pezshop-subsbrice-form .wrapper-submit:before {
content: "\f1b0";
font-family: FontAwesome;
color: #ffaf35;
font-size: 25px;
}
.woostify-pezshop-subsbrice-form .wrapper-submit input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 0;
width: 100%;
background-color: transparent;
border: 0;
}
.user-registration.ur-frontend-form .form-row {
float: none;
} .lity {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
white-space: nowrap;
background: #0b0b0b;
background: rgba(0, 0, 0, 0.9);
outline: none !important;
opacity: 0;
transition: opacity 0.3s ease;
}
.lity.lity-opened {
opacity: 1;
}
.lity * {
box-sizing: border-box;
}
.lity-wrap {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
outline: none !important;
}
.lity-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -0.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
opacity: 1;
}
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
white-space: normal;
max-width: 100%;
max-height: 100%;
outline: none !important;
}
.lity-content {
z-index: 9993;
width: 100%;
transform: scale(1);
transition: transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
transform: scale(0.8);
}
.lity-content:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: fixed;
right: 15px;
top: 15px;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
box-shadow: none;
}
.logged-in.admin-bar .lity-close {
top: 61px;
}
@media (min-width: 783px) {
.logged-in.admin-bar .lity-close {
top: 47px;
}
}
.lity-close.lity {
opacity: 0;
}
.lity-close:active {
top: 1px;
}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
box-shadow: none;
}
.lity-close::-moz-focus-inner {
border: 0;
padding: 0;
} .lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0;
} .lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
width: 100%;
max-width: 964px;
}
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
transform: translateZ(0);
-webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.lity-hide {
display: none;
} *,
*:before,
*:after {
box-sizing: border-box;
outline: none;
}
html {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
font-size: 14px;
background-color: #fff;
}
body {
margin: 0;
overflow-x: hidden;
word-break: break-word;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
audio,
canvas,
progress,
video {
display: block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
ul,
ol {
padding-left: 20px;
}
iframe,
embed,
figure,
figcaption {
border: 0;
max-width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote,
blockquote:before,
blockquote:after,
q,
q:before,
q:after {
content: "";
}
img,
video {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
audio,
canvas,
video {
display: inline;
zoom: 1;
}
.clear {
clear: both;
}
.clearfix:after, #payment:after, .woocommerce-billing-fields:after, #customer_details:after, .checkout_coupon.woocommerce-form-coupon:after,
.checkout.woocommerce-checkout:after, .cart-collaterals:after, .cart-sidebar-content .variation:after, .products:after, .container:after, .related-box:after, .price_slider_wrapper .price_slider:after, .widget_products li:after,
.widget_recent_reviews li:after,
.widget_top_rated_products li:after,
.widget_recently_viewed_products li:after, .site-content:after, .woostify-container:after, .post-password-form p:after, .wpcf7 .row:after {
content: "";
display: block;
clear: both;
}
.display-none {
display: none;
}
.display-block {
display: block;
}
.display-inline-block {
display: inline-block;
}
.display-table {
display: table;
}
.display-flex {
display: flex;
}
.display-inline-flex {
display: inline-flex;
}
.display-inline {
display: inline;
}
.display-initial {
display: initial;
}
.display-inherit {
display: inherit;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.hidden {
display: none;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.float-none {
float: none;
}
.overflow-hidden {
overflow: hidden;
}
.screen-reader-text,
.sr-only,
.single-post .post-navigation,
.post-loop .updated:not(.published),
.screen-reader-response {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
[data-elementor-type] {
clear: both;
} .sticky,
.bypostauthor {
background: rgba(0, 0, 0, 0);
} .wp-caption {
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 14px;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.wp-caption .wp-caption-text a {
color: #7b98aa;
} .gallery-icon img {
margin: 0 auto;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-item {
width: 100%;
display: inline-block;
text-align: center;
vertical-align: top;
margin-top: 0 !important;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 0;
} .alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
} .post-password-form {
display: block;
clear: both;
}
.post-password-form label {
float: left;
display: inline-flex;
align-items: center;
}
.post-password-form input[type=password] {
height: 36px;
min-width: 240px;
max-width: 100%;
padding: 0 10px;
float: right;
margin-left: 10px;
margin-right: 10px;
border-radius: 3px;
}
.post-password-form input[type=submit] {
height: 36px;
padding: 0 20px;
cursor: pointer;
border: 0;
float: left;
background: #333;
color: #fff;
border-radius: 3px;
} #wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: left;
margin-bottom: 10px;
}
#wp-calendar * {
text-align: center;
}
#wp-calendar #prev {
text-align: left;
}
#wp-calendar #next {
text-align: right;
}
#wp-calendar td, #wp-calendar th {
padding: 10px 5px;
} .widget_recent_posts_thumbnail .widget_recent_post_thumbnail_item + .widget_recent_post_thumbnail_item,
.elementor-widget-wp-widget-goto_recent_posts_with_thumbnail .widget_recent_post_thumbnail_item + .widget_recent_post_thumbnail_item {
margin-top: 15px;
}
.widget_recent_posts_thumbnail .blog-recent-post-thumbnail-img,
.elementor-widget-wp-widget-goto_recent_posts_with_thumbnail .blog-recent-post-thumbnail-img {
float: left;
width: 70px;
}
.widget_recent_posts_thumbnail .blog-recent-post-thumbnail-sumary,
.elementor-widget-wp-widget-goto_recent_posts_with_thumbnail .blog-recent-post-thumbnail-sumary {
width: calc( 100% - 80px);
margin-left: 9px;
float: left;
}
.widget_recent_posts_thumbnail .blog-recent-post-thumbnail-sumary a,
.elementor-widget-wp-widget-goto_recent_posts_with_thumbnail .blog-recent-post-thumbnail-sumary a {
font-weight: 600;
line-height: initial;
}
.widget_recent_posts_thumbnail .blog-recent-post-thumbnail-sumary span,
.elementor-widget-wp-widget-goto_recent_posts_with_thumbnail .blog-recent-post-thumbnail-sumary span {
margin-top: 10px;
font-size: 12px;
color: #aaaaaa;
} .comment-post-pingback {
line-height: 24px;
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
}
.comment-post-pingback + .comment-post-pingback {
margin-top: 12px;
}
.comment-post-pingback + .comment-item {
margin-top: 50px;
}
.comment-post-pingback .comment-edit-link {
float: right;
margin-left: 20px;
}
.comment-post-pingback .url {
margin-left: 7px;
}
.comment-post-pingback .url:hover {
text-decoration: underline;
} .page-links {
margin-top: 20px;
clear: both;
display: block;
}
.page-links .post-page-numbers {
width: 26px;
height: 26px;
border-radius: 2px;
border: 1px solid #888;
}
.page-links .post-page-numbers:hover {
opacity: 0.6;
color: #888;
}
.page-links .post-page-numbers.current {
border: 1px solid #ddd;
color: #ddd;
cursor: default;
pointer-events: none;
}
select {
border: 1px solid #ccc;
border-radius: 0;
max-width: 100%;
}
select:-moz-focusring {
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #ccc;
}
input {
border: 1px solid #ccc;
}
input[type=search], input[type=email], input[type=number], input[type=url], input[type=text], input[type=tel], input[type=password] {
-webkit-appearance: none;
}
textarea {
border: 1px solid #ccc;
-webkit-appearance: none;
}
input,
textarea,
button {
border-radius: 0;
max-width: 100%;
font-size: 14px;
}
input[type=button],
input[type=submit],
input[type=reset],
input[type=file],
button {
-webkit-appearance: none;
cursor: pointer;
padding: 0;
border: 1px solid #ccc;
}
input[type=button].disabled, input[type=button]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=file].disabled,
input[type=file]:disabled,
button.disabled,
button:disabled {
pointer-events: none;
opacity: 0.5;
filter: grayscale(100%);
}
input[type=file] {
display: flex;
padding: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 15px 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
p {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
margin: 0 0 10px;
}
li ul,
li ol {
padding-left: 0;
margin-left: 20px;
}
b,
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
font-weight: 300;
margin: 30px 0;
border-left: 4px solid #333;
padding-left: 30px;
position: relative;
clear: both;
display: block;
}
blockquote p {
margin-bottom: 1.6667em;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote cite,
blockquote small {
color: #333;
font-size: 16px;
line-height: 1.6;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
address {
font-style: italic;
margin: 0 0 1.6em;
line-height: 24px;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
-webkit-hyphens: none;
hyphens: none;
}
pre {
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid rgba(51, 51, 51, 0.1);
line-height: 24px;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 0.8em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
mark,
ins {
text-decoration: none;
word-break: normal;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
hr {
background-color: #eaeaea;
background-color: rgba(51, 51, 51, 0.1);
border: 0;
height: 1px;
margin: 15px 0;
}
table,
th,
td {
border: 1px solid #ddd;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0;
table-layout: fixed;
max-width: 100%;
}
.woocommerce table {
width: 100%;
table-layout: auto;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
tbody th {
background: #fff;
}
thead th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 5px 10px;
line-height: 24px;
}
del {
opacity: 0.8;
} input::-webkit-input-placeholder {
color: inherit;
}
input:-moz-placeholder {
color: inherit;
}
input::-moz-placeholder {
color: inherit;
}
input:-ms-input-placeholder {
color: inherit;
}
textarea {
max-width: 100%;
}
textarea::-webkit-input-placeholder {
color: inherit;
}
textarea:-moz-placeholder {
color: inherit;
}
textarea::-moz-placeholder {
color: inherit;
}
textarea:-ms-input-placeholder {
color: inherit;
}
a {
text-decoration: none;
}
dl {
margin: 0 0 1.75em;
line-height: 24px;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 10px;
}
.rtl {
direction: rtl;
}
.no-sidebar:not(.site-boxed-container) .alignfull {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
width: 100vw;
}
.no-sidebar:not(.site-boxed-container) .alignwide {
max-width: unset;
width: unset;
}
.no-sidebar:not(.site-boxed-container) .alignwide {
margin-left: -100px;
margin-right: -100px;
max-width: unset;
width: unset;
}
.no-sidebar:not(.site-boxed-container).site-full-width-container .alignwide {
margin-left: 0px;
margin-right: 0px;
}
.no-sidebar:not(.site-boxed-container).site-full-width-stretched-container .alignwide {
margin-left: 0px;
margin-right: 0px;
}
.site-content-boxed-container.no-sidebar .alignfull {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.site-content-boxed-container.no-sidebar .alignwide {
margin-left: -10px;
margin-right: -10px;
}
article p:last-child {
clear: both;
}
.category-block .entry-content p {
line-height: initial;
}
#comments {
clear: both;
}
.wp-caption,
.wp-block-embed,
.wp-block-image {
margin-left: 0;
margin-right: 0;
}
.elementor-template-full-width:not(.single-product) #content .woostify-container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.site-full-width-stretched-container .site-content .woostify-container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.site-full-width-container .site-content .woostify-container {
max-width: 100%;
}
.site-boxed-container #view {
margin-left: auto;
margin-right: auto;
}
.site-boxed-container .site-content .woostify-container {
max-width: 100%;
}
.site-content-boxed-container #view {
background-color: rgba(0, 0, 0, 0);
}
.site-content-boxed-container .site-content {
margin: 0 auto;
padding: 30px 0;
background-color: #fff;
}
.site-content-boxed-container .site-content .woostify-container {
max-width: 100%;
}
.woostify-container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
#view {
position: relative;
overflow-x: hidden;
transition: all 0.3s;
}
.site-content {
margin: 3.5em 0;
}
.woobuilder-active .site-content, .elementor-page .site-content, .edited-by-divi-builder .site-content, .elementor-template-full-width .site-content {
margin: 0;
}
.site-content-boxed-container.elementor-template-full-width .site-content{
max-width: 100%;
}
.single-product .site-content {
margin-top: 0;
}
.error404 .site-content {
margin-top: 0;
min-height: 500px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.error404 .site-footer {
margin-top: 0;
}
.error404 .error-404-text {
max-width: 320px;
margin: 0 auto;
font-size: 18px;
line-height: 1.8em;
}
.search-no-results .search-form .search-field,
.search-no-results .woocommerce-product-search .search-field {
border-radius: 5px;
}
.safari-detected .woostify-product-navigation .product-nav-item-content {
align-items: center;
}
.safari-detected .woostify-product-navigation .product-nav-item-content img {
position: absolute;
top: 50%;
min-height: 100%;
transform: translateY(-50%);
}
.safari-detected .woostify-product-navigation .next-product-navigation .product-nav-item-content {
padding-right: 60px;
}
.safari-detected .woostify-product-navigation .next-product-navigation img {
right: 0;
}
.safari-detected .woostify-product-navigation .prev-product-navigation .product-nav-item-content {
padding-left: 60px;
}
.safari-detected .woostify-product-navigation .prev-product-navigation img {
left: 0;
}
.woostify-svg-icon {
display: inline-flex;
display: -ms-inline-flexbox;
align-self: center;
color: currentColor;
}
.woostify-svg-icon svg {
display: block;
width: 14px;
height: 14px;
fill: currentColor;
}
.woostify-svg-icon svg path {
fill: currentColor;
}
.dialog-search-open {
overflow: hidden;
}
.dialog-search-open .site-dialog-search {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.dialog-search-open .dialog-search-content {
animation-name: anim-open;
}
.dialog-search-close .dialog-search-content {
animation-name: anim-close;
}
.dialog-search-open .dialog-search-content,
.dialog-search-close .dialog-search-content {
animation-duration: 0.4s;
animation-fill-mode: forwards;
}
.site-dialog-search {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
z-index: 200;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(55, 58, 71, 0.9);
transition-duration: 0.4s;
}
.site-dialog-search .woocommerce-product-search.category-filter {
border-radius: 0;
background-color: #f1f3f5;
}
.site-dialog-search form {
margin: 0;
}
.dialog-search-content {
opacity: 0;
width: 50%;
max-width: 650px;
min-width: 290px;
background-color: #fff;
position: relative;
z-index: 5;
border-radius: 4px;
overflow: hidden;
}
@media (max-width: 768px) {
.dialog-search-content {
max-width: 80%;
width: 100%;
}
}
.dialog-search-content .dialog-search-header {
padding-left: 20px;
font-weight: 700;
position: relative;
z-index: 10;
box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03);
display: flex;
justify-content: space-between;
align-items: center;
}
.dialog-search-content .dialog-search-title {
flex-grow: 1;
text-transform: uppercase;
}
.dialog-search-content .dialog-search-close-icon {
cursor: pointer;
font-weight: 700;
height: 50px;
width: 50px;
}
.dialog-search-content .dialog-search-close-icon:hover {
color: firebrick;
}
.dialog-search-content .search-form,
.dialog-search-content .woocommerce-product-search {
height: 60px;
}
.dialog-search-content .search-form:after,
.dialog-search-content .woocommerce-product-search:after {
height: 100%;
}
.dialog-search-content .search-form .search-form-icon,
.dialog-search-content .woocommerce-product-search .search-form-icon {
height: 100%;
}
.dialog-search-content .search-form .search-field,
.dialog-search-content .woocommerce-product-search .search-field {
border-radius: 0;
visibility: visible;
background-color: #f1f3f5;
font-size: 1em;
font-style: italic;
}
.dialog-search-content .search-form .search-field:focus,
.dialog-search-content .woocommerce-product-search .search-field:focus {
border-color: rgba(0, 0, 0, 0);
}
.dialog-search-content .search-form .search-field::-webkit-input-placeholder,
.dialog-search-content .woocommerce-product-search .search-field::-webkit-input-placeholder {
color: #a5b0b7;
}
.dialog-search-content .search-form .search-field:-moz-placeholder,
.dialog-search-content .woocommerce-product-search .search-field:-moz-placeholder {
color: #a5b0b7;
}
.dialog-search-content .search-form .search-field::-moz-placeholder,
.dialog-search-content .woocommerce-product-search .search-field::-moz-placeholder {
color: #a5b0b7;
}
.dialog-search-content .search-form .search-field:-ms-input-placeholder,
.dialog-search-content .woocommerce-product-search .search-field:-ms-input-placeholder {
color: #a5b0b7;
}
@keyframes anim-open {
0% {
opacity: 0;
transform: translate3d(0, -150px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes anim-close {
0% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
transform: translate3d(0, 50px, 0);
}
}
#woostify-login-form-popup {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
z-index: 200;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(55, 58, 71, 0.9);
transition-duration: 0.4s;
overflow-y: auto;
}
#woostify-login-form-popup .dialog-popup-inner {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 15px;
box-sizing: border-box;
}
@media (min-width: 768px) {
#woostify-login-form-popup .dialog-popup-inner {
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
}
}
#woostify-login-form-popup .dialog-popup-content {
display: inline-block;
vertical-align: middle;
max-width: 100%;
margin: 0 auto;
width: 100%;
}
#woostify-login-form-popup .woostify-login-form-popup-content {
background: #fff;
max-width: 875px;
padding: 30px 20px;
width: 100%;
margin: 0 auto;
}
#woostify-login-form-popup .woostify-login-form-popup-content .woocommerce-error {
margin-top: 0;
list-style: none;
}
#woostify-login-form-popup .woostify-login-form-popup-content .dialog-account-close-icon {
cursor: pointer;
font-weight: 700;
height: 30px;
width: 30px;
position: absolute;
top: 0;
right: 0;
}
#woostify-login-form-popup .woostify-login-form-popup-content .dialog-account-close-icon:hover {
color: firebrick;
}
#woostify-login-form-popup .woostify-login-form-popup-content .u-columns {
display: flex;
flex-wrap: wrap;
margin-left: -30px;
}
#woostify-login-form-popup .woostify-login-form-popup-content .u-columns [class^=u-column] {
width: 100%;
padding-left: 30px;
margin: 0;
float: none;
max-width: 50%;
}
@media (max-width: 767px) {
#woostify-login-form-popup .woostify-login-form-popup-content .u-columns [class^=u-column] {
max-width: 100%;
}
}
#woostify-login-form-popup .woostify-login-form-popup-content .u-columns [class^=u-column] h2 {
margin-top: 0;
}
#woostify-login-form-popup .woostify-login-form-popup-content .woocommerce-form.woocommerce-form-login .woocommerce-form-login__rememberme {
text-align: left;
}
#woostify-login-form-popup .woostify-login-form-popup-content .woocommerce-form.woocommerce-form-login .woocommerce-form-login__submit {
margin-left: 0;
margin-right: 0;
}
#woostify-login-form-popup .woostify-login-form-popup-content .woocommerce-form.woocommerce-form-login .lost_password {
text-align: left;
}
#woostify-login-form-popup .woostify-login-form-popup-content .woocommerce-form.woocommerce-form-register .input-text {
height: 40px;
}
.dialog-account-open {
overflow: hidden;
}
.dialog-account-open #woostify-login-form-popup {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.dialog-account-open .woostify-login-form-popup-content {
animation-name: anim-open;
}
.dialog-account-close .woostify-login-form-popup-content {
animation-name: anim-close;
}
.dialog-account-open .woostify-login-form-popup-content,
.dialog-account-close .woostify-login-form-popup-content {
animation-duration: 0.4s;
animation-fill-mode: forwards;
}
.page-header .woostify-container {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
}
.page-header .woostify-container:after {
content: none;
}
.page-header .woostify-container.content-align-left {
align-items: flex-start;
}
.page-header .woostify-container.content-align-center {
align-items: center;
}
.page-header .woostify-container.content-align-right {
align-items: flex-end;
}
.page-header .woostify-container.content-align-justify {
flex-direction: row;
justify-content: space-between;
}
.page-header .woostify-container.content-align-justify .entry-title:first-child:last-child {
flex-grow: 1;
text-align: center;
}
.single-product .page-header {
margin-bottom: 0;
}
.page-header + .site-content {
margin-top: 0;
}
.page-header .entry-title {
margin: 0;
font-size: 2em;
font-weight: normal;
} .single-product.right-sidebar .content-top, .single-product.left-sidebar .content-top {
background-color: #fff;
} .single-product .woostify-breadcrumb {
padding-bottom: 20px;
}
.woostify-breadcrumb .item-bread {
display: inline-block;
}
.woostify-breadcrumb.woostify-theme-breadcrumb .item-bread:after {
content: "/";
font-size: 0.9em;
margin: 0 5px;
}
.woostify-breadcrumb.woostify-theme-breadcrumb .item-bread:last-of-type:after {
content: none;
}
.woostify-breadcrumb .delimiter {
margin: 0 5px;
} .woostify-product-navigation {
display: flex;
align-items: center;
position: relative;
z-index: 11;
}
.woocommerce + .woostify-product-navigation {
flex-grow: 1;
}
@media (min-width: 992px) {
.woocommerce + .woostify-product-navigation {
justify-content: flex-end;
}
}
@media (max-width: 991px) {
.woostify-product-navigation {
width: 100%;
justify-content: space-between;
}
.woostify-product-navigation.product-nav-first {
justify-content: flex-end;
}
}
.woostify-product-navigation .product-nav-item {
position: relative;
padding-bottom: 20px;
}
@media (min-width: 992px) {
.woostify-product-navigation .product-nav-item + .product-nav-item {
margin-left: 3px;
}
.woostify-product-navigation .product-nav-item + .product-nav-item:before {
content: "|";
margin: 0 7px;
}
}
.woostify-product-navigation .product-nav-item:hover .product-nav-item-content {
opacity: 1;
visibility: visible;
transform: translateY(0px);
pointer-events: auto;
}
.woostify-product-navigation .product-nav-item .product-nav-icon {
display: inline-flex;
}
.woostify-product-navigation .product-nav-item-text {
text-transform: uppercase;
display: inline-flex;
}
@media (min-width: 992px) {
.woostify-product-navigation .product-nav-item-text {
padding-bottom: 15px;
}
}
.woostify-product-navigation .product-nav-item-content {
position: absolute;
top: 80%;
display: flex;
opacity: 0;
visibility: hidden;
box-shadow: 0px 10px 10px -5px #ddd;
pointer-events: none;
transform: translateY(10px);
}
@media (max-width: 991px) {
.woostify-product-navigation .product-nav-item-content {
display: none;
}
}
.woostify-product-navigation .product-nav-item-content img {
max-width: 60px;
-o-object-fit: cover;
object-fit: cover;
}
.woostify-product-navigation .product-nav-item-content .product-nav-item-inner {
flex-grow: 1;
min-width: 180px;
background-color: #fff;
padding: 10px 15px;
}
.woostify-product-navigation .product-nav-item-link {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 5;
background-color: transparent;
}
.woostify-product-navigation .product-nav-item-title {
margin: 0;
line-height: 1.2em;
font-size: 1em;
margin-bottom: 5px;
}
.woostify-product-navigation .product-nav-item-price {
white-space: nowrap;
}
.woostify-product-navigation .prev-product-navigation .product-nav-icon {
margin-right: 7px;
}
.woostify-product-navigation .prev-product-navigation .product-nav-item-content {
left: 0;
}
.woostify-product-navigation .next-product-navigation .product-nav-icon {
margin-left: 7px;
}
.woostify-product-navigation .next-product-navigation .product-nav-item-content {
right: 0;
text-align: right;
}
.topbar .woostify-container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.topbar .woostify-container:after {
content: none;
}
.topbar .topbar-item {
flex-grow: 1;
}
.topbar .topbar-item p:empty {
display: none;
}
.topbar .topbar-item p:last-child {
margin-bottom: 0;
}
.topbar-slider{
background-color: #EDFDD3;
}
.topbar-slider * {
color: #000;
}
.topbar-slider{
width: 100%;
}
.topbar-slider .slider-wrapper{
padding: 5px 0;
position: relative;
}
.topbar-slider .flickity-prev-next-button{
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border: 0;
background: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 16px;
}
.topbar-slider .flickity-prev-next-button.previous{
left: 16px;
}
.topbar-slider .flickity-prev-next-button.next{
right: 16px;
}
.topbar-slider .flickity-prev-next-button svg{
width: 1em;
height: 1em;
fill: #222;
}
.topbar-slider .slick-slider .slick-prev{
left: 16px;
z-index: 9;
font-size: 16px;
}
.topbar-slider .slick-slider .slick-next{
right: 16px;
z-index: 9;
font-size: 16px;
}
.topbar-slider .slick-slider .slick-prev::before,
.topbar-slider .slick-slider .slick-next::before{
display: none;
}
.topbar-slider .slick-slider svg{
width: 1em;
height: 1em;
fill: #222;
}
.topbar-slider .slider{
line-height: normal;
width: 100%;
overflow: hidden;
cursor: pointer;
}
.topbar-slider .slider .slider-item{
min-width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
overflow-x: hidden;
position: relative;
margin: 0 1.5vw;
}
.topbar-slider .marquee-slider{
display: flex;
}
.topbar-slider .slick-slider{
display: flex;
}
.topbar-slider .slider .slick-track{
display: flex;
align-items: center;
}
.topbar-slider .slick-slider .slick-track .slider-item{
white-space: normal;
margin: 0;
padding: 0 1.5vw;
}
.topbar-slider .slider .text-scroll{
width: 100%;
text-transform: uppercase;
text-align: center;
}
@media (max-width: 992px) {
.topbar .topbar-item {
text-align: center;
}
}
@media (min-width: 991px) {
.topbar .topbar-center {
text-align: center;
}
.topbar .topbar-right {
text-align: right;
}
} .site-header-inner {
border-bottom: 1px solid #eaeaea;  }
.site-header-inner p:empty {
display: none;
}
.site-header-inner p:last-child {
margin-bottom: 0;
}
.site-header-inner .woostify-container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
min-height: 70px;
}
.site-header-inner .woostify-container:after {
content: none;
}
.site-header-inner .site-navigation + .site-search {
margin-left: 10px;
}
.site-header-inner .site-search {
min-width: 270px;
position: relative;
}
.site-header-inner .site-search + .site-tools {
margin-left: 10px;
}
.site-header-inner .site-search + .site-tools .shopping-bag-button:first-child:last-child {
margin-left: 15px;
}
.site-header-inner .site-search form {
height: 40px;
display: flex;
align-items: center;
}
.site-header-inner .site-search form:after {
font-size: 16px;
width: 40px;
height: 40px;
}
.site-header-inner .site-search form .search-field {
padding-right: 40px;
flex-grow: 1;
width: auto;
}
.site-header-inner .site-search form button[type=submit] {
width: 40px;
} .site-branding .beta.site-title {
margin: 0;
font-size: 24px;
}
.site-branding .logo {
margin: 0;
}
.menu-item .menu-item-icon {
margin-right: 10px;
}
.menu-item .menu-item-icon .woostify-svg-icon {
position: relative;
top: 1px;
}
.menu-item .menu-item-text {
flex-grow: 1;
word-break: normal;
}
.menu-item .menu-item-arrow {
cursor: pointer;
width: 20px;
z-index: 2;
display: inline-flex;
justify-content: center;
align-items: center;
}
.menu-item .menu-item-arrow .woostify-svg-icon svg {
width: 11px;
height: 11px;
} .site-tools {
display: flex;
justify-content: flex-end;
align-items: center;
}
.site-tools .tools-icon {
font-size: 24px;
display: flex;
margin-left: 15px;
position: relative;
}
.site-tools .tools-icon .woostify-svg-icon svg {
width: 24px;
height: 24px;
}
.site-tools .tools-icon .tools-icon {
margin-left: 0;
}
.site-tools .tools-icon.align-center {
align-items: center;
}
.site-tools .tools-icon .woostify-header-total-price {
margin-right: 5px;
}
.site-tools .shopping-bag-button {
position: relative;
margin-right: 15px;
}
.site-tools .shopping-bag-button.cart-icon-rotate:before {
position: relative;
transform: rotate3d(0, 1, 0, 180deg);
}
.site-tools .shopping-bag-button.cart-icon-rotate .woostify-svg-icon {
position: relative;
transform: rotate3d(0, 1, 0, 180deg);
}
.site-tools .shop-cart-count,
.site-tools .wishlist-item-count {
position: absolute;
top: -6px;
right: -15px;
}
.site-tools .shop-cart-count.hide-zero-val.hide,
.site-tools .wishlist-item-count.hide-zero-val.hide {
display: none;
}
.site-tools .woostify-header-total-price.hide-zero-val.hide {
display: none;
}
.my-account {
position: relative;
}
.my-account .my-account-icon {
padding: 8px 0 10px;
font-size: 24px;
display: inline-flex;
display: -webkit-inline-flex;
}
.my-account:hover .subbox {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0px);
}
.my-account .subbox {
min-width: 180px;
margin: 0;
padding-left: 0;
visibility: hidden;
opacity: 0;
position: absolute;
z-index: 12;
left: -20px;
top: 100%;
background-color: #fff;
border-radius: 4px;
pointer-events: none;
transition-duration: 0.2s;
transform: translateY(10px);
box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.my-account .subbox a {
font-size: 14px;
padding: 10px 20px;
display: block;
}
.my-account ul {
padding-left: 0;
margin: 0;
text-align: left;
}
.my-account ul li:first-child {
border-top: 0;
}
.my-account li {
list-style: none;
border-top: 1px solid #eee;
}
.header-search-icon {
cursor: pointer;
} .toggle-sidebar-menu-btn {
font-size: 24px;
cursor: pointer;
}
.has-header-transparent .site-header {
position: static;
left: 0;
right: 0;
z-index: 10;
}
.has-header-transparent .site-header-inner {
background-color: transparent;
}
@media (min-width: 992px) {
.has-header-transparent.header-transparent-for-desktop .site-header {
position: absolute;
}
}
@media (max-width: 991px) {
.has-header-transparent.header-transparent-for-mobile .site-header {
position: absolute;
}
}
.has-header-transparent.header-transparent-for-all-devices .site-header {
position: absolute;
}
.has-header-transparent .site-header + .site-content {
margin-top: 0;
}
.woostify-icon-bar {
width: 26px;
height: 26px;
}
.woostify-icon-bar span {
position: relative;
background-color: #000;
width: 100%;
height: 2px;
display: block;
transition-delay: 0.5s;
transition-duration: 0.5s;
}
.woostify-icon-bar span:before, .woostify-icon-bar span:after {
transition-delay: 0.5s;
transition-duration: 0.5s;
}
.woostify-icon-bar span:before, .woostify-icon-bar span:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: inherit;
}
.woostify-icon-bar span:before {
top: -6px;
}
.woostify-icon-bar span:after {
bottom: -6px;
}
.logged-in.admin-bar #woostify-overlay .woostify-svg-icon {
top: 66px;
}
.sidebar-menu-open {
overflow: hidden;
}
.sidebar-menu-open .woostify-icon-bar span {
transform: rotate(180deg);
}
.sidebar-menu-open .woostify-icon-bar span:before {
width: 50%;
transform: rotate(45deg) translate(14px, -11px);
}
.sidebar-menu-open .woostify-icon-bar span:after {
width: 50%;
transform: rotate(-45deg) translate(14px, 11px);
}
.sidebar-menu-open #woostify-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.sidebar-menu-open #woostify-overlay .woostify-svg-icon{
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
cursor: pointer;
}
.sidebar-menu-open #woostify-overlay .woostify-svg-icon svg{
width: 1.5em;
height: 1.5em;
} .sidebar-menu-open .rtl #view {
transform: translateX(-300px);
}
.sidebar-menu-open .rtl .sidebar-menu {
transform: translateX(0);
}
.sidebar-menu-open .sidebar-menu {
transform: translateX(0);
}
@media (min-width: 992px) {
.sidebar-menu-open .sidebar-menu .site-navigation {
left: 60px;
right: 60px;
}
}
.sidebar-menu {
position: fixed;
left: 0;
bottom: 0;
top: 0;
background-color: #fff;
z-index: 200;
padding-top: 15px;
padding-bottom: 15px;
width: 90%;
overflow-y: scroll;
transform: translateX(-100%);
}
.sidebar-menu.has-nav-tab {
padding-top: 0;
}
.sidebar-menu .arrow-icon {
transform: rotate(0deg);
}
.sidebar-menu .arrow-icon .woostify-svg-icon {
transition: all 0.3s;
}
.sidebar-menu .arrow-icon.active .woostify-svg-icon {
transform: rotate(180deg);
}
.logged-in.admin-bar .sidebar-menu {
top: 46px;
}
@media (min-width: 783px) {
.logged-in.admin-bar .sidebar-menu {
top: 32px;
}
}
.sidebar-menu .hide {
display: none;
}
.sidebar-menu .primary-navigation:not(.elementor-inner) a {
line-height: 3em !important;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.sidebar-menu .ajax-category-filter-box {
background-color: #f8f8f8;
border-right: 0;
}
.sidebar-menu .site-search {
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.sidebar-menu .site-search .search-field {
border-radius: 3px;
}
.sidebar-menu .site-search .search-form-icon {
width: 40px;
height: 40px;
}
.sidebar-menu .search-form,
.sidebar-menu .woocommerce-product-search {
height: auto;
}
.sidebar-menu .search-form .search-field,
.sidebar-menu .woocommerce-product-search .search-field {
padding-right: 40px;
height: auto;
min-height: 40px;
}
.sidebar-menu .search-form .search-submit,
.sidebar-menu .woocommerce-product-search button[type=submit] {
width: 40px;
}
.sidebar-menu .search-form:after,
.sidebar-menu .woocommerce-product-search:after {
width: 40px;
height: 40px;
}
.sidebar-menu .mobile-nav-tab {
padding: 0;
margin: 0;
display: flex;
}
@media (min-width: 992px) {
.sidebar-menu .mobile-nav-tab {
display: none;
}
}
.sidebar-menu .mobile-nav-tab li {
cursor: pointer;
width: 50%;
text-align: center;
line-height: 1;
position: relative;
}
.sidebar-menu .mobile-nav-tab li a {
font-size: 16px;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
}
.sidebar-menu .mobile-nav-tab li.active:after {
content: "";
display: block;
height: 3px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.sidebar-menu .site-navigation.has-nav-tab .main-navigation, .sidebar-menu .site-navigation.has-nav-tab .categories-navigation {
display: none;
}
.sidebar-menu .site-navigation.has-nav-tab .main-navigation.active {
display: block;
}
.sidebar-menu .site-navigation.has-nav-tab .categories-navigation.active {
display: block;
}
.sidebar-menu .site-navigation nav > ul > li:first-child > a {
border-top: 1px solid #ececec;
}
.sidebar-menu .site-navigation nav .menu-item a {
padding: 0 20px;
border-bottom: 1px solid #ececec;
}
.sidebar-menu .site-navigation nav .menu-item a > .arrow-icon {
width: 48px;
height: 48px;
margin-right: -20px;
border-left: 1px solid #ececec;
}
.sidebar-menu .site-navigation nav .menu-item a:hover {
background-color: rgba(0, 0, 0, 0.03);
}
.sidebar-menu .site-navigation nav .sub-menu a {
padding-left: 30px;
}
@media (min-width: 992px) {
.sidebar-menu .main-navigation .primary-navigation .menu-item-has-mega-menu .mega-menu-wrapper {
min-width: auto;
max-width: 100%;
transform: none;
position: static;
box-shadow: none;
opacity: 1;
visibility: visible;
}
.sidebar-menu .main-navigation .primary-navigation .sub-menu {
margin-left: 20px;
}
.sidebar-menu .main-navigation .primary-navigation .sub-menu:not(.sub-mega-menu) {
transition-duration: 0s;
}
.sidebar-menu .main-navigation .primary-navigation > .menu-item ul:not(.sub-mega-menu) {
opacity: 1;
visibility: visible;
transform: none;
position: static;
box-shadow: none;
transition-duration: 0s;
min-width: auto;
}
.sidebar-menu .main-navigation .primary-navigation > .menu-item ul:not(.sub-mega-menu) a {
padding-right: 0;
padding-left: 0;
}
}
.sidebar-menu .primary-navigation {
padding-left: 0;
margin: 0;
}
.sidebar-menu .primary-navigation .menu-item-has-children {
position: relative;
}
.sidebar-menu .primary-navigation .sub-mega-menu {
display: none;
}
.sidebar-menu .primary-navigation .sub-menu {
border-radius: 0;
pointer-events: auto;
margin-left: 0;
transition-duration: 0s;
display: none;
position: static;
box-shadow: none;
transform: none;
}
.sidebar-menu .primary-navigation .sub-menu a:hover {
background-color: transparent;
}
.sidebar-menu .primary-navigation > .menu-item {
display: block;
}
.sidebar-menu .primary-navigation > .menu-item.current-menu-ancestor > a:before, .sidebar-menu .primary-navigation > .menu-item.current-menu-parent > a:before, .sidebar-menu .primary-navigation > .menu-item.current_page_parent > a:before, .sidebar-menu .primary-navigation > .menu-item.current_page_ancestor > a:before {
content: "";
width: 40px;
}
.sidebar-menu .primary-navigation > .menu-item:after {
content: none !important;
}
.sidebar-menu .primary-navigation > .menu-item > a {
padding: 0;
}
.sidebar-menu .primary-navigation:not(.elementor-inner) a {
font-size: 16px;
line-height: 3em;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.sidebar-menu .primary-navigation:not(.elementor-inner) a:hover:before {
width: 40px;
}
.sidebar-menu .primary-navigation:not(.elementor-inner) a:before {
content: "";
position: absolute;
left: 0;
bottom: 8px;
height: 2px;
width: 0;
}
@media (max-width: 991px) {
.sidebar-menu .primary-navigation:not(.elementor-inner) a:before {
display: none;
}
}
.sidebar-menu .sidebar-menu-bottom ul {
padding-left: 0;
margin: 0;
}
.sidebar-menu .sidebar-menu-bottom ul li a {
padding: 0 20px;
border-bottom: 1px solid #ececec;
}
.sidebar-menu .sidebar-menu-bottom ul li:last-child a {
border-bottom: none;
}
.sidebar-menu .sidebar-account a {
display: block;
line-height: 3em;
font-size: 16px;
}
.sidebar-menu ul {
list-style: none;
}
@media (min-width: 992px) {
.has-header-layout-1 .sidebar-menu {
display: none;
}
}
.sidebar-menu-open .has-header-layout-2 #view {
transform: translateX(0px);
}
footer#colophon {
clear: both;
}
.site-footer {
clear: both;
}
.woobuilder-active .site-footer, .edited-by-divi-builder .site-footer, .elementor-page .site-footer {
margin-top: 0;
} .site-footer-widget {
float: left;
width: 100%;
padding: 55px 0 70px 0;
}
.site-footer-widget .widget {
float: left;
}
@media (max-width: 600px) {
.site-footer-widget .widget_custom_html {
margin-bottom: 25px;
}
}
.footer-widget-col-1 .widget {
width: 100%;
}
@media (min-width: 992px) {
.footer-widget-col-3 .widget {
width: 33.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.footer-widget-col-3 .widget:nth-of-type(3n+4) {
clear: both;
}
.footer-widget-col-4 .widget {
width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.footer-widget-col-4 .widget:nth-of-type(4n+5) {
clear: both;
}
.footer-widget-col-5 .widget {
width: 20%;
padding-left: 15px;
padding-right: 15px;
}
.footer-widget-col-5 .widget:nth-of-type(5n+6) {
clear: both;
}
.footer-widget-col-6 .widget {
width: 16.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.footer-widget-col-6 .widget:nth-of-type(6n+7) {
clear: both;
}
}
@media (min-width: 600px) and (max-width: 991px) {
.footer-widget-col-3 .widget,
.footer-widget-col-4 .widget,
.footer-widget-col-5 .widget,
.footer-widget-col-6 .widget {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.footer-widget-col-3 .widget:nth-of-type(2n+3),
.footer-widget-col-4 .widget:nth-of-type(2n+3),
.footer-widget-col-5 .widget:nth-of-type(2n+3),
.footer-widget-col-6 .widget:nth-of-type(2n+3) {
clear: both;
}
}
@media (min-width: 600px) {
.footer-widget-col-2 .widget {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.footer-widget-col-2 .widget:nth-of-type(2n+3) {
clear: both;
}
}
@media (max-width: 599px) {
.footer-widget-col-2 .widget,
.footer-widget-col-3 .widget,
.footer-widget-col-4 .widget,
.footer-widget-col-5 .widget,
.footer-widget-col-6 .widget {
width: 100%;
padding-left: 15px;
padding-right: 15px;
clear: both;
}
} .site-info {
clear: both;
padding: 11px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.site-info:not(:first-child) {
border-top: 1px solid #e3e3e3;
}
.site-info .site-infor-col:first-child:last-child {
text-align: center;
width: 100%;
}
.site-info ul {
padding-left: 0;
margin: 0;
}
.site-info ul > li + li {
margin-left: 30px;
}
.site-info li {
display: inline-block;
} #scroll-to-top {
position: fixed;
bottom: 20px;
right: 20px;
min-width: 40px;
min-height: 40px;
color: #fff;
font-size: 1.2em;
z-index: 200;
border: 1px solid rgba(255, 255, 255, 0.3);
visibility: hidden;
opacity: 0;
padding: 10px;
pointer-events: none;
transform: translateY(100%);
}
#scroll-to-top.active {
visibility: visible;
opacity: 1;
pointer-events: auto;
cursor: pointer;
transform: translateX(0);
}
#scroll-to-top.scroll-to-top-position-left {
left: 20px;
right: auto;
}
#scroll-to-top .woostify-svg-icon {
color: #fff;
} @media (max-width: 768px) {
.site-info {
flex-direction: column;
justify-content: center;
}
.site-info .site-infor-col {
text-align: center;
}
}
.widget:not(.footer-widget):first-of-type .widget-title {
margin-top: 0;
}
.widget > ul {
padding-left: 0;
}
.widget li {
list-style: none;
line-height: 36px;
}
.widget ul.menu {
padding-left: 0;
}
.widget ul.menu a {
line-height: 36px;
}
.widget select {
width: 100%;
height: 40px;
border-radius: 0;
}
.widget-area .widget {
margin-bottom: 40px;
}
.widget .count {
float: right;
}
.widget-title,
.widgettitle {
font-weight: normal;
margin-bottom: 20px;
}
.widget_archive li,
.widget_categories li,
.widget_pages li {
line-height: 36px;
}
.widget_archive .post_count,
.widget_categories .post_count,
.widget_pages .post_count {
font-size: 13px;
position: relative;
bottom: 1ex;
} .tagcloud a {
border: 1px solid #e2e2e2;
padding: 0.3em 0.9em;
display: inline-block;
margin-bottom: 4px;
font-size: 14px;
margin-right: 4px;
}
.tagcloud a:hover {
border-color: rgba(0, 0, 0, 0);
}
#secondary .widget .tagcloud a:hover {
color: #fff;
} .search-form,
.woocommerce-product-search {
position: relative;
height: 50px; }
.search-form:hover .search-form-icon,
.woocommerce-product-search:hover .search-form-icon {
transform: rotate(90deg);
}
.search-form:focus-within .search-form-icon,
.woocommerce-product-search:focus-within .search-form-icon {
transform: rotate(90deg);
}
.search-form .search-form-icon,
.woocommerce-product-search .search-form-icon {
position: absolute;
right: 0;
bottom: 0;
width: 50px;
height: 50px;
}
.search-form .search-form-icon .woostify-svg-icon,
.woocommerce-product-search .search-form-icon .woostify-svg-icon {
color: initial;
}
.search-form .search-form-icon .woostify-svg-icon svg,
.woocommerce-product-search .search-form-icon .woostify-svg-icon svg {
width: 20px;
height: 20px;
}
.media-toolbar .search-form:after,
.media-toolbar .woocommerce-product-search:after {
content: none;
}
.search-form .search-field,
.woocommerce-product-search .search-field {
border-color: rgba(0, 0, 0, 0);
height: 100%;
width: 100%;
background-color: #eeeeec;
padding-left: 20px;
padding-right: 50px;
border-radius: 50px;
}
.search-form .search-field::-webkit-search-cancel-button,
.woocommerce-product-search .search-field::-webkit-search-cancel-button {
display: none;
}
.search-form .search-field:focus,
.woocommerce-product-search .search-field:focus {
border-color: #dedbdb;
}
.search-form .search-submit,
.search-form button[type=submit],
.woocommerce-product-search .search-submit,
.woocommerce-product-search button[type=submit] {
overflow: hidden;
color: rgba(0, 0, 0, 0) !important;
background: rgba(0, 0, 0, 0) !important;
border-radius: 50%;
width: 50px;
height: 100%;
position: absolute;
right: 0;
bottom: 0;
z-index: 5;
border: 0;
} .woocommerce-mini-cart {
padding-left: 0;
}
.widget_shopping_cart_content .woocommerce-mini-cart__total {
padding-top: 10px;
border-top: 1px solid #f7f7f7;
}
.widget_shopping_cart_content .remove_from_cart_button:hover {
transform: rotate(90deg);
}
.product_list_widget a:not(.remove_from_cart_button) {
display: block;
line-height: 1.4em;
}
.product_list_widget li {
position: relative;
padding: 10px 15px 10px 75px;
border-bottom: 1px solid #f7f7f7;
line-height: 26px;
min-height: 80px;
}
.product_list_widget li.component_mini_cart_item {
border: none;
padding-left: 90px;
}
.product_list_widget img {
max-width: 60px;
max-height: 60px;
position: absolute;
left: 0;
}
.product_list_widget.woocommerce-mini-cart img {
top: 10px;
}
.product_list_widget .mini_cart_item:last-of-type {
border-bottom: 0;
}
.product_list_widget .remove_from_cart_button {
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 10px;
font-size: 0;
z-index: 2;
color: firebrick;
}
.product_list_widget .remove_from_cart_button .woostify-svg-icon {
color: inherit;
}
.product_list_widget .remove_from_cart_button .woostify-svg-icon svg {
width: 10px;
height: 10px;
}
.product_list_widget .remove_from_cart_button:focus:before {
left: 0;
top: 0;
content: "";
z-index: 2;
position: absolute;
border: 1px solid #ddd;
border-top-color: #222;
border-radius: 50%;
height: 20px;
width: 20px;
animation: circle-loading 0.35s linear infinite;
}
.mini_cart_item .quantity {
width: auto;
height: auto;
border-radius: 0;
display: block;
}
.woocommerce-mini-cart__total {
text-transform: uppercase;
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce-mini-cart__total .amount {
font-weight: 700;
}
.woocommerce-mini-cart__buttons {
margin-bottom: 0;
}
.woocommerce-mini-cart__buttons .button {
font-size: 12px;
font-weight: 700;
}
.woocommerce-mini-cart__buttons a.button {
width: 50%;
display: inline-block;
text-align: center;
text-transform: uppercase;
}
.woocommerce-mini-cart__buttons a.checkout {
border-left: 1px solid #fff;
} .widget_products li,
.widget_recent_reviews li,
.widget_top_rated_products li,
.widget_recently_viewed_products li {
min-height: 90px;
position: relative;
padding: 10px 0 10px 80px;
}
.widget_products li:last-of-type,
.widget_recent_reviews li:last-of-type,
.widget_top_rated_products li:last-of-type,
.widget_recently_viewed_products li:last-of-type {
border-bottom: 0;
}
.widget_products a,
.widget_recent_reviews a,
.widget_top_rated_products a,
.widget_recently_viewed_products a {
line-height: 1.3;
margin-bottom: 5px;
}
.widget_products .star-rating,
.widget_recent_reviews .star-rating,
.widget_top_rated_products .star-rating,
.widget_recently_viewed_products .star-rating {
display: block;
}
.widget_products del,
.widget_recent_reviews del,
.widget_top_rated_products del,
.widget_recently_viewed_products del {
margin-right: 5px;
float: left;
clear: both;
}
.widget_products ins,
.widget_recent_reviews ins,
.widget_top_rated_products ins,
.widget_recently_viewed_products ins {
float: left;
background: rgba(0, 0, 0, 0);
} .widget_recent_reviews .reviewer {
float: left;
clear: both;
} .widget_product_categories .product-categories > li ul {
margin-left: 10px;
}
.widget_product_categories .product-categories > li ul li:before {
margin-right: 8px;
margin-bottom: 1px;
content: "";
border-width: 1px 1px 0 0;
border-style: solid;
display: inline-block;
width: 6px;
height: 6px;
transform: rotate(45deg);
} .woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 1em;
} .price_slider_wrapper .price_slider {
margin-bottom: 25px;
position: relative;
height: 2px;
margin-left: 0.5em;
margin-right: 0.5em;
}
.price_slider_wrapper .ui-widget-header {
height: 100%;
position: absolute;
}
.price_slider_wrapper .ui-slider-handle {
cursor: pointer;
position: absolute;
width: 10px;
height: 10px;
margin-left: -10px;
border-radius: 50%;
background: #fff;
top: 50%;
transform: translateY(-50%);
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.price_slider_wrapper .price_slider_amount input,
.price_slider_wrapper .price_slider_amount .clear {
display: none;
}
.price_slider_wrapper .price_slider_amount button {
display: inline-block;
margin-right: 15px;
}
.price_slider_wrapper .price_slider_amount .price_label {
display: inline-block;
} .widget_recent_post_thumbnail_item {
display: flex;
align-items: center;
}
.widget_recent_post_thumbnail_item + .widget_recent_post_thumbnail_item {
margin-top: 30px;
}
.widget_recent_post_thumbnail_item .recent-post-thumbnail-img {
width: 50px;
min-width: 50px;
margin-right: 20px;
}
.widget_recent_post_thumbnail_item .recent-post-thumbnail-img img {
border-radius: 3px;
}
.widget_recent_post_thumbnail_item .recent-post-thumbnail-sum {
flex-grow: 1;
}
.woostify-social-icon a {
font-size: 0;
}
.woostify-social-icon a:before {
display: block;
content: "";
background-size: 14px;
width: 14px;
height: 14px;
} .woostify-footer-text-widget .woostify-footer-site-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
}
.woostify-footer-social-icon {
padding-left: 0;
margin: 20px 0 0;
}
.woostify-footer-social-icon li {
list-style: none;
display: inline-flex;
}
.woostify-footer-social-icon li + li {
margin-left: 7px;
}
.woostify-footer-social-icon li a {
width: 30px;
height: 30px;
border-radius: 50%;
border-style: solid;
border-width: 1px;
}
.woostify-footer-social-icon li a:hover {
opacity: 0.7;
color: #fff;
} #yith-wcwl-popup-message {
display: none !important;
} .advanced-featured-product {
position: relative;
}
.adv-featured-product {
position: relative;
}
.adv-featured-product.adv-product-slider:not(.slick-initialized) {
display: none;
}
.adv-featured-product.adv-product-slider .slick-list {
overflow: hidden;
}
.adv-featured-product.adv-product-slider .slick-track {
display: flex;
} .widget_layered_nav_filters .chosen a:before {
content: "x";
color: #e2401c;
margin-right: 7px;
font-size: 1.2em;
} .woostify-contact-info .contact-info-list {
display: flex;
align-items: flex-start;
border-bottom: 1px solid #f3f3f3;
padding: 30px 0;
}
.woostify-contact-info .contact-info-img {
min-width: 40px;
max-width: 40px;
margin-right: 30px;
display: inline-block;
margin-top: 10px;
}
.woostify-contact-info .contact-info-detail {
display: inline-block;
flex-grow: 1;
}
.woostify-contact-info .contact-info-detail label {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
}
.woostify-contact-info .contact-info-detail h6 {
font-weight: 400;
margin: 0;
}
.woostify-contact-info .contact-info-detail p:last-child {
margin-bottom: 0;
} .woostify-shop-category .elementor-widget-wrap > .elementor-widget-image {
position: relative;
}
.woostify-shop-category .elementor-widget-wrap > .elementor-widget-image:hover .wp-caption .wp-caption-text {
bottom: 20px;
left: 20px;
}
.woostify-shop-category .elementor-widget-wrap > .elementor-widget-image .wp-caption .wp-caption-text {
position: absolute;
left: 30px;
bottom: 30px;
font-style: normal;
font-size: 24px;
font-weight: 500;
margin-top: 0;
line-height: 1;
padding-top: 0;
pointer-events: none;
} .ct_if {
min-height: 76px;
}
.elementor-widget .elementor-icon-list-items {
list-style-type: none;
margin: 0;
padding: 0;
}
.elementor-editor-active .elementor-widget-wp-widget-nav_menu .menu,
.elementor-editor-active .elementor-widget-wp-widget-nav_menu .sub-menu,
.elementor-editor-preview .elementor-widget-wp-widget-nav_menu .menu,
.elementor-editor-preview .elementor-widget-wp-widget-nav_menu .sub-menu {
list-style: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.elementor-menu-cart__products .quantity {
width: auto;
height: auto;
background: none;
}
.site-main .elementor-widget-posts .post + .post {
margin-top: 0;
}
header.elementor-element {
position: relative;
z-index: 6;
}
.elementor-widget-woostify-product-add-to-cart .variations {
width: 100%;
}
.woostify-sticky-footer-bar {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
background: #fff;
border-top: 1px solid #eaeaea;
padding-top: 10px;
padding-bottom: 10px;
z-index: 199;
transition: bottom 0.4s;
}
.woostify-sticky-footer-bar.woostify-sticky-on-desktop {
display: none;
}
@media (min-width: 992px) {
.woostify-sticky-footer-bar.woostify-sticky-on-desktop {
display: block;
}
}
@media (min-width: 992px) {
.woostify-sticky-footer-bar.woostify-sticky-on-mobile {
display: none;
}
}
.woostify-sticky-footer-bar ul.woostify-item-list {
display: flex;
align-items: center;
padding: 0;
margin: 0;
list-style: none;
}
.woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item {
flex: 1 0 auto;
text-align: center;
}
.woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item a {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-size: 13px;
}
.woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item a .woostify-item-list-item__icon {
font-size: 24px;
position: relative;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
}
.woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item a .woostify-item-list-item__icon .woositfy-sfb-icon {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
}
.woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item a .woostify-item-list-item__icon .woositfy-sfb-icon svg {
display: block;
}
.woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item a .woostify-item-list-item__name {
display: block;
}
.woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item.woostify-addon:not(.woostify-custom-addon) a .woostify-item-list-item__icon .cart-icon-rotate:before {
position: relative;
transform: rotate3d(0, 1, 0, 180deg);
}
.woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item.woostify-addon:not(.woostify-custom-addon) a .woostify-item-list-item__icon .theme-item-count, .woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item.woostify-addon:not(.woostify-custom-addon) a .woostify-item-list-item__icon .shop-cart-count {
position: absolute;
top: -6px;
right: -15px;
font-size: 12px;
line-height: initial;
}
@media (min-width: 993px) {
.has-header-layout-7 .woostify-sticky-footer-bar {
width: calc(100% - 300px);
right: 0;
left: auto;
}
}
.woostify-inline-flex {
-js-display: inline-flex;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
}
.home.blog .site-main .post-loop:first-child:last-child {
border-bottom: 0;
}
.alpha.entry-title {
font-size: 24px;
font-weight: normal;
margin-top: 0;
}
.site-main .post-loop {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 74px;
}
.site-main .post-loop + .post-loop {
margin-top: 80px;
}
.post-loop .post-cover-image {
margin-bottom: 35px;
}
.post-loop .post-cover-image a {
display: inline-block;
}
.post-loop .post-cover-image img {
-o-object-fit: cover;
object-fit: cover;
}
.post-loop .entry-header-item {
margin-bottom: 15px;
}
.post-loop .entry-meta .post-meta-item {
margin: 0 5px;
}
.post-loop .entry-meta .post-meta-item:first-child {
margin-left: 0;
}
.post-loop .entry-meta .post-meta-item:last-child {
margin-right: 0;
}
.post-loop .entry-meta .post-meta-separator {
font-size: 20px;
position: relative;
top: -3px;
}
.post-loop .entry-meta .post-meta-separator:last-child {
display: none;
}
.post-loop .entry-content {
margin-top: 30px;
}
.post-loop .post-read-more {
font-weight: 600;
margin-top: 20px;
clear: both;
margin-bottom: 0;
}
.pagination, .woocommerce-pagination {
margin-top: 70px;
}
.pagination ul, .woocommerce-pagination ul {
margin: 0;
padding: 0;
}
.pagination ul .page-numbers, .woocommerce-pagination ul .page-numbers {
font-weight: 600;
text-transform: uppercase;
}
.pagination ul .page-numbers:not(.prev):not(.next), .woocommerce-pagination ul .page-numbers:not(.prev):not(.next) {
min-width: 29px;
height: 29px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0);
}
.pagination li, .woocommerce-pagination li {
list-style: none;
display: inline-flex;
}
.pagination li .current, .woocommerce-pagination li .current {
color: #fff;
}
.pagination .nav-links, .woocommerce-pagination .nav-links {
text-align: center;
} @media (max-width: 991px) {
#primary + #secondary {
margin-top: 40px;
}
}
.single-post .site-main .post-loop {
border-bottom: 0;
padding-bottom: 0;
}
.single-post .site-main .post-loop .entry-title {
font-size: 24px;
}
.single-post .site-main .entry-footer {
clear: both;
margin-top: 30px;
}
.single-post .entry-title {
font-weight: 300;
} .post-author-box {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 80px;
}
.post-author-box .author-ava {
margin-right: 30px;
min-width: 100px;
}
.post-author-box .author-ava img {
border-radius: 50%;
}
.post-author-box .author-name-before {
display: block;
text-transform: uppercase;
}
.post-author-box .author-name {
font-size: 700px;
font-size: 18px;
}
.post-author-box .author-bio {
margin-top: 10px;
} .related-box {
border-top: 1px solid #e8e8e8;
padding-top: 61px;
margin-top: 73px;
}
.related-box .related-title {
font-size: 18px;
font-weight: normal;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 36px;
}
.related-box .related-post img {
height: 260px;
-o-object-fit: cover;
object-fit: cover;
}
.related-box .entry-header {
display: block;
margin-bottom: 25px;
}
.related-box .entry-title {
font-size: 16px;
margin-top: 18px;
margin-bottom: 25px;
font-weight: normal;
line-height: 27px;
}
.related-box .entry-title:hover {
text-decoration: underline;
}
.related-box .post-read-more {
margin-top: 0;
}
.related-box .post-read-more:hover {
text-decoration: underline;
} #comments {
border-top: 1px solid #e8e8e8;
padding-top: 70px;
margin-top: 70px;
}
.comments-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 36px;
text-transform: capitalize;
}
.comment-navigation {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.comment-list {
margin: 0;
padding-left: 0;
}
.comment-list li {
list-style: none;
}
.comment {
display: block;
}
.comment-body {
display: flex;
flex-wrap: wrap;
margin-bottom: 45px;
}
.comment-body #respond {
flex-basis: 100%;
margin-top: 33px;
margin-left: 100px;
padding-bottom: 45px;
border-bottom: 1px solid #e8e8e8;
}
.comment-body .comment-author {
max-width: 70px;
min-width: 70px;
}
.comment-body .comment-author img {
border-radius: 50%;
}
.comment-body .comment-author + .comment-content {
margin-left: 30px;
}
.comment-body .comment-content {
flex-grow: 1;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 33px;
max-width: calc( 100% - 100px);
}
.comment-body .comment-meta {
margin-bottom: 15px;
}
.comment-body .comment-meta .fn {
display: block;
font-weight: 600;
}
.comment-body .comment-meta .comment-date {
font-size: 12px;
}
.comment-body .comment-text {
margin-bottom: 16px;
}
.comment-body .comment-text p:last-child {
margin-bottom: 0;
}
.comment-body .reply a:hover {
text-decoration: underline;
}
.comment-body .comment-edit-link {
margin-left: 5px;
}
#reply-title {
font-size: 18px;
}
#commentform {
display: flex;
flex-wrap: wrap;
margin-top: 33px;
}
#commentform #comment {
flex-basis: 100%;
border: 1px solid #e8e8e8;
padding: 15px;
height: 200px;
font-size: 12px;
margin-bottom: 20px;
resize: none;
border-radius: 2px;
}
#commentform #comment:focus {
border-color: rgba(0, 0, 0, 0);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}
#commentform #email,
#commentform #author {
flex: 5;
height: 50px;
border: 1px solid #e8e8e8;
padding: 0 15px;
font-size: 12px;
margin-bottom: 20px;
border-radius: 2px;
}
#commentform #email:focus,
#commentform #author:focus {
border-color: rgba(0, 0, 0, 0);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}
#commentform #author {
margin-right: 20px;
}
#commentform .form-submit {
flex-basis: 100%;
margin-bottom: 0;
}
#commentform input[type=submit] {
height: 50px;
padding: 0 15px;
border: 0;
text-transform: uppercase;
font-weight: 600;
min-width: 130px;
}
#respond .logged-in-as a:hover {
text-decoration: underline;
}
#respond .comment-form-cookies-consent {
flex: 1 1 100%;
margin-bottom: 20px;
}
#cancel-comment-reply-link {
color: firebrick;
} @media (max-width: 991px) {
.single-post .entry-title {
font-size: 2em;
}
}
@media (min-width: 992px) {
.has-sidebar.left-sidebar .content-area {
float: right;
padding-left: 60px;
}
.has-sidebar.left-sidebar .widget-area {
float: left;
}
.has-sidebar.right-sidebar .content-area {
float: left;
padding-right: 60px;
}
.has-sidebar.right-sidebar .widget-area {
float: right;
}
} .blog-layout-grid .site-main {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.blog-layout-grid .site-main .post-loop {
margin-bottom: 75px;
padding-bottom: 0;
border-bottom: 0;
background-color: #fff;
text-align: center;
}
@media (min-width: 600px) {
.blog-layout-grid .site-main .post-loop {
flex-basis: calc((100% - 30px) / 2);
}
}
@media (min-width: 992px) {
.blog-layout-grid .site-main .post-loop {
flex-basis: calc((100% - 60px) / 3);
}
}
.blog-layout-grid .site-main .post-loop + .post-loop {
margin-top: 0;
}
.blog-layout-grid .site-main .entry-title {
font-size: 18px;
}
.blog-layout-grid .site-main .summary-text {
padding: 0 20px 20px 20px;
}
.blog-layout-grid .site-main .post-read-more {
display: block;
margin-top: 15px;
font-weight: 700;
}
.blog-layout-grid .site-main .post-read-more a {
text-decoration: underline;
}
.blog-layout-grid .site-main .post-read-more a:hover {
text-decoration: none;
}
.blog-layout-grid .site-main .post-navigation {
flex: 0 0 100%;
margin-top: 0;
} @media (min-width: 768px) {
.blog-layout-standard .site-main .post-loop {
display: flex;
}
.blog-layout-standard .site-main .entry-image-link {
max-width: 300px;
min-width: 300px;
margin-right: 30px;
}
.blog-layout-standard .site-main .loop-post-inner {
flex-grow: 1;
}
}
.blog-layout-standard .site-main .entry-image-link {
display: block;
}
@media (max-width: 991px) {
.blog-layout-standard .site-main .entry-image-link {
margin-bottom: 30px;
}
} @media (min-width: 992px) {
.blog-layout-zigzag .site-main .post-loop {
display: flex;
}
.blog-layout-zigzag .site-main .post-loop:nth-child(even) .loop-post-inner {
order: 1;
}
.blog-layout-zigzag .site-main .post-loop:nth-child(even) .entry-image-link {
order: 2;
}
.blog-layout-zigzag .site-main .post-loop:nth-child(even) .entry-image-link {
margin-right: 0;
margin-left: 30px;
}
.blog-layout-zigzag .site-main .entry-image-link {
max-width: 300px;
min-width: 300px;
margin-right: 30px;
}
}
.blog-layout-zigzag .site-main .entry-image-link {
display: block;
}
@media (max-width: 991px) {
.blog-layout-zigzag .site-main .entry-image-link {
margin-bottom: 30px;
}
}
.blog-layout-zigzag .site-main .loop-post-inner {
flex-grow: 1;
}
@font-face {
font-family: "star";
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/star.eot);
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format("truetype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "WooCommerce";
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot);
src: url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"), url(//thaimanukamotorcycle.ltd/go/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: 400;
font-style: normal;
}
.hide-added-to-cart .product-loop-meta .animated-meta .added {
display: inline-flex;
}
.hide-added-to-cart .added_to_cart {
display: none !important;
}
.woostify-out-of-stock-label {
position: absolute;
top: 10px;
z-index: 2;
background-color: #818486;
color: #fff;
padding: 5px;
line-height: 1;
font-size: 12px;
pointer-events: none;
text-align: center;
}
.woostify-out-of-stock-label.position-left {
left: 10px;
}
.woostify-out-of-stock-label.position-right {
right: 10px;
}
.woostify-out-of-stock-label.position-none {
display: none;
}
.single-product .product_title.entry-title a {
pointer-events: none;
}
.single-product #woostify-quick-view-panel .product_title.entry-title a {
pointer-events: auto;
}
.single-product .product.sold-individually form .quantity {
display: none;
}
body:not(.yith-wcms-pro) .processing:not(.um-woo-status) {
pointer-events: none;
position: relative;
}
body:not(.yith-wcms-pro) .processing:not(.um-woo-status):after {
content: "";
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.woocommerce-products-header__title {
font-size: 1.7em;
margin-top: 0.3em;
margin-bottom: 1.5em;
font-weight: normal;
}
.woocommerce-loop-category__title {
font-size: 18px;
text-align: center;
}
.sidebar-mobile-open {
overflow: hidden;
}
.sidebar-mobile-open #woostify-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.sidebar-mobile-open #woostify-overlay .woostify-svg-icon {
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.sidebar-mobile-open #woostify-overlay .woostify-svg-icon svg {
width: 1.5em;
height: 1.5em;
}
#woostify-overlay .woostify-svg-icon {
display: none;
}
.sidebar-mobile-open .logged-in.admin-bar #woostify-overlay .woostify-svg-icon {
top: 66px;
}
@media (min-width: 783px) {
.sidebar-mobile-open .logged-in.admin-bar #woostify-overlay .woostify-svg-icon {
top: 52px;
}
}
.has-sidebar.offcanvas-sidebar #toggle-sidebar-mobile-button {
display: flex;
align-items: center;
}
.has-sidebar.offcanvas-sidebar .shop-widget {
margin-top: 0 !important;
position: fixed;
left: 0;
bottom: 0;
top: 0;
width: 100%;
background-color: #fff;
padding: 15px;
max-width: 280px;
z-index: 200;
overflow-y: auto;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition-duration: 0.2s;
}
.has-sidebar.offcanvas-sidebar .shop-widget.active {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.has-sidebar.offcanvas-sidebar.logged-in.admin-bar .shop-widget {
top: 46px;
}
@media (min-width: 783px) {
.has-sidebar.offcanvas-sidebar.logged-in.admin-bar .shop-widget {
top: 32px;
}
}
@media (min-width: 992px) {
.has-sidebar:not(.offcanvas-sidebar) #toggle-sidebar-mobile-button.show {
display: none;
}
}
@media (max-width: 991px) {
.shop-widget {
margin-top: 0 !important;
position: fixed !important;
left: 0;
bottom: 0;
top: 0;
width: 100%;
background-color: #fff;
padding: 15px;
max-width: 280px;
z-index: 200;
overflow-y: auto;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition-duration: 0.2s;
}
.logged-in.admin-bar .shop-widget {
top: 46px;
}
}
@media (max-width: 991px) and (min-width: 783px) {
.logged-in.admin-bar .shop-widget {
top: 32px;
}
}
@media (max-width: 991px) {
.shop-widget.active {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
#toggle-sidebar-mobile-button {
background-color: rgba(0, 0, 0, 0);
padding: 11px 15px;
border-radius: 2px;
display: none;
}
#toggle-sidebar-mobile-button.show {
display: flex;
align-items: center;
}
#toggle-sidebar-mobile-button .woostify-svg-icon {
margin-right: 7px;
}
.no-sidebar #toggle-sidebar-mobile-button, .has-elementor-location-shop-archive #toggle-sidebar-mobile-button {
display: none;
}
#toggle-sidebar-mobile-button:before {
margin-right: 7px;
}
@media (min-width: 992px) {
#toggle-sidebar-mobile-button {
display: none;
}
}
@media (max-width: 767px) {
#toggle-sidebar-mobile-button {
margin-bottom: 15px;
}
#toggle-sidebar-mobile-button:last-child {
margin-bottom: 40px;
}
}
.woocommerce-notices-wrapper {
display: block;
clear: both;
}
.woocommerce-notices-wrapper .woocommerce-message {
margin-top: 30px;
}
.woostify-sorting {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 480px) {
.woostify-sorting {
justify-content: center;
flex-direction: column;
}
}
.woostify-sorting .woocommerce-notices-wrapper {
flex: 0 0 100%;
margin-bottom: 20px;
}
.woostify-sorting .woocommerce-notices-wrapper:empty {
display: none;
}
.woostify-sorting .woocommerce-ordering {
order: 2;
position: relative;
border: 1px solid #ddd;
border-radius: 2px;
margin-bottom: 40px;
}
.woostify-sorting .woocommerce-ordering::after {
content: "";
display: block;
position: absolute;
right: 5px;
pointer-events: none;
font-size: 10px;
top: 50%;
transform: translateY(-50%);
}
.woostify-sorting .orderby {
padding: 5px 20px 5px 10px;
border: 0;
background-color: rgba(0, 0, 0, 0);
}
.woostify-sorting .woostify-toolbar-left {
margin-bottom: 40px;
display: flex;
align-items: center;
}
@media (max-width: 480px) {
.woostify-sorting .woostify-toolbar-left {
margin-bottom: 15px;
}
}
.woostify-sorting .woostify-toolbar-left #toggle-sidebar-mobile-button {
margin: 0 10px 0 0;
}
@media (max-width: 480px) {
.woostify-sorting .woostify-toolbar-left #toggle-sidebar-mobile-button {
margin: 0;
}
}
.woostify-sorting .woocommerce-result-count {
margin-bottom: 0;
}
@media (max-width: 767px) {
.woostify-sorting .woocommerce-result-count {
display: none;
}
}
.woocommerce-loop-product__category {
line-height: 1.5em;
}
.woocommerce-loop-product__title {
font-weight: normal;
margin: 5px 0;
}
.woocommerce-pagination {
text-align: center;
}
.price mark,
.price ins,
.product_list_widget mark,
.product_list_widget ins {
background-color: rgba(0, 0, 0, 0);
}
.price del + ins,
.product_list_widget del + ins {
margin-left: 3px;
}
.onsale {
position: absolute;
top: 10px;
pointer-events: none;
padding: 5px;
font-size: 12px;
z-index: 2;
line-height: 1;
direction: ltr;
}
.elementor-element .onsale {
padding: 5px !important;
}
.onsale.sale-left {
left: 10px;
}
.onsale.sale-right {
right: 10px;
}
.woostify-container .woocommerce ul {
list-style: none;
}
@media (max-width: 600px) {
.woocommerce-info a.button,
.woocommerce-error a.button,
.woocommerce-message a.button {
display: none;
}
}
.woocommerce-info,
.woocommerce-error {
position: relative;
padding: 1em 2em;
color: #fff;
margin-bottom: 20px;
}
.woocommerce-info a:hover,
.woocommerce-error a:hover {
color: #fff;
}
.woocommerce-info a,
.woocommerce-message a {
margin-left: auto;
}
.woocommerce-info:before,
.woocommerce-message:before {
font-family: "WooCommerce";
content: "\e028";
color: #fff;
margin-right: 10px;
}
.woocommerce-message {
padding: 15px;
color: #fff;
border-radius: 4px;
margin-bottom: 20px;
display: flex;
align-items: center;
position: relative;
padding: 1em 2em;
clear: both;
}
.woocommerce-message:before {
content: "\e015";
}
.woocommerce-message a.button {
order: 2;
color: #fff;
line-height: 1;
border: 1px solid #fff;
padding: 10px;
border-radius: 4px;
}
.woocommerce-message a.button:hover {
color: #fff;
}
@media (max-width: 600px) {
.woocommerce-message a.button {
display: none;
}
}
.woocommerce-info {
width: 100%;
}
.woocommerce-info a.button {
order: 2;
margin-left: auto;
}
@media (max-width: 600px) {
.woocommerce-info a.button {
display: none;
}
}
.woocommerce-info input[type=submit] {
padding: 0 5px;
margin-left: 5px;
}
.woocommerce-form-coupon-toggle .woocommerce-info:before,
.woocommerce-form-login-toggle .woocommerce-info:before {
display: none;
}
.woocommerce-error {
background-color: firebrick;
flex-direction: column;
align-items: flex-start;
}
.woocommerce-error li {
width: 100%;
}
.woocommerce-error li:before {
font-family: "WooCommerce";
color: #fff;
margin-right: 10px;
content: "\e016";
display: inline-block;
}
.woocommerce-error li a {
display: none;
order: 2;
margin-left: auto;
color: #ffffff;
text-decoration: underline;
}
@media (min-width: 601px) {
.woocommerce-error li a {
display: block;
}
}
@media (max-width: 600px) {
.woocommerce-error li {
flex-wrap: wrap;
}
.woocommerce-error li a {
float: none;
flex: 0 0 100%;
margin-top: 15px;
}
}
.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info {
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0);
display: block;
padding: 0;
}
.woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-form-coupon-toggle .woocommerce-info a {
color: #f00;
padding: 0;
}
.woocommerce-form-login-toggle .woocommerce-info a:before,
.woocommerce-form-coupon-toggle .woocommerce-info a:before {
content: none;
}
.shop_table ul {
padding-left: 0;
}
.shop_table li {
list-style: none;
}
.shop_attributes {
width: 100%;
}
.shop_attributes th {
white-space: nowrap;
}
@media (max-width: 767px) {
.shop_table_responsive th {
display: none;
}
.shop_table_responsive tr:last-of-type td {
border-bottom: 0;
}
.shop_table_responsive td {
display: block;
border-right: 0;
}
.shop_table_responsive td:not(.product-remove) {
text-align: right !important;
}
.shop_table_responsive td:before {
float: left;
font-weight: bold;
content: attr(data-title);
}
.shop_table_responsive #shipping_method {
margin-top: 0;
}
}
.woocommerce-store-notice {
margin-bottom: 0;
padding: 10px 15px;
color: #fff;
flex-grow: 1;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 501;
}
.woocommerce-store-notice .woostify-svg-icon {
color: #fff;
margin-right: 7px;
position: relative;
top: 1px;
}
.woocommerce-store-notice a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 0 20px;
min-width: 120px;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.woocommerce-store-notice a .woostify-svg-icon {
margin-right: 10px;
top: 0;
}
.woocommerce-store-notice a:hover {
color: #fff;
}
.woocommerce-store-notice a:hover .woostify-svg-icon {
color: #fff;
transform: rotate(90deg);
}
@media (max-width: 991px) {
.woocommerce-store-notice a {
position: static;
background-color: rgba(0, 0, 0, 0);
padding: 0;
display: inline;
text-decoration: underline;
margin-left: 7px;
}
.woocommerce-store-notice a:before {
content: none;
}
}
.button.wc-backward {
margin-top: 20px;
display: inline-block;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.product-loop-image-wrapper .clear {
display: none;
}
.product-loop-image-wrapper .loading {
position: relative;
}
.product-loop-image-wrapper .loading:before {
content: "" !important;
z-index: 2;
position: absolute;
border: 1px solid #ddd;
border-top-color: #222;
border-radius: 50%;
height: 14px;
width: 14px;
top: calc( 50% - 7px );
left: calc( 50% - 7px );
transform: translateY(-50%) translateX(-50%);
animation: circle-loading 0.35s linear infinite;
}
.product-loop-image-wrapper .yith-wcwl-add-to-wishlist img {
display: none;
}
.product-loop-image-wrapper .yith-wcwl-add-to-wishlist .feedback {
font-size: 0;
}
.product-loop-image-wrapper .yith-wcwl-add-to-wishlist .feedback i {
font-size: 14px;
margin: 0;
}
.product-loop-image-wrapper .yith-wcwl-add-to-wishlist a {
font-size: 0;
position: relative;
}
.product-loop-image-wrapper .yith-wcwl-add-to-wishlist a i {
font-size: 14px;
margin: 0;
color: inherit;
}
.product-loop-image-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback a,
.product-loop-image-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback a {
display: none;
}
.product-loop-image-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
.product-loop-image-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a {
display: none;
}
.quick-view-with-icon {
height: 40px;
width: 40px;
background-color: #fff;
}
.quick-view-with-icon + .yith-wcwl-add-to-wishlist {
border-top: 1px solid #e7e7e7;
}
.product-loop-action {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
@media (min-width: 992px) {
.product-loop-action {
opacity: 0;
transform: translateY(-100%);
}
}
.product-loop-action .yith-wcwl-add-to-wishlist a, .product-loop-action .yith-wcwl-add-to-wishlist .feedback {
background: #fff;
width: 40px;
height: 40px;
}
.product-loop-action .yith-wcwl-add-to-wishlist a:hover, .product-loop-action .yith-wcwl-add-to-wishlist .feedback:hover {
background: #fff;
color: #fff;
}
.product-loop-action .button {
padding: 0;
border-radius: 0;
}
.product-loop-action .yith-wcwl-add-to-wishlist {
margin-top: 0;
background-color: #fff;
}
.product-loop-action .loop-add-to-cart-icon-btn,
.product-loop-action .added_to_cart {
width: 40px;
height: 40px;
font-size: 0;
background-color: #fff;
}
.product-loop-action .loop-add-to-cart-icon-btn.loading .woostify-svg-icon,
.product-loop-action .added_to_cart.loading .woostify-svg-icon {
display: none;
}
.product-loop-action .loop-add-to-cart-icon-btn:hover,
.product-loop-action .added_to_cart:hover {
color: #fff;
}
.product-loop-action .loop-add-to-cart-icon-btn:hover .woostify-svg-icon,
.product-loop-action .added_to_cart:hover .woostify-svg-icon {
color: #fff;
}
.product-loop-action .loop-add-to-cart-icon-btn + .added_to_cart:before {
margin-right: 0;
}
.product-loop-action .loop-add-to-cart-icon-btn.added {
display: none;
color: #fff;
}
.product-loop-action .loop-add-to-cart-icon-btn + .quick-view-with-icon,
.product-loop-action .loop-add-to-cart-icon-btn + .yith-wcwl-add-to-wishlist {
border-top: 1px solid #e7e7e7;
}
.product-loop-action .added_to_cart {
color: #fff;
}
.product-loop-action .added_to_cart + .quick-view-with-icon,
.product-loop-action .added_to_cart + .yith-wcwl-add-to-wishlist {
border-top: 1px solid #e7e7e7;
}
.product-loop-action .added_to_cart .woostify-svg-icon {
color: #fff;
}
.woocommerce-notices-wrapper .woocommerce-error {
flex-direction: unset;
display: flex;
}
.loop-wrapper-wishlist {
position: absolute;
z-index: 1;
right: 5px;
bottom: 5px;
}
.loop-wrapper-wishlist a, .loop-wrapper-wishlist .feedback {
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #fff;
}
.loop-wrapper-wishlist a:hover, .loop-wrapper-wishlist .feedback:hover {
color: #fff;
background-color: #e33333;
}
.loop-wrapper-wishlist .yith-wcwl-wishlistexistsbrowse .feedback a,
.loop-wrapper-wishlist .yith-wcwl-wishlistaddedbrowse .feedback a {
display: none;
}
.loop-wrapper-wishlist .yith-wcwl-wishlistexistsbrowse a,
.loop-wrapper-wishlist .yith-wcwl-wishlistaddedbrowse a {
display: none;
}
.woostify-trust-badge-box {
text-align: center;
margin-top: 30px;
}
.products .product:hover .product-loop-action {
transform: translateY(0);
opacity: 1;
}
.products .product:hover .product-loop-image-wrapper .loop-add-to-cart-btn {
opacity: 1;
visibility: visible;
}
.products .product:hover .loop-add-to-cart-on-image,
.products .product:hover .loop-add-to-cart-on-image + .added_to_cart {
opacity: 1;
visibility: visible;
bottom: 46%;
}
.products .product:focus-within .product-loop-action {
transform: translateY(0);
opacity: 1;
}
@media (max-width: 767px) {
.has-proceed-sticky-button .wc-proceed-to-checkout .button {
margin: 0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
line-height: 50px;
z-index: 500;
width: 100%;
border-radius: 0 !important;
}
.has-proceed-sticky-button #scroll-to-top {
bottom: 60px;
}
.has-order-sticky-button #place_order {
margin: 0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
line-height: 50px;
z-index: 500;
width: 100%;
border-radius: 0 !important;
line-height: normal;
}
.has-order-sticky-button #scroll-to-top {
bottom: 60px;
}
.has-order-sticky-button.has-multi-step-checkout .multi-step-checkout-button-wrapper .multi-step-checkout-button[data-action=continue],
.has-order-sticky-button.has-multi-step-checkout .multi-step-checkout-button-wrapper .multi-step-checkout-button[data-action=place_order] {
margin: 0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
line-height: 50px;
z-index: 500;
width: 100%;
border-radius: 0 !important;
text-align: center;
height: 50px;
line-height: 50px;
padding-top: 0;
padding-bottom: 0;
}
}
#wc-stripe-payment-request-button-separator,
#wc-stripe-payment-request-wrapper {
width: 100%;
}
@keyframes w-fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.free-shipping-progress-bar {
margin-top: 10px;
}
.free-shipping-progress-bar[data-progress="0"] {
display: none;
}
.free-shipping-progress-bar .progress-bar-message {
text-align: center;
}
.free-shipping-progress-bar .progress-bar-message .woocommerce-Price-amount {
font-weight: bold;
}
.free-shipping-progress-bar .progress-bar-rail {
line-height: 5px;
height: 5px;
width: 100%;
display: flex;
align-items: center;
margin-top: 12px;
}
.free-shipping-progress-bar .progress-bar-status {
display: flex;
z-index: 1;
height: inherit;
position: relative;
animation: 0.6s w-fadeInLeft;
}
.free-shipping-progress-bar .progress-bar-status.success .progress-bar-indicator {
background: rgb(103, 187, 103);
}
.free-shipping-progress-bar .progress-bar-left {
background: rgba(0, 0, 0, 0.1);
height: 3px;
flex-grow: 1;
}
.free-shipping-progress-bar .progress-bar-indicator {
background: linear-gradient(270deg, rgb(19, 70, 175) 0, #ffffff 200%);
background-color: rgb(19, 70, 175);
flex-grow: 1;
}
.free-shipping-progress-bar .progress-percent {
padding: 0 0.5em;
font-weight: 900;
font-size: 1.1em;
}
.woostify-view-more,
.woostify-view-prev {
text-align: center;
position: relative;
}
.woostify-view-more .w-view-more-button,
.woostify-view-more .w-view-prev-button,
.woostify-view-prev .w-view-more-button,
.woostify-view-prev .w-view-prev-button {
position: relative;
}
.woostify-view-more .w-view-more-button.circle-loading, .woostify-view-more .updating-cart.ajax-single-add-to-cart .w-view-more-button.single_add_to_cart_button.loading, .updating-cart.ajax-single-add-to-cart .woostify-view-more .w-view-more-button.single_add_to_cart_button.loading, .woostify-view-more .updating-cart .w-view-more-button#shop-cart-sidebar, .updating-cart .woostify-view-more .w-view-more-button#shop-cart-sidebar, .woostify-view-more .w-view-more-button.image-loading, .woostify-view-more .w-view-more-button.tns:not(.tns-slider), .woostify-view-more body:not(.yith-wcms-pro) .w-view-more-button.processing:not(.um-woo-status), body:not(.yith-wcms-pro) .woostify-view-more .w-view-more-button.processing:not(.um-woo-status),
.woostify-view-more .w-view-prev-button.circle-loading,
.woostify-view-more .updating-cart.ajax-single-add-to-cart .w-view-prev-button.single_add_to_cart_button.loading,
.updating-cart.ajax-single-add-to-cart .woostify-view-more .w-view-prev-button.single_add_to_cart_button.loading,
.woostify-view-more .updating-cart .w-view-prev-button#shop-cart-sidebar,
.updating-cart .woostify-view-more .w-view-prev-button#shop-cart-sidebar,
.woostify-view-more .w-view-prev-button.image-loading,
.woostify-view-more .w-view-prev-button.tns:not(.tns-slider),
.woostify-view-more body:not(.yith-wcms-pro) .w-view-prev-button.processing:not(.um-woo-status),
body:not(.yith-wcms-pro) .woostify-view-more .w-view-prev-button.processing:not(.um-woo-status),
.woostify-view-prev .w-view-more-button.circle-loading,
.woostify-view-prev .updating-cart.ajax-single-add-to-cart .w-view-more-button.single_add_to_cart_button.loading,
.updating-cart.ajax-single-add-to-cart .woostify-view-prev .w-view-more-button.single_add_to_cart_button.loading,
.woostify-view-prev .updating-cart .w-view-more-button#shop-cart-sidebar,
.updating-cart .woostify-view-prev .w-view-more-button#shop-cart-sidebar,
.woostify-view-prev .w-view-more-button.image-loading,
.woostify-view-prev .w-view-more-button.tns:not(.tns-slider),
.woostify-view-prev body:not(.yith-wcms-pro) .w-view-more-button.processing:not(.um-woo-status),
body:not(.yith-wcms-pro) .woostify-view-prev .w-view-more-button.processing:not(.um-woo-status),
.woostify-view-prev .w-view-prev-button.circle-loading,
.woostify-view-prev .updating-cart.ajax-single-add-to-cart .w-view-prev-button.single_add_to_cart_button.loading,
.updating-cart.ajax-single-add-to-cart .woostify-view-prev .w-view-prev-button.single_add_to_cart_button.loading,
.woostify-view-prev .updating-cart .w-view-prev-button#shop-cart-sidebar,
.updating-cart .woostify-view-prev .w-view-prev-button#shop-cart-sidebar,
.woostify-view-prev .w-view-prev-button.image-loading,
.woostify-view-prev .w-view-prev-button.tns:not(.tns-slider),
.woostify-view-prev body:not(.yith-wcms-pro) .w-view-prev-button.processing:not(.um-woo-status),
body:not(.yith-wcms-pro) .woostify-view-prev .w-view-prev-button.processing:not(.um-woo-status) {
display: inline-flex;
align-items: center;
}
.woostify-view-more .w-view-more-button.circle-loading .w-view-more-label, .woostify-view-more .updating-cart.ajax-single-add-to-cart .w-view-more-button.single_add_to_cart_button.loading .w-view-more-label, .updating-cart.ajax-single-add-to-cart .woostify-view-more .w-view-more-button.single_add_to_cart_button.loading .w-view-more-label, .woostify-view-more .updating-cart .w-view-more-button#shop-cart-sidebar .w-view-more-label, .updating-cart .woostify-view-more .w-view-more-button#shop-cart-sidebar .w-view-more-label, .woostify-view-more .w-view-more-button.image-loading .w-view-more-label, .woostify-view-more .w-view-more-button.tns:not(.tns-slider) .w-view-more-label, .woostify-view-more body:not(.yith-wcms-pro) .w-view-more-button.processing:not(.um-woo-status) .w-view-more-label, body:not(.yith-wcms-pro) .woostify-view-more .w-view-more-button.processing:not(.um-woo-status) .w-view-more-label,
.woostify-view-more .w-view-prev-button.circle-loading .w-view-more-label,
.woostify-view-more .updating-cart.ajax-single-add-to-cart .w-view-prev-button.single_add_to_cart_button.loading .w-view-more-label,
.updating-cart.ajax-single-add-to-cart .woostify-view-more .w-view-prev-button.single_add_to_cart_button.loading .w-view-more-label,
.woostify-view-more .updating-cart .w-view-prev-button#shop-cart-sidebar .w-view-more-label,
.updating-cart .woostify-view-more .w-view-prev-button#shop-cart-sidebar .w-view-more-label,
.woostify-view-more .w-view-prev-button.image-loading .w-view-more-label,
.woostify-view-more .w-view-prev-button.tns:not(.tns-slider) .w-view-more-label,
.woostify-view-more body:not(.yith-wcms-pro) .w-view-prev-button.processing:not(.um-woo-status) .w-view-more-label,
body:not(.yith-wcms-pro) .woostify-view-more .w-view-prev-button.processing:not(.um-woo-status) .w-view-more-label,
.woostify-view-prev .w-view-more-button.circle-loading .w-view-more-label,
.woostify-view-prev .updating-cart.ajax-single-add-to-cart .w-view-more-button.single_add_to_cart_button.loading .w-view-more-label,
.updating-cart.ajax-single-add-to-cart .woostify-view-prev .w-view-more-button.single_add_to_cart_button.loading .w-view-more-label,
.woostify-view-prev .updating-cart .w-view-more-button#shop-cart-sidebar .w-view-more-label,
.updating-cart .woostify-view-prev .w-view-more-button#shop-cart-sidebar .w-view-more-label,
.woostify-view-prev .w-view-more-button.image-loading .w-view-more-label,
.woostify-view-prev .w-view-more-button.tns:not(.tns-slider) .w-view-more-label,
.woostify-view-prev body:not(.yith-wcms-pro) .w-view-more-button.processing:not(.um-woo-status) .w-view-more-label,
body:not(.yith-wcms-pro) .woostify-view-prev .w-view-more-button.processing:not(.um-woo-status) .w-view-more-label,
.woostify-view-prev .w-view-prev-button.circle-loading .w-view-more-label,
.woostify-view-prev .updating-cart.ajax-single-add-to-cart .w-view-prev-button.single_add_to_cart_button.loading .w-view-more-label,
.updating-cart.ajax-single-add-to-cart .woostify-view-prev .w-view-prev-button.single_add_to_cart_button.loading .w-view-more-label,
.woostify-view-prev .updating-cart .w-view-prev-button#shop-cart-sidebar .w-view-more-label,
.updating-cart .woostify-view-prev .w-view-prev-button#shop-cart-sidebar .w-view-more-label,
.woostify-view-prev .w-view-prev-button.image-loading .w-view-more-label,
.woostify-view-prev .w-view-prev-button.tns:not(.tns-slider) .w-view-more-label,
.woostify-view-prev body:not(.yith-wcms-pro) .w-view-prev-button.processing:not(.um-woo-status) .w-view-more-label,
body:not(.yith-wcms-pro) .woostify-view-prev .w-view-prev-button.processing:not(.um-woo-status) .w-view-more-label {
padding-left: 5px;
}
.woostify-view-more .w-view-more-button.circle-loading:before, .woostify-view-more .updating-cart.ajax-single-add-to-cart .w-view-more-button.single_add_to_cart_button.loading:before, .updating-cart.ajax-single-add-to-cart .woostify-view-more .w-view-more-button.single_add_to_cart_button.loading:before, .woostify-view-more .updating-cart .w-view-more-button#shop-cart-sidebar:before, .updating-cart .woostify-view-more .w-view-more-button#shop-cart-sidebar:before, .woostify-view-more .w-view-more-button.image-loading:before, .woostify-view-more .w-view-more-button.tns:not(.tns-slider):before, .woostify-view-more body:not(.yith-wcms-pro) .w-view-more-button.processing:not(.um-woo-status):before, body:not(.yith-wcms-pro) .woostify-view-more .w-view-more-button.processing:not(.um-woo-status):before,
.woostify-view-more .w-view-prev-button.circle-loading:before,
.woostify-view-more .updating-cart.ajax-single-add-to-cart .w-view-prev-button.single_add_to_cart_button.loading:before,
.updating-cart.ajax-single-add-to-cart .woostify-view-more .w-view-prev-button.single_add_to_cart_button.loading:before,
.woostify-view-more .updating-cart .w-view-prev-button#shop-cart-sidebar:before,
.updating-cart .woostify-view-more .w-view-prev-button#shop-cart-sidebar:before,
.woostify-view-more .w-view-prev-button.image-loading:before,
.woostify-view-more .w-view-prev-button.tns:not(.tns-slider):before,
.woostify-view-more body:not(.yith-wcms-pro) .w-view-prev-button.processing:not(.um-woo-status):before,
body:not(.yith-wcms-pro) .woostify-view-more .w-view-prev-button.processing:not(.um-woo-status):before,
.woostify-view-prev .w-view-more-button.circle-loading:before,
.woostify-view-prev .updating-cart.ajax-single-add-to-cart .w-view-more-button.single_add_to_cart_button.loading:before,
.updating-cart.ajax-single-add-to-cart .woostify-view-prev .w-view-more-button.single_add_to_cart_button.loading:before,
.woostify-view-prev .updating-cart .w-view-more-button#shop-cart-sidebar:before,
.updating-cart .woostify-view-prev .w-view-more-button#shop-cart-sidebar:before,
.woostify-view-prev .w-view-more-button.image-loading:before,
.woostify-view-prev .w-view-more-button.tns:not(.tns-slider):before,
.woostify-view-prev body:not(.yith-wcms-pro) .w-view-more-button.processing:not(.um-woo-status):before,
body:not(.yith-wcms-pro) .woostify-view-prev .w-view-more-button.processing:not(.um-woo-status):before,
.woostify-view-prev .w-view-prev-button.circle-loading:before,
.woostify-view-prev .updating-cart.ajax-single-add-to-cart .w-view-prev-button.single_add_to_cart_button.loading:before,
.updating-cart.ajax-single-add-to-cart .woostify-view-prev .w-view-prev-button.single_add_to_cart_button.loading:before,
.woostify-view-prev .updating-cart .w-view-prev-button#shop-cart-sidebar:before,
.updating-cart .woostify-view-prev .w-view-prev-button#shop-cart-sidebar:before,
.woostify-view-prev .w-view-prev-button.image-loading:before,
.woostify-view-prev .w-view-prev-button.tns:not(.tns-slider):before,
.woostify-view-prev body:not(.yith-wcms-pro) .w-view-prev-button.processing:not(.um-woo-status):before,
body:not(.yith-wcms-pro) .woostify-view-prev .w-view-prev-button.processing:not(.um-woo-status):before {
position: static;
transform: none;
}
.woostify-view-more .woostify-loading-status,
.woostify-view-prev .woostify-loading-status {
display: none;
}
.woostify-view-more .woostify-loading-status:before,
.woostify-view-prev .woostify-loading-status:before {
content: "";
z-index: 2;
position: absolute;
border: 1px solid #ddd;
border-top-color: #222;
border-radius: 50%;
height: 20px;
width: 20px;
top: calc( 50% - 10px );
left: calc( 50% - 10px );
transform: translateY(-50%) translateX(-50%);
animation: circle-loading 0.35s linear infinite;
}
.woostify-view-prev {
order: 9;
width: 100%;
margin-bottom: 30px;
}
.products {
width: 100%;
clear: both;
padding: 0;
margin: 0;
}
.products .product {
list-style: none;
float: left;
margin-right: 30px;
margin-bottom: 30px;
position: relative;
width: 100%;
}
@media (min-width: 992px) {
.products.columns-1 .product {
width: calc((100% - 0px) / 1 - 0.01px);
}
.products.columns-1 .product:nth-of-type(1n) {
margin-right: 0;
}
.products.columns-1 .product:nth-of-type(1n + 2) {
clear: both;
}
}
@media (min-width: 601px) and (max-width: 991px) {
.products.tablet-columns-1 .product {
width: calc((100% - 0px) / 1 - 0.01px);
}
.products.tablet-columns-1 .product:nth-of-type(1n) {
margin-right: 0;
}
.products.tablet-columns-1 .product:nth-of-type(1n + 2) {
clear: both;
}
}
@media (max-width: 600px) {
.products.mobile-columns-1 .product {
width: calc((100% - 0px) / 1 - 0.01px);
}
.products.mobile-columns-1 .product:nth-of-type(1n) {
margin-right: 0;
}
.products.mobile-columns-1 .product:nth-of-type(1n + 2) {
clear: both;
}
}
@media (min-width: 992px) {
.products.columns-2 .product {
width: calc((100% - 30px) / 2 - 0.01px);
}
.products.columns-2 .product:nth-of-type(2n) {
margin-right: 0;
}
.products.columns-2 .product:nth-of-type(2n + 3) {
clear: both;
}
}
@media (min-width: 601px) and (max-width: 991px) {
.products.tablet-columns-2 .product {
width: calc((100% - 30px) / 2 - 0.01px);
}
.products.tablet-columns-2 .product:nth-of-type(2n) {
margin-right: 0;
}
.products.tablet-columns-2 .product:nth-of-type(2n + 3) {
clear: both;
}
}
@media (max-width: 600px) {
.products.mobile-columns-2 .product {
width: calc((100% - 30px) / 2 - 0.01px);
}
.products.mobile-columns-2 .product:nth-of-type(2n) {
margin-right: 0;
}
.products.mobile-columns-2 .product:nth-of-type(2n + 3) {
clear: both;
}
}
@media (min-width: 992px) {
.products.columns-3 .product {
width: calc((100% - 60px) / 3 - 0.01px);
}
.products.columns-3 .product:nth-of-type(3n) {
margin-right: 0;
}
.products.columns-3 .product:nth-of-type(3n + 4) {
clear: both;
}
}
@media (min-width: 601px) and (max-width: 991px) {
.products.tablet-columns-3 .product {
width: calc((100% - 60px) / 3 - 0.01px);
}
.products.tablet-columns-3 .product:nth-of-type(3n) {
margin-right: 0;
}
.products.tablet-columns-3 .product:nth-of-type(3n + 4) {
clear: both;
}
}
@media (max-width: 600px) {
.products.mobile-columns-3 .product {
width: calc((100% - 60px) / 3 - 0.01px);
}
.products.mobile-columns-3 .product:nth-of-type(3n) {
margin-right: 0;
}
.products.mobile-columns-3 .product:nth-of-type(3n + 4) {
clear: both;
}
}
@media (min-width: 992px) {
.products.columns-4 .product {
width: calc((100% - 90px) / 4 - 0.01px);
}
.products.columns-4 .product:nth-of-type(4n) {
margin-right: 0;
}
.products.columns-4 .product:nth-of-type(4n + 5) {
clear: both;
}
}
@media (min-width: 601px) and (max-width: 991px) {
.products.tablet-columns-4 .product {
width: calc((100% - 90px) / 4 - 0.01px);
}
.products.tablet-columns-4 .product:nth-of-type(4n) {
margin-right: 0;
}
.products.tablet-columns-4 .product:nth-of-type(4n + 5) {
clear: both;
}
}
@media (max-width: 600px) {
.products.mobile-columns-4 .product {
width: calc((100% - 90px) / 4 - 0.01px);
}
.products.mobile-columns-4 .product:nth-of-type(4n) {
margin-right: 0;
}
.products.mobile-columns-4 .product:nth-of-type(4n + 5) {
clear: both;
}
}
@media (min-width: 992px) {
.products.columns-5 .product {
width: calc((100% - 120px) / 5 - 0.01px);
}
.products.columns-5 .product:nth-of-type(5n) {
margin-right: 0;
}
.products.columns-5 .product:nth-of-type(5n + 6) {
clear: both;
}
}
@media (min-width: 601px) and (max-width: 991px) {
.products.tablet-columns-5 .product {
width: calc((100% - 120px) / 5 - 0.01px);
}
.products.tablet-columns-5 .product:nth-of-type(5n) {
margin-right: 0;
}
.products.tablet-columns-5 .product:nth-of-type(5n + 6) {
clear: both;
}
}
@media (max-width: 600px) {
.products.mobile-columns-5 .product {
width: calc((100% - 120px) / 5 - 0.01px);
}
.products.mobile-columns-5 .product:nth-of-type(5n) {
margin-right: 0;
}
.products.mobile-columns-5 .product:nth-of-type(5n + 6) {
clear: both;
}
}
@media (min-width: 992px) {
.products.columns-6 .product {
width: calc((100% - 150px) / 6 - 0.01px);
}
.products.columns-6 .product:nth-of-type(6n) {
margin-right: 0;
}
.products.columns-6 .product:nth-of-type(6n + 7) {
clear: both;
}
}
@media (min-width: 601px) and (max-width: 991px) {
.products.tablet-columns-6 .product {
width: calc((100% - 150px) / 6 - 0.01px);
}
.products.tablet-columns-6 .product:nth-of-type(6n) {
margin-right: 0;
}
.products.tablet-columns-6 .product:nth-of-type(6n + 7) {
clear: both;
}
}
@media (max-width: 600px) {
.products.mobile-columns-6 .product {
width: calc((100% - 150px) / 6 - 0.01px);
}
.products.mobile-columns-6 .product:nth-of-type(6n) {
margin-right: 0;
}
.products.mobile-columns-6 .product:nth-of-type(6n + 7) {
clear: both;
}
}
.star-rating {
display: inline-block;
width: 84px;
height: 16px;
position: relative;
line-height: 16px;
}
.star-rating:before {
font-family: "star";
font-size: 16px;
content: "SSSSS";
white-space: nowrap;
position: absolute;
left: 0;
top: 0;
opacity: 0.5;
}
.star-rating > span {
font-size: 0;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
white-space: nowrap;
line-height: 16px;
}
.star-rating > span:before {
font-family: "star";
font-size: 16px;
content: "SSSSS";
color: #ffc400;
position: absolute;
left: 0;
top: 0;
} .stars.selected span a {
color: #ffc400;
}
.stars.selected span a.active ~ a {
color: inherit;
}
.stars.selected span a:hover ~ a {
color: inherit !important;
}
.stars.selected span:hover a {
color: #ffc400;
}
.stars.selected span:hover a.active ~ a {
color: #ffc400;
}
.stars:not(.selected) span a:hover {
color: inherit;
}
.stars:not(.selected) span a:hover ~ a {
color: inherit;
}
.stars:not(.selected) span:hover a {
color: #ffc400;
}
.stars a {
font-size: 0;
}
.stars a:before {
font-size: 16px;
font-family: "star";
content: "S";
}
.button,
.product-loop-image-wrapper > .added_to_cart,
.woocommerce-widget-layered-nav-dropdown__submit,
.checkout-button {
border: 0;
padding: 0.35em 1.5em;
}
.product-loop-wrapper {
position: relative;
}
.product-category.product {
text-align: center;
}
.product-loop-image-wrapper {
position: relative;
overflow: hidden; }
.product-loop-image-wrapper .woocommerce-loop-product__link {
display: block;
text-align: center;
}
@media (min-width: 992px) {
.product-loop-image-wrapper.zoom-hover:hover img {
transform: scale(1.1);
}
}
.product-loop-image-wrapper .product-loop-hover-image {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.product-loop-image-wrapper .product-loop-image {
transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
.product-loop-image-wrapper:hover .product-loop-hover-image {
opacity: 1;
}
.product-loop-image-wrapper:hover .product-loop-hover-image + .product-loop-image {
opacity: 0;
}
}
.product-loop-image-wrapper .loop-add-to-cart-on-image,
.product-loop-image-wrapper .loop-add-to-cart-on-image + .added_to_cart {
opacity: 0;
visibility: hidden;
position: absolute;
left: 50%;
bottom: 48%;
line-height: 1.8em;
transform: translateX(-50%);
white-space: nowrap;
}
.product-loop-image-wrapper .loop-add-to-cart-on-image .woostify-svg-icon,
.product-loop-image-wrapper .loop-add-to-cart-on-image + .added_to_cart .woostify-svg-icon {
margin-right: 7px;
position: relative;
top: 1px;
}
.product-loop-image-wrapper .loop-add-to-cart-on-image {
text-align: center;
}
.product-loop-image-wrapper .loop-add-to-cart-on-image.added {
display: none;
}
.product-loop-image-wrapper .added_to_cart .woostify-svg-icon svg {
width: 14px;
height: 14px;
}
.has-equal-image-height img {
position: absolute;
left: 0;
top: 0;
height: 100% !important;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-loop-meta .price {
display: block;
}
.product-loop-meta a {
position: relative;
}
.product-loop-meta a .woostify-svg-icon {
color: currentColor;
margin-right: 5px;
transition-duration: 0s;
}
.product-loop-meta .button.product_type_external {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block !important;
line-height: 1.5;
}
.product-loop-meta .loading:before {
content: "" !important;
z-index: 2;
position: absolute;
border: 1px solid #ddd;
border-top-color: #222;
border-radius: 50%;
height: 14px;
width: 14px;
animation: circle-loading 0.35s linear infinite;
position: static;
}
.product-loop-meta .ajax_add_to_cart.loading .woostify-svg-icon {
display: none;
}
.product-loop-meta .added {
display: none;
}
.no-transform .animated-meta {
display: inline-flex;
flex-direction: column;
max-width: 100%;
flex-wrap: wrap;
align-items: center;
}
.product-loop-meta.no-transform .button,
.product-loop-meta.no-transform .added_to_cart {
display: inline-flex;
padding: 10px 15px;
margin-top: 10px;
height: 36px;
}
.product-loop-meta:not(.no-transform) .button {
padding: 0;
background-color: rgba(0, 0, 0, 0);
}
.product-loop-meta:not(.no-transform) .button:hover {
background-color: rgba(0, 0, 0, 0);
}
.product-loop-content {
padding: 25px 15px;
}
.disabled-icon-add-cart-button .added_to_cart .woostify-svg-icon,
.disabled-icon-add-cart-button .loop-add-to-cart-btn .woostify-svg-icon,
.disabled-icon-add-cart-button .loop-add-to-cart-on-image .woostify-svg-icon {
display: none;
}
#secondary .select2-selection--multiple {
min-height: auto;
}
#secondary .select2-selection--multiple .select2-selection__rendered {
padding: 0 5px 5px;
display: block;
}
#secondary .select2-selection--multiple .select2-search {
margin: 0;
line-height: 1;
margin-top: 5px;
}
#secondary .select2-selection--multiple .select2-search__field {
line-height: 36px;
padding: 0;
}
#secondary .select2-selection--single {
height: 46px;
}
#secondary .select2-selection--single .select2-selection__rendered {
line-height: 46px;
height: 45px;
}
#secondary .select2-selection--single .select2-selection__placeholder {
line-height: 46px;
}
#secondary .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
}
.loop-product-qty .quantity {
border: 1px solid #e8e8e8;
border-radius: 50px;
height: 36px;
max-width: 120px;
}
.loop-product-qty .quantity .product-qty {
width: 35px;
}
.loop-product-qty .quantity .product-qty .woostify-svg-icon svg {
width: 13px;
height: 13px;
}
.loop-product-qty .quantity [data-qty=minus] {
border-right: 1px solid #e8e8e8;
}
.loop-product-qty .quantity [data-qty=plus] {
border-left: 1px solid #e8e8e8;
}
.loop-product-qty .quantity .qty {
padding: 0 30px;
font-size: inherit;
} @media (min-width: 992px) {
.products .product:hover .product-loop-meta:not(.no-transform) .animated-meta {
transform: translateY(-24px);
}
.product-loop-meta:not(.no-transform) {
height: 30px;
line-height: 30px;
overflow: hidden;
}
.product-loop-meta:not(.no-transform) .animated-meta {
transition: all 0.2s ease-in-out;
}
.product-loop-meta:not(.no-transform) .animated-meta:focus-within {
transform: translateY(-24px);
}
}
.quick-view-content .woostify-size-guide-table-wrapper,
.quick-view-content .woocommerce-tabs {
display: none;
}
.hid-skus .product_meta .sku_wrapper {
display: none;
}
.hid-categories .product_meta .posted_in {
display: none;
}
.hid-tags .product_meta .tagged_as {
display: none;
}
.site-full-width-container .woocommerce-tabs .woocommerce-Tabs-panel {
max-width: 100%;
}
@media (min-width: 992px) {
.product-page-container {
padding-bottom: 50px;
}
}
@media (min-width: 992px) {
.single-product.site-normal-container.no-sidebar .site-content > .woostify-container {
max-width: 100%;
}
}
.single-product .site-content > .woostify-container {
padding-left: 0;
padding-right: 0;
}
.single-product:not(.site-full-width-stretched-container).left-sidebar .site-content > .woostify-container, .single-product:not(.site-full-width-stretched-container).right-sidebar .site-content > .woostify-container {
padding-left: 15px;
padding-right: 15px;
}
.single-product .content-top {
padding: 35px 0 15px 0;
position: relative;
z-index: 1;
}
.single-product .content-top .woostify-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-product .content-top .woostify-container:after {
content: none;
}
.single-product .content-top .woocommerce {
flex: 0 0 100%;
}
.single-product .star-rating {
vertical-align: text-top;
margin-right: 17px;
}
.single-product .summary .yith-wcwl-add-to-wishlist {
display: block;
margin: 20px 0;
}
@media (max-width: 991px) {
.single-product .wc-breadcrumb {
text-align: center;
padding-bottom: 0;
}
}
.product-gallery {
position: relative;
float: left;
max-width: 100%;
}
@media (min-width: 768px) {
.has-variation-swatches .product-gallery:not(.column-style):not(.grid-style) .product-images{
height: 360px;
}
}
@media (min-width: 992px) {
.has-variation-swatches .product-gallery:not(.column-style):not(.grid-style) .product-images{
height: 450px;
}
}
@media (min-width: 1200px) {
.has-variation-swatches .product-gallery:not(.column-style):not(.grid-style) .product-images{
height: 570px;
}
}
.product-images-container{
height: 100%;
}
@media (min-width: 992px) {
.product-gallery {
width: calc((100% - 30px) / 2);
}
}
@media (max-width: 991px) {
.product-gallery {
display: block;
float: none;
width: 100%;
}
}
.product-gallery.wc-default-gallery .onsale {
z-index: 1;
}
.product-gallery.wc-default-gallery .woocommerce-product-gallery__wrapper {
max-width: unset;
margin: 0;
}
.product-gallery.wc-default-gallery .woocommerce-product-gallery__trigger {
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
width: 20px;
height: 20px;
}
.product-gallery.wc-default-gallery .woocommerce-product-gallery__trigger img {
width: 100% !important;
height: 100% !important;
}
.product-gallery.wc-default-gallery .flex-control-thumbs {
list-style: none;
padding: 0;
}
.product-gallery.wc-default-gallery .flex-control-thumbs li {
display: inline-block;
margin: 0 1.5em 1.5em 0;
}
.product-gallery.wc-default-gallery .flex-control-thumbs li img {
border: 1px solid transparent;
}
.product-gallery.wc-default-gallery .flex-control-thumbs li img.flex-active {
border-color: #555;
}
.product-gallery.vertical-style .product-images-container .image-item, .product-gallery.horizontal-style .product-images-container .image-item {
display: none;
}
.product-gallery.vertical-style .product-images-container .image-item:first-child, .product-gallery.horizontal-style .product-images-container .image-item:first-child {
display: block;
}
.product-gallery.vertical-style .product-images-container.flickity-enabled .image-item, .product-gallery.horizontal-style .product-images-container.flickity-enabled .image-item {
display: block;
}
@media (max-width: 991px) {
.product-gallery.column-style .product-images-container .image-item, .product-gallery.grid-style .product-images-container .image-item {
display: none;
}
.product-gallery.column-style .product-images-container .image-item:first-child, .product-gallery.grid-style .product-images-container .image-item:first-child {
display: block;
}
.product-gallery.column-style .product-images-container.flickity-enabled .image-item, .product-gallery.grid-style .product-images-container.flickity-enabled .image-item {
display: block;
}
}
.product-gallery.vertical-style.has-product-thumbnails .thumb-btn {
display: none;
}
@media (max-width: 767px) {
.product-gallery.vertical-style.has-product-thumbnails .product-thumbnail-images-container {
display: flex;
}
.product-gallery.vertical-style.has-product-thumbnails .product-thumbnail-images-container.flickity-enabled {
display: block;
}
}
@media (min-width: 768px) {
.product-gallery.vertical-style.has-product-thumbnails {
position: relative;
display: flex;
}
.product-gallery.vertical-style.has-product-thumbnails .product-images {
order: 2;
flex: 0 1 100%;
}
.product-gallery.vertical-style.has-product-thumbnails .product-thumbnail-images {
position: relative;
width: 50px;
min-width: 50px;
margin-right: 20px;
height: 100%;
}
.product-gallery.vertical-style.has-product-thumbnails .thumb-btn {
display: block;
border-radius: 50%;
background: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
border: none;
width: 30px;
height: 30px;
}
.product-gallery.vertical-style.has-product-thumbnails .thumb-btn .woostify-svg-icon {
display: inline-flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-gallery.vertical-style.has-product-thumbnails .thumb-btn .woostify-svg-icon svg {
display: block;
width: 15px;
height: 15px;
}
.product-gallery.vertical-style.has-product-thumbnails .thumb-btn.next {
bottom: 0;
}
.product-gallery.vertical-style.has-product-thumbnails .thumb-btn.prev {
top: 0;
}
.product-gallery.vertical-style.has-product-thumbnails .product-thumbnail-images-container {
overflow: hidden;
}
.product-gallery.vertical-style.has-product-thumbnails .product-thumbnail-images-container .thumbnail-item {
margin-bottom: 10px;
}
.product-gallery.vertical-style.has-product-thumbnails .product-thumbnail-images-container .thumbnail-item:last-child {
margin-bottom: 0;
}
.product-gallery.vertical-style.has-product-thumbnails .product-thumbnail-images-container.has-buttons .thumbnail-item:first-child {
margin-top: 35px;
}
.product-gallery.vertical-style.has-product-thumbnails .product-thumbnail-images-container.has-buttons .thumbnail-item:last-child {
margin-bottom: 35px;
}
}
.product-gallery.horizontal-style .product-thumbnail-images-container {
display: flex;
}
.product-gallery.horizontal-style .product-thumbnail-images-container.flickity-enabled {
display: block;
}
.product-gallery.horizontal-style .product-thumbnail-images-container .thumbnail-item:first-child {
margin-left: 1px;
}
.product-gallery .onsale {
z-index: 0;
}
@media (min-width: 992px) {
.product-gallery.grid-style .product-group-btns .photoswipe-toggle-button {
display: none;
}
}
@media (min-width: 992px) {
.product-gallery.grid-style.has-product-thumbnails .image-item {
width: calc((100% - 30px) / 2);
float: left;
margin-bottom: 30px;
}
.product-gallery.grid-style.has-product-thumbnails .image-item:nth-of-type(even) {
margin-left: 30px;
}
}
@media (min-width: 992px) {
.product-gallery.column-style .product-group-btns .photoswipe-toggle-button {
display: none;
}
}
@media (min-width: 992px) {
.product-gallery.column-style.has-product-thumbnails .image-item {
clear: both;
float: left;
margin-bottom: 30px;
}
.product-gallery.column-style.has-product-thumbnails .image-item:last-of-type {
margin-bottom: 0;
}
}
.product-thumbnail-images {
animation: fadeIn 2s linear;
}
.product-thumbnail-images.has-single-thumbnail-image {
display: none;
}
.product-images {
overflow: hidden;
position: relative;
animation: fadeIn 2s linear;
}
.product-images .image-item {
margin: 0;
cursor: pointer;
width: 100%;
}
.product-images .image-item a {
display: block;
}
.has-product-thumbnails.horizontal-style .product-images {
margin-bottom: 20px;
}
.product-thumbnail-images .thumbnail-item {
cursor: pointer;
position: relative;
max-width: 70px;
width: 100%;
margin-right: 10px;
}
.product-thumbnail-images .thumbnail-item.is-selected.is-nav-selected img {
border: 1px solid #555;
}
.product-thumbnail-images img {
border: 1px solid rgba(0, 0, 0, 0);
opacity: 1 !important;
}
.image-loading {
position: relative;
}
.product-summary {
float: left;
max-width: 100%;
}
@media (min-width: 992px) {
.product-summary {
width: calc((100% - 30px) / 2);
margin-left: 30px;
}
}
.product-summary .price {
font-size: 24px;
margin-bottom: 18px;
}
.product-group-btns {
position: absolute;
z-index: 9;
right: 15px;
bottom: 15px;
display: flex;
}
.product-group-btns > * {
margin-left: 5px;
}
.product-group-btns .woostify-lightbox-button, .product-group-btns .photoswipe-toggle-button {
width: 40px;
height: 40px;
color: #aaa;
border: 1px solid #ccc;
border-radius: 5px;
position: relative;
background: #fff;
}
.product-group-btns .woostify-lightbox-button .woostify-svg-icon, .product-group-btns .photoswipe-toggle-button .woostify-svg-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-group-btns .photoswipe-toggle-button svg {
display: block;
width: 16px;
height: 16px;
}
.product-group-btns .woostify-lightbox-button svg {
display: block;
width: 20px;
height: 20px;
}
.woocommerce-product-rating {
margin-bottom: 15px;
}
.woocommerce-product-details__short-description {
border-left: 0;
border-right: 0;
padding: 35px 0;
}
.woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
.woocommerce-product-details__short-description + .cart {
margin-top: 20px;
}
.woocommerce-grouped-product-list {
border: 0;
margin-top: 0;
}
.woocommerce-grouped-product-list td {
border-left: 0;
border-right: 0;
padding-left: 0;
padding-right: 0;
}
.woocommerce-grouped-product-list ins {
background-color: rgba(0, 0, 0, 0);
}
.variations {
border: 0;
margin-top: 0;
margin-bottom: 20px;
}
.variations tr {
display: block;
margin-bottom: 10px;
}
.variations td {
border: 0;
padding: 2px 0;
vertical-align: top;
}
@media (max-width: 767px) {
.variations td {
display: block;
clear: both;
}
.variations tr + tr {
margin-top: 15px;
display: block;
}
}
.variations select {
display: block;
clear: both;
height: 36px;
padding-left: 10px;
padding-right: 10px;
background-color: #fff;
position: static !important;
}
.variations label {
text-transform: uppercase;
}
.variations .label {
vertical-align: middle;
display: block;
background-color: transparent;
padding: 0;
border: none;
}
.variations .value {
display: block;
padding-left: 0;
}
.variations .value:before {
content: none !important;
}
@media (min-width: 720px) {
.variations .value {
display: flex;
align-items: center;
}
}
@media (max-width: 719px) {
.variations .value {
flex-wrap: wrap;
}
}
.variations .woostify-variation-swatches {
padding-left: 0;
padding-right: 0;
}
.variations .tawcvs-swatches .swatch.selected,
.variations .woostify-variation-swatches .swatch.selected {
box-shadow: none;
}
.variations .tawcvs-swatches .swatch {
border: 1px solid #ddd;
opacity: 1;
border-radius: 20px;
}
.variations .reset_variations {
white-space: nowrap;
border: 1px solid #e8e8e8;
background-color: #fff;
border-radius: 5px;
padding: 2px 10px;
margin-top: 10px;
float: left;
transition-duration: 0s;
}
@media (min-width: 720px) {
.variations .reset_variations {
margin-left: 10px;
margin-top: 0;
margin-bottom: 10px;
float: none;
}
}
.variations .reset_variations .woostify-svg-icon {
position: relative;
top: 1px;
margin-right: 7px;
}
.variations .reset_variations .woostify-svg-icon svg {
width: 12px;
height: 12px;
}
@media (max-width: 719px) {
.variations .label {
width: 100%;
}
.variations .value {
max-width: 100%;
flex-direction: column;
}
.variations select {
min-width: 100%;
}
}
.single_variation {
margin-bottom: 40px;
}
.single_variation:empty {
display: none;
}
.shop_table .variation {
margin: 0;
}
.shop_table .variation dt,
.shop_table .variation dd {
display: inline-block;
font-weight: normal;
}
.shop_table .variation dd {
margin-bottom: 0;
}
.shop_table .variation p:last-child {
margin-bottom: 0;
}
.product_title {
font-size: 24px;
margin-top: 0;
font-weight: 500;
margin-bottom: 10px;
}
.product_title.bundled_product_title {
font-size: 1em;
}
.woostify-single-product-stock {
margin-bottom: 35px;
}
.woostify-single-product-stock .woostify-single-product-stock-label {
margin-bottom: 10px;
display: block;
}
.woostify-single-product-stock .woostify-product-stock-progress {
background-color: #efefef;
}
.woostify-single-product-stock .woostify-single-product-stock-progress-bar {
height: 10px;
display: block;
width: 0;
transition-duration: 0.3s;
}
.cart:not(.elementor-menu-cart__products) {
flex-wrap: wrap !important;
}
.cart:not(.elementor-menu-cart__products) .quantity {
margin-right: 8px;
border: 1px solid #e8e8e8;
}
@media (max-width: 600px) {
.cart:not(.elementor-menu-cart__products) .quantity {
width: 90px;
min-width: 90px;
}
}
.cart:not(.elementor-menu-cart__products) .woocommerce-variation-add-to-cart {
flex-wrap: wrap !important;
}
.cart:not(.elementor-menu-cart__products) .woocommerce-variation-add-to-cart .tinvwl-after-add-to-cart {
width: 100%;
}
.woocommerce-variation-price {
margin-bottom: 10px;
}
.quantity {
width: 170px;
height: 50px;
position: relative;
overflow: hidden;
background: #fff;
}
.quantity .qty {
text-align: center;
border: 0;
font-size: 16px;
background-color: rgba(0, 0, 0, 0);
flex-grow: 1;
padding: 0 40px;
-moz-appearance: textfield;
}
.quantity .qty::-webkit-inner-spin-button, .quantity .qty::-webkit-outer-spin-button {
-webkit-appearance: none;
}
@media (max-width: 600px) {
.quantity .qty {
padding: 0 30px;
}
}
.quantity select.qty {
padding: 0;
margin: 0 20px;
}
.quantity select.qty ~ .product-qty {
display: none;
}
.quantity .product-qty {
position: absolute;
cursor: pointer;
width: 40px;
top: 0;
bottom: 0;
}
.quantity .product-qty:active, .quantity .product-qty:hover {
color: #000;
}
@media (max-width: 600px) {
.quantity .product-qty {
width: 30px;
}
}
.quantity .woostify-svg-icon svg {
width: 15px;
height: 15px;
}
.quantity [data-qty=minus] {
left: 0;
}
.quantity [data-qty=plus] {
right: 0;
}
.add_to_cart_button.disabled{
opacity: 0.7 !important;
pointer-events: none;
}
.single_add_to_cart_button {
position: relative;
}
@media (max-width: 600px) {
.single_add_to_cart_button {
flex-grow: 1;
}
}
.single_add_to_cart_button.button {
min-width: 200px;
height: 50px;
font-weight: 600;
text-transform: uppercase;
vertical-align: top;
padding-top: 0;
padding-bottom: 0;
pointer-events: auto;
}
@media (max-width: 600px) {
.single_add_to_cart_button.button {
min-width: auto;
}
}
.elementor .product-gallery.grid-style.has-product-thumbnails .image-item, .elementor .product-gallery.column-style.has-product-thumbnails .image-item {
margin-bottom: 30px;
}
.product_meta {
margin-top: 20px;
}
.elementor-element.elementor-woo-meta--view-inline .product_meta {
display: block;
}
.product_meta > span {
display: block;
}
.woocommerce-tabs {
display: block;
clear: both;
padding-top: 54px;
padding-bottom: 50px;
}
.woocommerce-tabs .tabs {
margin: 0;
padding-left: 0;
text-align: center;
}
.woocommerce-tabs .tabs li {
list-style: none;
display: inline-flex;
margin: 0 30px;
}
@media (max-width: 719px) {
.woocommerce-tabs .tabs li {
margin: 5px 0;
width: 100%;
}
.woocommerce-tabs .tabs li a {
display: block;
padding: 5px 15px;
border: 1px solid #efefef;
}
}
.woocommerce-tabs .tabs a {
font-size: 18px;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
padding: 23px 0;
max-width: 770px;
margin-left: auto;
margin-right: auto;
display: none;
}
.woocommerce-tabs .woocommerce-Tabs-panel > h2:first-child {
display: none;
}
.woocommerce-tabs .woocommerce-Tabs-panel table {
margin: 0;
}
.woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
margin-bottom: 0;
}
.woocommerce-tabs #reply-title {
display: none;
}
.woocommerce-tabs #comments {
border-top: 0;
padding-top: 0;
margin-top: 0;
}
.woocommerce-tabs .woocommerce-Reviews-title {
display: none;
}
.woocommerce-tabs .woocommerce-verification-required {
font-weight: 700;
margin-top: 40px;
}
.woocommerce-tabs .commentlist {
padding-left: 0;
margin: 0;
}
.woocommerce-tabs .commentlist li {
list-style: none;
}
.woocommerce-tabs .commentlist li + li {
margin-top: 30px;
}
.woocommerce-tabs .commentlist .children {
margin-top: 30px;
}
.woocommerce-tabs .comment {
margin-bottom: 40px;
}
.woocommerce-tabs .comment_container {
display: flex;
justify-content: flex-start;
}
.woocommerce-tabs .comment_container .avatar {
border-radius: 50%;
margin-right: 30px;
min-width: 60px;
width: 60px;
height: 60px;
}
.woocommerce-tabs .comment_container .comment-text {
flex-grow: 1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.woocommerce-tabs .comment_container .comment-text .description {
flex: 0 0 100%;
margin-top: 15px;
}
.woocommerce-tabs .comment_container .meta {
margin-bottom: 0;
display: inline-block;
vertical-align: text-top;
}
.woocommerce-tabs .comment-notes {
width: 100%;
}
.woocommerce-tabs .comment-form > p {
width: 100%;
margin-bottom: 0;
}
.woocommerce-tabs .comment-form input:not([type=submit]) {
width: 100%;
}
.woocommerce-tabs .comment-form textarea {
width: 100%;
}
.woocommerce-tabs.layout-accordion .woostify-tab-wrapper {
border-bottom: 1px solid #efefef;
}
.woocommerce-tabs.layout-accordion .woostify-tab-wrapper .woostify-svg-icon {
transition: transform 0.3s;
}
.woocommerce-tabs.layout-accordion .woostify-tab-wrapper.active .woostify-svg-icon {
transform: rotate(180deg);
}
.woocommerce-tabs.layout-accordion .woostify-accordion-title {
display: block;
padding: 15px 0;
font-size: 18px;
position: relative;
}
.woocommerce-tabs.layout-accordion .woostify-accordion-title .woostify-svg-icon {
position: absolute;
right: 0;
top: calc(50% - 7px);
}
.woocommerce-tabs.layout-accordion .woocommerce-Tabs-panel {
display: none;
padding: 0;
max-width: 100%;
height: 0;
transition: height 350ms ease-in-out;
overflow: hidden;
}
.woocommerce-tabs.layout-accordion .woocommerce-Tabs-panel.is-visible {
height: auto;
display: block !important;
}
.woocommerce-tabs.layout-accordion .woocommerce-Tabs-panel .woostify-tab-inner {
padding-bottom: 15px;
}
.woocommerce-tabs.layout-accordion .woocommerce-Tabs-panel .woostify-tab-inner .woostify-tab-scroll-content {
overflow-y: auto;
max-height: 500px;
scrollbar-width: thin;
padding-right: 20px;
}
.woocommerce-tabs.layout-accordion .woocommerce-Tabs-panel .woostify-tab-inner .woostify-tab-scroll-content::-webkit-scrollbar {
width: 5px;
}
.woocommerce-tabs.layout-accordion .woocommerce-Tabs-panel .woostify-tab-inner .woostify-tab-scroll-content::-webkit-scrollbar-track {
background: #f2f2f2;
}
.woocommerce-tabs.layout-accordion .woocommerce-Tabs-panel .woostify-tab-inner .woostify-tab-scroll-content::-webkit-scrollbar-thumb {
background: #d5d5d5;
}
.woocommerce-tabs.layout-accordion .woocommerce-Tabs-panel .woostify-tab-inner .woostify-tab-scroll-content > h2:first-child {
display: none;
}
.woocommerce-tabs.layout-accordion + .related {
border-top: none;
}
.layout-accordion + .related {
border-top: none;
}
.related,
.up-sells,
.woostify-product-recently-viewed-section {
border-top: 1px solid #efefef;
}
.related > h2,
.up-sells > h2,
.woostify-product-recently-viewed-section > h2 {
text-align: center;
font-size: 18px;
font-weight: normal;
padding: 25px 0;
}
.related ul.products.tns-slider .product,
.up-sells ul.products.tns-slider .product,
.woostify-product-recently-viewed-section ul.products.tns-slider .product {
margin: 0;
float: none;
}
.related .tns-controls button[data-controls=prev],
.up-sells .tns-controls button[data-controls=prev],
.woostify-product-recently-viewed-section .tns-controls button[data-controls=prev] {
left: -55px;
}
@media (max-width: 991px) {
.related .tns-controls button[data-controls=prev],
.up-sells .tns-controls button[data-controls=prev],
.woostify-product-recently-viewed-section .tns-controls button[data-controls=prev] {
left: 5px;
}
}
.related .tns-controls button[data-controls=next],
.up-sells .tns-controls button[data-controls=next],
.woostify-product-recently-viewed-section .tns-controls button[data-controls=next] {
right: -55px;
}
@media (max-width: 991px) {
.related .tns-controls button[data-controls=next],
.up-sells .tns-controls button[data-controls=next],
.woostify-product-recently-viewed-section .tns-controls button[data-controls=next] {
right: 5px;
}
}
.woostify-product-images-widget .product-gallery {
width: 100%;
}
.woostify-product-recently-viewed-section {
border: none;
}
.woostify-product-recently-viewed-section .woostify-product-recently-viewed-inner {
border-top: 1px solid #efefef;
}
.woostify-product-recently-viewed-section .woostify-product-recently-viewed-title {
text-align: center;
font-size: 18px;
font-weight: normal;
padding: 25px 0;
}
.bundled_item_cart_content .price {
font-size: 1em;
}
@media (max-width: 991px) {
.product-summary {
margin-top: 50px;
width: 100%;
}
.single-product .woostify-breadcrumb {
display: none;
}
.single-product .elementor-widget-woostify-breadcrumb .woostify-breadcrumb {
display: block;
}
}
@media (max-width: 767px) {
.has-product-thumbnails .product-thumbnail-images {
margin-top: 20px;
}
}
.paypal-button {
z-index: 0;
}
#product-addons-total {
clear: both;
}
.product-summary .grouped_form a.button.product_type_variable {
width: 170px;
height: 50px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-right: 8px;
padding: 5px 15px;
}
.product-summary .grouped_form a.button.product_type_simple {
width: 170px;
height: 50px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-right: 8px;
padding: 5px 15px;
}
.product-summary .grouped_form span.woostify-svg-icon.icon-shopping-cart-2 {
margin-right: 5px;
}
.product-summary .stock.out-of-stock {
margin-bottom: 0;
}
@media (max-width: 767px) {
.product-summary .grouped_form a.button.product_type_variable {
width: 120px;
padding: 5px;
}
.product-summary .grouped_form a.button.product_type_simple {
width: 120px;
padding: 5px;
}
.product-summary .grouped_form .quantity {
width: 120px;
}
}
.cart-sidebar-open .updating-cart #shop-cart-sidebar:after {
transition-duration: 0s;
}
.updating-cart.cart-sidebar-open #shop-cart-sidebar:after {
transition-duration: 0s;
}
.updating-cart #shop-cart-sidebar:before {
animation: 0.4s circle-loading linear infinite;
top: calc(50% + 20px);
z-index: 3;
border-width: 2px;
}
.updating-cart #shop-cart-sidebar:after {
opacity: 1;
visibility: visible;
}
.cart-sidebar-open {
overflow: hidden;
}
.cart-sidebar-open.cart-updated #shop-cart-sidebar:before {
content: none !important;
}
.cart-sidebar-open.cart-updated #shop-cart-sidebar:after {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.cart-sidebar-open #shop-cart-sidebar {
visibility: visible;
pointer-events: auto;
transform: translateX(0);
}
.cart-sidebar-open #woostify-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#shop-cart-sidebar {
display: flex;
flex-wrap: wrap;
flex-direction: column;
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 200;
width: 400px;
padding: 0 30px 30px;
background: #fff;
visibility: hidden;
pointer-events: none;
will-change: transform;
transform: translateX(100%);
transition: all 0.3s;
}
@media (max-width: 599px) {
#shop-cart-sidebar {
width: 290px;
padding: 0 15px 15px;
}
}
.logged-in.admin-bar #shop-cart-sidebar {
top: 46px;
}
@media (min-width: 783px) {
.logged-in.admin-bar #shop-cart-sidebar {
top: 32px;
}
}
#shop-cart-sidebar:after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: inherit;
z-index: 2;
opacity: 0;
visibility: hidden;
}
#shop-cart-sidebar ul {
margin: 0;
}
#shop-cart-sidebar .blockUI {
display: none !important;
}
#shop-cart-sidebar canvas {
position: absolute;
width: 100%;
height: 100%;
z-index: 9;
left: 0;
top: 0;
pointer-events: none;
}
.shop-cart-count,
.wishlist-item-count {
padding: 0 5px;
height: 18px;
color: #fff;
font-size: 12px;
font-weight: 700;
border-radius: 8px;
min-width: 18px;
pointer-events: none;
white-space: nowrap;
}
.cart-sidebar-head {
flex: 0 0 auto;
width: auto;
border-bottom: 1px solid #ddd;
padding: 30px 0;
position: relative;
z-index: 3;
height: 80px;
background-color: inherit;
display: flex;
justify-content: flex-start;
align-items: center;
}
@media (max-width: 599px) {
.cart-sidebar-head {
height: 60px;
padding: 15px 0;
}
}
.cart-sidebar-head .shop-cart-count {
margin-left: 10px;
}
.cart-sidebar-title {
margin: 0;
display: inline-block;
text-transform: uppercase;
font-weight: normal;
font-size: 13px;
white-space: nowrap;
}
#close-cart-sidebar-btn {
border: 0;
background: none;
position: absolute;
right: 0;
top: 50%;
width: 30px;
height: 30px;
font-weight: 700;
transform: translatey(-50%) rotate(0deg);
}
#close-cart-sidebar-btn:hover {
transform: translatey(-50%) rotate(90deg);
color: firebrick;
}
.cart-sidebar-content {
flex-basis: 0%;
flex-grow: 1;
max-width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
}
.cart-sidebar-content.is-cart-empty.has-fst {
margin-top: 0;
}
.cart-sidebar-content.is-cart-empty.has-fst.has-fst-top {
margin-top: 0;
}
.cart-sidebar-content.is-cart-empty.has-fst.has-fst-top.has-fst-progress-bar {
margin-top: 0;
}
.cart-sidebar-content.is-cart-empty .woostify-mini-cart-custom-html {
display: none;
}
.cart-sidebar-content .woostify-mini-cart-custom-html {
flex: 0 0 auto;
width: auto;
margin: 10px 0;
}
.cart-sidebar-content .woostify-mini-cart-custom-html.pos-after-checkout {
margin-bottom: 0;
}
.cart-sidebar-content [data-sold_individually] .mini-cart-product-qty {
display: none;
}
.cart-sidebar-content .woocommerce-mini-cart__total {
margin-bottom: 0;
background-color: transparent;
height: 40px;
border-top: 1px solid #ddd;
align-items: flex-end;
}
@media (max-width: 599px) {
.cart-sidebar-content .woocommerce-mini-cart__total {
height: 30px;
}
}
.cart-sidebar-content .woocommerce-mini-cart {
flex-basis: 0%;
flex-grow: 1;
max-width: 100%;
overflow-y: auto;
scrollbar-width: thin;
}
.cart-sidebar-content .woocommerce-mini-cart::-webkit-scrollbar {
width: 5px;
}
.cart-sidebar-content .woocommerce-mini-cart::-webkit-scrollbar-track {
background: #f2f2f2;
}
.cart-sidebar-content .woocommerce-mini-cart::-webkit-scrollbar-thumb {
background: #d5d5d5;
}
.cart-sidebar-content .woocommerce-mini-cart__bottom {
flex: 0 0 auto;
width: auto;
}
.cart-sidebar-content .free-shipping-progress-bar.pos-top {
margin: 10px 0;
}
.cart-sidebar-content .free-shipping-progress-bar.pos-before-checkout {
margin: 10px 0;
}
.cart-sidebar-content .woocommerce-mini-cart__buttons {
margin-bottom: 0;
}
.cart-sidebar-content .woocommerce-mini-cart__buttons a {
padding: 0 !important;
display: block;
width: auto;
border-left: 0;
}
.cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout) {
background-color: #fff;
height: 40px;
}
@media (max-width: 599px) {
.cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout) {
height: 30px;
}
}
.cart-sidebar-content .woocommerce-mini-cart__buttons a.checkout {
height: 50px;
}
@media (max-width: 599px) {
.cart-sidebar-content .woocommerce-mini-cart__buttons a.checkout {
height: 40px;
}
}
.cart-sidebar-content .woocommerce-mini-cart__empty-message {
margin-bottom: 0;
padding: 30px 0;
}
.cart-sidebar-content .woocommerce-mini-cart__empty-message .woostify-empty-cart {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 6vh;
}
.cart-sidebar-content .woocommerce-mini-cart__empty-message .woostify-empty-cart .message-icon {
height: 80px;
background: #f8f8f8;
width: 80px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.cart-sidebar-content .woocommerce-mini-cart__empty-message .woostify-empty-cart .message-icon svg {
width: 30px;
height: 30px;
}
.cart-sidebar-content .woocommerce-mini-cart__empty-message .woostify-empty-cart .message-text {
margin: 18px 0 20px;
}
.cart-sidebar-content .woocommerce-mini-cart__empty-message .woostify-empty-cart .button.continue-shopping {
text-align: center;
margin-top: 2vh;
}
.cart-sidebar-content .variation {
margin: 5px 0;
font-size: 13px;
}
.cart-sidebar-content .variation dt,
.cart-sidebar-content .variation dd {
float: left;
line-height: 18px;
}
.cart-sidebar-content .variation dt {
font-weight: normal;
clear: both;
margin-right: 5px;
}
.cart-sidebar-content .variation dd {
margin: 0;
}
.cart-sidebar-content .variation dd p:last-child {
margin-bottom: 0;
}
.cart-sidebar-content .variation + .quantity {
clear: both;
display: block;
}
.cart-sidebar-content .quantity {
font-size: 13px;
}
@media (min-width: 598px) {
.cart-sidebar-content .mini_cart_item {
min-height: 95px;
padding-left: 95px;
}
}
@media (min-width: 598px) {
.cart-sidebar-content .mini_cart_item.component_mini_cart_item {
padding-left: 125px;
}
}
.cart-sidebar-content .mini_cart_item.component_mini_cart_item .mini-cart-product-infor .mini-cart-quantity {
display: none;
}
.cart-sidebar-content .mini_cart_item img {
max-width: 75px;
max-height: 75px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 599px) {
.cart-sidebar-content .mini_cart_item img {
max-width: 60px;
max-height: 60px;
margin-right: 15px;
}
}
.cart-sidebar-content .mini_cart_item:hover .remove_from_cart_button {
opacity: 1;
}
.cart-sidebar-content .mini_cart_item:focus-within .remove_from_cart_button {
opacity: 1;
}
@media (max-width: 991px) {
.cart-sidebar-content .mini_cart_item .remove_from_cart_button {
opacity: 1;
}
}
.cart-sidebar-content .remove_from_cart_button {
opacity: 0;
right: 5px;
top: 5px;
}
@media (max-width: 992px) {
.cart-sidebar-content .remove_from_cart_button {
opacity: 1;
}
}
.cart-sidebar-content .remove_from_cart_button:focus:before {
animation: 0.5s circle-loading linear infinite;
}
#woostify-overlay {
position: fixed;
left: 0;
bottom: 0;
right: 0;
top: 0;
z-index: 199;
background: rgba(0, 0, 0, 0.5);
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.woocommerce-mini-cart .bundled_mini_cart_item {
display: none;
}
.mini-cart-updating .mini-cart-quantity,
.mini-cart-updating .woocommerce-mini-cart__total,
.mini-cart-updating .woocommerce-mini-cart__buttons {
pointer-events: none;
opacity: 0.5;
}
.mini-cart-product-infor {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 10px;
}
.mini-cart-product-infor .mini-cart-quantity {
display: flex;
align-items: stretch;
height: 24px;
border: 1px solid #ccc;
overflow: hidden;
}
.mini-cart-product-infor .mini-cart-quantity .qty {
height: 100%;
margin: 0;
padding: 0;
width: 40px;
line-height: 24px;
text-align: center;
-moz-appearance: textfield;
background-color: transparent;
border: none;
}
.mini-cart-product-infor .mini-cart-quantity .qty::-webkit-inner-spin-button, .mini-cart-product-infor .mini-cart-quantity .qty::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.mini-cart-product-infor .mini-cart-product-qty {
cursor: pointer;
width: 24px;
font-size: 10px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mini-cart-product-infor .mini-cart-product-qty[data-qty=minus] {
border-right: 1px solid #ccc;
}
.mini-cart-product-infor .mini-cart-product-qty[data-qty=plus] {
border-left: 1px solid #ccc;
}
.mini-cart-product-infor .mini-cart-product-qty .woostify-svg-icon svg {
width: 10px;
height: 11px;
}
@media (min-width: 600px) and (max-width: 991px) {
#shop-cart-sidebar {
width: 50%;
}
}
.woocommerce-cart h2 {
font-size: 24px;
font-weight: normal;
}
@media (min-width: 768px) {
.woocommerce-cart.cart-page-layout-1 #content > .woostify-container {
width: 970px;
max-width: 100%;
}
}
@media (min-width: 992px) {
.woocommerce-cart.cart-page-layout-1 .cross-sells {
width: 48.5%;
float: left;
margin-bottom: 30px;
}
.woocommerce-cart.cart-page-layout-1 .cart-collaterals {
width: 48.5%;
float: right;
}
}
@media (max-width: 992px) {
.woocommerce-cart.cart-page-layout-1 .cross-sells {
margin-top: 50px;
}
}
.woocommerce-cart.cart-page-layout-1 .cart_totals .shop_table {
border: 1px solid #eee;
}
.woocommerce-cart.cart-page-layout-1 .cart_totals tr {
border-bottom-color: #eee;
}
.woocommerce-cart.cart-page-layout-1 .cart-collaterals th,
.woocommerce-cart.cart-page-layout-1 .cart-collaterals td {
padding: 15px;
}
.woocommerce-cart.cart-page-layout-2 .woocommerce-cart-form__contents, .woocommerce-cart.cart-page-layout-2 .cart.wishlist_table {
margin-top: 0;
}
@media (min-width: 992px) {
.woocommerce-cart.cart-page-layout-2 .woocommerce-cart-form {
width: 65%;
float: left;
}
.woocommerce-cart.cart-page-layout-2 .cart-collaterals {
width: calc(35% - 40px);
float: right;
}
}
.woocommerce-cart.cart-page-layout-2 .cart-collaterals {
border: 2px solid #efefef;
padding: 10px 20px 30px 20px;
}
.woocommerce-cart.cart-page-layout-2 .cross-sells {
clear: both;
}
.woocommerce-cart .woocommerce-cart-form {
margin-bottom: 50px;
}
.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce-cart-form {
width: 100%;
float: none;
}
.woocommerce-cart .elementor-widget-woocommerce-cart .cart-collaterals {
float: none;
width: 100%;
padding: 0;
border: none;
}
.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
text-align: center;
border: none;
padding: 0 40px;
font-size: inherit;
max-height: unset;
}
.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce .coupon .form-row {
float: none;
}
.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce .input-text, .woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce select {
height: auto;
}
.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button {
line-height: inherit;
}
.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions [name=update_cart], .woocommerce-cart .elementor-widget-woocommerce-cart .cart.wishlist_table:not(.elementor-menu-cart__products) .actions [name=update_cart] {
border-width: 2px;
}
.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents:not(.elementor-menu-cart__products) [name=update_cart], .woocommerce-cart .elementor-widget-woocommerce-cart .cart.wishlist_table:not(.elementor-menu-cart__products) [name=update_cart] {
height: auto;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products), .cart.wishlist_table:not(.elementor-menu-cart__products) {
border-width: 0;
border-collapse: separate;
table-layout: auto;
}
@media (max-width: 767px) {
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products), .cart.wishlist_table:not(.elementor-menu-cart__products) {
margin-bottom: 0;
}
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) th, .cart.wishlist_table:not(.elementor-menu-cart__products) th,
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) td,
.cart.wishlist_table:not(.elementor-menu-cart__products) td {
padding: 20px 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-remove a, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-remove a {
font-size: 1.5em;
position: relative;
width: 1.2em;
height: 1.2em;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-remove a:hover, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-remove a:hover {
color: firebrick;
}
@media (max-width: 767px) {
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-remove a, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-remove a {
background-color: firebrick;
color: #fff !important;
}
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .quantity, .cart.wishlist_table:not(.elementor-menu-cart__products) .quantity {
border: 1px solid #e8e8e8;
width: 100px;
margin-right: 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions .coupon, .cart.wishlist_table:not(.elementor-menu-cart__products) .actions .coupon {
width: 100%;
}
@media (min-width: 992px) {
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions .coupon, .cart.wishlist_table:not(.elementor-menu-cart__products) .actions .coupon {
float: left;
width: 60%;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions .coupon + [name=update_cart], .cart.wishlist_table:not(.elementor-menu-cart__products) .actions .coupon + [name=update_cart] {
width: 40%;
}
}
@media (max-width: 991px) {
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions .coupon, .cart.wishlist_table:not(.elementor-menu-cart__products) .actions .coupon {
justify-content: center;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions .coupon [name=apply_coupon], .cart.wishlist_table:not(.elementor-menu-cart__products) .actions .coupon [name=apply_coupon] {
color: #fff;
}
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions .coupon [name=apply_coupon], .cart.wishlist_table:not(.elementor-menu-cart__products) .actions .coupon [name=apply_coupon] {
white-space: nowrap;
height: 40px;
padding: 0 20px;
color: #ffffff;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions [name=coupon_code], .cart.wishlist_table:not(.elementor-menu-cart__products) .actions [name=coupon_code] {
background-color: transparent;
}
@media (max-width: 991px) {
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions, .cart.wishlist_table:not(.elementor-menu-cart__products) .actions {
display: flex;
flex-direction: column-reverse;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions [name=update_cart], .cart.wishlist_table:not(.elementor-menu-cart__products) .actions [name=update_cart] {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products), .cart.wishlist_table:not(.elementor-menu-cart__products) { }
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) thead th, .cart.wishlist_table:not(.elementor-menu-cart__products) thead th {
border-bottom: 1px solid #ddd;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) tbody tr + tr td, .cart.wishlist_table:not(.elementor-menu-cart__products) tbody tr + tr td {
border-top-width: 1px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) tr:nth-last-child(2) td, .cart.wishlist_table:not(.elementor-menu-cart__products) tr:nth-last-child(2) td {
padding-bottom: 50px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) th, .cart.wishlist_table:not(.elementor-menu-cart__products) th,
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) td,
.cart.wishlist_table:not(.elementor-menu-cart__products) td {
padding: 30px 0;
border-width: 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) th:not(:first-child):not(:last-child):not(.product-thumbnail), .cart.wishlist_table:not(.elementor-menu-cart__products) th:not(:first-child):not(:last-child):not(.product-thumbnail),
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) td:not(:first-child):not(:last-child):not(.product-thumbnail),
.cart.wishlist_table:not(.elementor-menu-cart__products) td:not(:first-child):not(:last-child):not(.product-thumbnail) {
padding-left: 20px;
padding-right: 20px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-remove, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-remove {
width: 40px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-thumbnail, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-thumbnail {
width: 70px;
min-width: 70px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-name, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-name,
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-subtotal,
.cart.wishlist_table:not(.elementor-menu-cart__products) .product-subtotal {
font-weight: 700;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-quantity, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-quantity {
text-align: center;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .quantity, .cart.wishlist_table:not(.elementor-menu-cart__products) .quantity {
min-width: 120px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-subtotal, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-subtotal {
text-align: right;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-price, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-price,
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-subtotal,
.cart.wishlist_table:not(.elementor-menu-cart__products) .product-subtotal {
min-width: 100px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions, .cart.wishlist_table:not(.elementor-menu-cart__products) .actions {
text-align: right;
padding: 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions [name=update_cart], .cart.wishlist_table:not(.elementor-menu-cart__products) .actions [name=update_cart] {
border-width: 1px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .coupon, .cart.wishlist_table:not(.elementor-menu-cart__products) .coupon {
height: 100px;
display: flex;
align-items: center;
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: center left 30px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .coupon label, .cart.wishlist_table:not(.elementor-menu-cart__products) .coupon label {
display: none;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) [name=coupon_code], .cart.wishlist_table:not(.elementor-menu-cart__products) [name=coupon_code] {
border-width: 1px;
height: 40px;
margin-right: 10px;
padding: 0 20px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) [name=apply_coupon], .cart.wishlist_table:not(.elementor-menu-cart__products) [name=apply_coupon] {
font-weight: 600;
font-size: 12px;
height: 30px;
padding: 0 10px;
background-color: rgba(0, 0, 0, 0);
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) [name=apply_coupon]:hover, .cart.wishlist_table:not(.elementor-menu-cart__products) [name=apply_coupon]:hover {
background-color: rgba(0, 0, 0, 0);
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) [name=update_cart], .cart.wishlist_table:not(.elementor-menu-cart__products) [name=update_cart] {
height: 100%;
width: 100%;
font-weight: 600;
height: 100px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) [name=update_cart]:disabled, .cart.wishlist_table:not(.elementor-menu-cart__products) [name=update_cart]:disabled {
color: #fff;
}
}
@media (max-width: 991px) {
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) thead, .cart.wishlist_table:not(.elementor-menu-cart__products) thead {
display: none;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) tbody tr, .cart.wishlist_table:not(.elementor-menu-cart__products) tbody tr {
display: flex;
border-bottom: 1px solid #efecec;
flex-direction: column;
position: relative;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) tbody tr td, .cart.wishlist_table:not(.elementor-menu-cart__products) tbody tr td {
border-bottom-style: dashed;
border-bottom-color: #efecec;
border-right: 0;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
text-align: left !important;
padding: 5px 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) tbody tr td:before, .cart.wishlist_table:not(.elementor-menu-cart__products) tbody tr td:before {
content: attr(data-title);
font-size: 13px;
font-weight: normal;
text-align: left;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) tbody tr td:last-of-type, .cart.wishlist_table:not(.elementor-menu-cart__products) tbody tr td:last-of-type {
border-bottom: 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) tbody .cart_item, .cart.wishlist_table:not(.elementor-menu-cart__products) tbody .cart_item {
padding-left: 85px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) tbody .bundled-product-name.bundled_table_item_indent, .cart.wishlist_table:not(.elementor-menu-cart__products) tbody .bundled-product-name.bundled_table_item_indent {
padding-left: 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-remove, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-remove,
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-thumbnail,
.cart.wishlist_table:not(.elementor-menu-cart__products) .product-thumbnail {
position: absolute;
border-bottom: 0;
top: 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-thumbnail, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-thumbnail {
justify-content: center;
left: 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-thumbnail img, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-thumbnail img {
max-width: 70px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-remove, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-remove {
right: 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-remove a, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-remove a {
background-color: rgba(0, 0, 0, 0);
color: firebrick !important;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-name:before, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-name:before {
display: none;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-name a, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-name a {
font-weight: 700;
padding-right: 25px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .quantity, .cart.wishlist_table:not(.elementor-menu-cart__products) .quantity {
height: 30px;
font-size: 12px;
max-width: 80px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .quantity .product-qty, .cart.wishlist_table:not(.elementor-menu-cart__products) .quantity .product-qty {
max-width: 30px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .quantity .qty, .cart.wishlist_table:not(.elementor-menu-cart__products) .quantity .qty {
text-align: center;
padding: 0;
font-size: 12px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions, .cart.wishlist_table:not(.elementor-menu-cart__products) .actions {
padding-top: 30px;
padding-bottom: 0;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .coupon label, .cart.wishlist_table:not(.elementor-menu-cart__products) .coupon label {
display: none;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .coupon [name=coupon_code], .cart.wishlist_table:not(.elementor-menu-cart__products) .coupon [name=coupon_code],
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .coupon [name=apply_coupon],
.cart.wishlist_table:not(.elementor-menu-cart__products) .coupon [name=apply_coupon] {
width: 100%;
padding: 10px 15px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .coupon [name=coupon_code], .cart.wishlist_table:not(.elementor-menu-cart__products) .coupon [name=coupon_code] {
height: 48px;
margin-bottom: 10px;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) [name=update_cart], .cart.wishlist_table:not(.elementor-menu-cart__products) [name=update_cart] {
width: 100%;
margin: 10px 0;
}
}
.checkout-button,
[class*=elementor-kit] .checkout-button {
text-transform: uppercase;
font-weight: 600;
line-height: 55px;
padding-top: 0;
padding-bottom: 0;
display: block;
text-align: center;
}
.cart_totals .shop_table {
margin: 0;
border: 0;
width: 100%;
}
.cart_totals .shop_table tr {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
border-bottom: 1px solid #ddd;
}
.cart_totals .shop_table tr th,
.cart_totals .shop_table tr td {
border: 0;
padding-left: 0;
padding-right: 0;
}
.cart_totals .shop_table th {
font-weight: 600;
}
.cart_totals .shop_table tbody th,
.cart_totals .shop_table tbody td {
padding-top: 10px;
padding-bottom: 10px;
}
.cart_totals .shop_table input[type=radio] {
margin-right: 10px;
}
.cart_totals .shop_table [name=calc_shipping] {
width: 100%;
height: 50px;
}
.cart_totals .shop_table .cart-subtotal th,
.cart_totals .shop_table .cart-subtotal td {
padding-top: 10px;
padding-bottom: 10px;
}
.cart_totals .shop_table .order-total {
border-bottom: 0;
}
.cart_totals .shop_table .order-total th,
.cart_totals .shop_table .order-total td {
font-size: 18px;
padding-top: 20px;
}
.cart_totals .shop_table .order-total th {
white-space: nowrap;
padding-right: 10px;
}
.cart_totals .shop_table .order-total td {
text-align: right;
}
.cart_totals .shop_table .woocommerce-shipping-totals {
flex-direction: column;
padding-top: 5px;
}
.cart_totals .shop_table .woocommerce-shipping-totals td {
text-align: left !important;
padding-top: 0;
}
@media (max-width: 991px) {
.cart_totals .shop_table th {
display: block;
}
.cart_totals .shop_table td:before {
content: "";
}
}
.cart_totals #shipping_method {
margin-top: 0;
}
.cart_totals .wc-proceed-to-checkout {
margin-top: 20px;
}
.cart_totals li {
list-style: none;
}
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) [name=update_cart], .cart.wishlist_table:not(.elementor-menu-cart__products) [name=update_cart] {
height: 40px;
}
@media (min-width: 992px) {
.woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .actions .coupon + [name=update_cart], .cart.wishlist_table:not(.elementor-menu-cart__products) .actions .coupon + [name=update_cart] {
width: auto;
margin-top: 30px;
font-size: 12px;
}
}
.woocommerce-terms-and-conditions {
width: 100%;
}
.woocommerce-checkout .woocommerce {
position: relative;
}
.woocommerce-checkout .woocommerce .woocommerce-error {
clear: both;
}
.woocommerce-checkout .woocommerce-error li{
display: flex;
flex-wrap: nowrap;
}
.woocommerce-checkout .woocommerce-error li a{
display: inline-block;
margin: 0;
}
.woocommerce-checkout input {
word-break: normal;
}
.woocommerce-form-login-toggle {
max-width: 600px;
margin: 0 auto 10px auto;
}
.woocommerce-form-login-toggle .woocommerce-info {
color: inherit;
}
.woocommerce-form-login-toggle .showlogin {
font-weight: 700;
}
.woocommerce-form.woocommerce-form-login {
clear: both;
border: 2px dashed #e8e8e8;
border-radius: 2px;
padding: 30px;
max-width: 600px;
margin: 0 auto 30px auto;
}
.woocommerce-form.woocommerce-form-login .form-row,
.woocommerce-form.woocommerce-form-login .form-row-first,
.woocommerce-form.woocommerce-form-login .form-row-last {
width: 100%;
}
.woocommerce-form.woocommerce-form-login p:not(.form-row):not(.lost_password) {
font-size: small;
line-height: 1.5em;
}
.woocommerce-form.woocommerce-form-login .inline {
display: inline-block;
margin-left: 10px;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form-login__rememberme {
text-align: center;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form-login__submit {
padding-left: 40px;
padding-right: 40px;
display: block;
margin: 10px auto 0 auto;
}
.woocommerce-form.woocommerce-form-login .lost_password {
display: block;
clear: both;
margin-bottom: 0;
text-align: center;
}
.woocommerce-form.woocommerce-form-login .input-text {
height: 40px;
}
.woocommerce-form-coupon-toggle {
max-width: 600px;
margin: 0 auto 15px auto;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
color: inherit;
}
.woocommerce-form-coupon-toggle .showcoupon {
font-weight: 700;
}
.checkout_coupon.woocommerce-form-coupon {
border: 2px dashed #e8e8e8;
border-radius: 2px;
max-width: 600px;
margin: 0 auto 30px auto;
padding: 30px;
justify-content: center;
align-items: center;
}
@media (max-width: 991px) {
.checkout_coupon.woocommerce-form-coupon {
margin-top: 30px !important;
}
}
.checkout_coupon.woocommerce-form-coupon .form-row-first,
.checkout_coupon.woocommerce-form-coupon .form-row-last {
width: 100%;
text-align: center;
}
.checkout_coupon.woocommerce-form-coupon .form-row-last {
margin-bottom: 0;
}
.checkout_coupon.woocommerce-form-coupon [name=apply_coupon] {
margin-top: 10px;
padding: 0.35em 40px;
height: auto;
color: #fff;
}
.checkout_coupon.woocommerce-form-coupon p:not(.form-row) {
display: none;
}
[name=checkout] {
clear: both;
float: left;
width: 100%;
margin-top: 30px;
}
@media (max-width: 992px) {
.has-multi-step-checkout [name=checkout] {
display: flex;
flex-direction: column-reverse;
}
.has-multi-step-checkout [name=checkout] .woocommerce-NoticeGroup {
order: 1;
}
}
@media (min-width: 992px) {
#customer_details {
float: left;
width: calc(100% - 400px);
padding-right: 40px;
}
}
#customer_details .form-row select {
height: 50px;
width: 100%;
border: 1px solid #ccc;
background-color: transparent;
padding: 0 15px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.woocommerce-billing-fields > h3 {
font-size: 24px;
font-weight: normal;
display: none;
}
.form-row {
float: left;
}
.form-row label {
display: block;
}
.form-row abbr {
text-decoration: none;
}
.required {
color: firebrick;
}
.form-row .input-text {
width: 100%;
height: 50px;
padding: 0 1em;
border-radius: 2px;
}
.form-row.notes {
width: 100%;
}
.form-row-first,
.form-row-last {
width: 48%;
}
.form-row-last {
float: right;
}
.form-row-wide {
clear: both;
width: 100%;
}
#order_review_heading {
display: none;
}
#order_review {
background-color: #f9f9f9;
padding: 30px;
border-radius: 4px;
}
@media (min-width: 992px) {
#order_review {
float: left;
width: 400px;
}
}
#order_review li {
list-style: none;
}
.woocommerce-checkout-review-order-table {
margin: 0;
border: 0;
width: 100%;
}
.woocommerce-checkout-review-order-table th {
white-space: nowrap;
}
.woocommerce-checkout-review-order-table tr {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
border-bottom: 1px solid #ddd;
}
.woocommerce-checkout-review-order-table tr th,
.woocommerce-checkout-review-order-table tr td {
border: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.woocommerce-checkout-review-order-table tr th:last-child,
.woocommerce-checkout-review-order-table tr td:last-child {
text-align: right;
}
.woocommerce-checkout-review-order-table thead th {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
}
.woocommerce-checkout-review-order-table tbody tr {
align-items: center;
}
.woocommerce-checkout-review-order-table tbody th,
.woocommerce-checkout-review-order-table tbody td {
padding-top: 10px;
padding-bottom: 10px;
}
.woocommerce-checkout-review-order-table tbody th:last-child,
.woocommerce-checkout-review-order-table tbody td:last-child {
white-space: nowrap;
margin-left: 10px;
}
.woocommerce-checkout-review-order-table tfoot th {
font-size: 15px;
}
.woocommerce-checkout-review-order-table #shipping_method {
margin: 0;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals th {
padding-bottom: 5px !important;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
padding-top: 5px !important;
}
.woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce-checkout-review-order-table .cart-subtotal td {
padding-top: 10px;
padding-bottom: 10px;
}
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
font-size: 18px;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
flex-direction: column;
padding-top: 5px;
display: block;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
text-align: left !important;
}
.woocommerce-checkout-review-order-table .product-name strong {
font-weight: normal;
}
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
padding: 20px 0;
}
.woocommerce-checkout-review-order-table #shipping_method input[type=radio] {
margin-right: 10px;
}
#ship-to-different-address {
font-size: 1em;
font-weight: normal;
}
#order_comments {
padding: 1em;
height: auto;
min-height: 150px;
resize: none;
display: block;
}
.wc_payment_methods {
padding-left: 0;
}
.wc_payment_method {
margin-bottom: 10px;
}
.wc_payment_method label {
font-weight: 600;
}
.payment_box {
padding: 10px 10px 10px 15px;
background-color: #efefef;
border-radius: 4px;
margin: 1em 0;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
position: relative;
}
.payment_box:before {
bottom: 100%;
left: 30px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(221, 221, 221, 0);
border-bottom-color: #ebebeb;
border-width: 8px;
margin-left: -8px;
}
.payment_box:after {
content: "";
display: block;
clear: both;
}
.payment_box p:last-child {
margin-bottom: 0;
}
.payment_method_paypal img {
max-height: 52px;
margin-left: 10px;
}
.payment_method_paypal .about_paypal {
display: inline-block;
margin-left: 10px;
clear: both;
font-size: smaller;
font-weight: normal;
}
.place-order {
width: 100%;
}
#place_order {
font-weight: 600;
text-transform: uppercase;
width: 100%;
min-height: 50px;
margin-top: 30px;
}
.has-multi-step-checkout #order_review {
margin-bottom: 50px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #d9d9d9;
padding: 15px;
}
@media (max-width: 991px) {
.has-multi-step-checkout #order_review {
display: none;
}
}
.has-multi-step-checkout #order_review .woocommerce-shipping-totals {
flex-direction: row;
padding-bottom: 5px;
}
.has-multi-step-checkout #order_review .woocommerce-shipping-totals th {
margin-right: 20px;
}
.has-multi-step-checkout #order_review .woocommerce-shipping-totals ul {
margin: 0;
}
.has-multi-step-checkout #order_review .woocommerce-shipping-totals.shipping .woocommerce-shipping-methods li:first-of-type:last-of-type label {
display: block;
}
.has-multi-step-checkout #order_review .woocommerce-shipping-totals.shipping .shipping_method {
display: none;
}
.has-multi-step-checkout #order_review .woocommerce-shipping-totals.shipping .shipping_method + label {
display: none;
}
.has-multi-step-checkout #order_review .woocommerce-shipping-totals.shipping .shipping_method:checked + label {
display: block;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table {
table-layout: fixed;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table thead {
display: none;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table tbody tr:last-of-type td {
padding-bottom: 20px;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table tbody .product-name {
display: flex;
padding-right: 10px;
align-items: center;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table tbody .variation {
order: 2;
margin-right: 5px;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table tbody .product-quantity {
order: 3;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table tbody .review-order-product-image {
max-width: 50px;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table tbody .review-order-product-image + .review-order-product-name {
margin: 0 10px;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table tbody .product-total {
width: 100px;
}
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table tbody .product-quantity,
.has-multi-step-checkout #order_review .woocommerce-checkout-review-order-table tbody .product-total {
white-space: normal;
}
.has-multi-step-checkout #order_review .order-total {
border: 0;
}
.has-multi-step-checkout #order_review .order-total th,
.has-multi-step-checkout #order_review .order-total td {
padding-bottom: 5px;
}
.has-multi-step-checkout .multi-step-checkout .woostify-container {
text-align: center;
}
.has-multi-step-checkout .multi-step-inner {
margin-top: 50px;
position: relative;
overflow: hidden;
}
.has-multi-step-checkout .multi-step-item {
margin: 0 10px;
cursor: pointer;
position: relative;
}
@media (min-width: 992px) {
.has-multi-step-checkout .multi-step-item {
margin: 0 30px;
}
}
.has-multi-step-checkout .multi-step-item:before, .has-multi-step-checkout .multi-step-item:after {
content: "";
position: absolute;
z-index: 2;
height: 2px;
top: 7px;
}
.has-multi-step-checkout .multi-step-item:first-of-type {
margin-left: 0;
}
.has-multi-step-checkout .multi-step-item:first-of-type:before {
content: none;
}
.has-multi-step-checkout .multi-step-item:first-of-type:after {
left: 50%;
right: -30px;
}
.has-multi-step-checkout .multi-step-item:not(:first-of-type):not(:last-of-type):before {
left: -30px;
right: 50%;
}
.has-multi-step-checkout .multi-step-item:not(:first-of-type):not(:last-of-type):after {
left: 50%;
right: -30px;
}
.has-multi-step-checkout .multi-step-item:last-of-type {
margin-right: 0;
}
.has-multi-step-checkout .multi-step-item:last-of-type:before {
right: 50%;
left: -30px;
}
.has-multi-step-checkout .multi-step-item:last-of-type:after {
content: none;
}
.has-multi-step-checkout .multi-step-item.active:after {
background-color: #ebebeb;
}
.has-multi-step-checkout .multi-step-item.active ~ .multi-step-item {
color: #888;
}
.has-multi-step-checkout .multi-step-item.active ~ .multi-step-item:before {
background-color: #ebebeb;
}
.has-multi-step-checkout .multi-step-item.active ~ .multi-step-item:after {
background-color: #ebebeb;
}
.has-multi-step-checkout .multi-step-item.active ~ .multi-step-item .item-text {
font-weight: normal;
}
.has-multi-step-checkout .multi-step-item.active ~ .multi-step-item .item-text:before {
background-color: #ddd;
}
.has-multi-step-checkout .item-text {
position: relative;
z-index: 5;
font-size: 1em;
font-weight: 700;
display: flex;
flex-direction: column;
align-items: center;
white-space: nowrap;
}
.has-multi-step-checkout .item-text:before {
content: "";
border-radius: 50px;
width: 14px;
height: 14px;
margin-bottom: 10px;
white-space: nowrap;
font-size: 0.9em;
}
.has-multi-step-checkout .multi-step-checkout-wrapper {
float: left;
width: 100%;
margin-bottom: 50px;
}
.has-multi-step-checkout .multi-step-checkout-wrapper.has-local-pickup .multi-step-review-information-row[data-type=address] {
display: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper.has-local-pickup .multi-step-checkout-content[data-step=second] [data-type=email] {
border-bottom: 0;
}
.has-multi-step-checkout .multi-step-checkout-wrapper.no-shipping-available .multi-step-checkout-content[data-step=last] [data-type=address] {
border-bottom: 0;
}
.has-multi-step-checkout .multi-step-checkout-wrapper.no-shipping-available .multi-step-review-information-row[data-type=shipping] {
display: none;
}
@media (min-width: 992px) {
.has-multi-step-checkout .multi-step-checkout-wrapper {
width: calc(100% - 400px);
padding-right: 40px;
}
.has-multi-step-checkout .multi-step-checkout-wrapper #customer_details {
width: 100%;
padding-right: 0;
float: none;
}
}
.has-multi-step-checkout .multi-step-checkout-wrapper li {
list-style: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper.first [data-action=back] {
display: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper.first ~ #order_review .woocommerce-shipping-totals {
display: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper.last [data-action=continue] {
display: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper:not(.last) #place_order {
display: none !important;
}
.has-multi-step-checkout .multi-step-checkout-wrapper:not(.first) ~ #order_review .shipping-placeholder {
display: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content {
display: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content.active {
display: block;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-billing-fields > h3 {
display: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-additional-fields__field-wrapper p:last-child {
margin-bottom: 0;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods {
margin: 0;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods .wc_payment_method {
margin-bottom: 0;
border: 1px solid #d9d9d9;
padding: 10px;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods .wc_payment_method img {
max-width: 40px;
margin-right: 5px;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods .wc_payment_method:first-of-type {
border-radius: 4px 4px 0 0;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods .wc_payment_method:last-of-type {
border-radius: 0 0 4px 4px;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods .wc_payment_method + .wc_payment_method {
border-top: 0;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods label[for^=payment_method] {
cursor: pointer;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods label[for^=payment_method] img {
max-width: 100%;
max-height: 40px;
margin-left: 5px;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods .payment_box {
border-radius: 0;
margin: 10px -10px -10px -10px;
color: #515151;
border-top: 1px solid #d9d9d9;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .wc_payment_methods .payment_box:before {
content: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-terms-and-conditions-wrapper .form-row {
border-radius: 5px;
border: 1px solid #d9d9d9;
margin-top: 30px;
padding: 10px 15px;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-terms-and-conditions-wrapper .woocommerce-invalid-required-field {
color: red;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-terms-and-conditions-wrapper .woocommerce-invalid-required-field * {
color: inherit;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-terms-and-conditions-wrapper p:last-child {
margin-bottom: 0;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-terms-and-conditions-wrapper .form-row {
float: none;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-terms-and-conditions-link {
transition-duration: 0s;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .required-item {
border-color: #f00;
}
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .required-item .woocommerce-terms-and-conditions-checkbox-text,
.has-multi-step-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .required-item .woocommerce-terms-and-conditions-link {
color: #f00;
}
.has-multi-step-checkout .field-required [name] {
border-color: #f00 !important;
}
.has-multi-step-checkout .shipping-methods-modified .shipping-methods-modified-item {
border: 1px solid #d9d9d9;
display: flex;
align-items: center;
}
.has-multi-step-checkout .shipping-methods-modified .shipping-methods-modified-item:first-of-type {
border-radius: 4px 4px 0 0;
}
.has-multi-step-checkout .shipping-methods-modified .shipping-methods-modified-item:last-of-type {
border-radius: 0 0 4px 4px;
}
.has-multi-step-checkout .shipping-methods-modified .shipping-methods-modified-item + .shipping-methods-modified-item {
border-top: 0;
}
.has-multi-step-checkout .shipping-methods-modified .shipping-methods-modified-input {
margin: 0 10px 0 0;
}
.has-multi-step-checkout .shipping-methods-modified .shipping-methods-modified-label {
font-weight: 600;
padding: 6px 20px;
cursor: pointer;
flex-grow: 1;
}
.has-multi-step-checkout .multi-step-review-information {
margin-bottom: 30px;
display: flex;
flex-direction: column;
border: 1px solid #d9d9d9;
border-radius: 5px;
padding: 0 15px;
}
.has-multi-step-checkout .multi-step-review-information-row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #d9d9d9;
padding: 6px 0;
}
@media (max-width: 767px) {
.has-multi-step-checkout .multi-step-review-information-row {
flex-wrap: wrap;
}
}
.has-multi-step-checkout .multi-step-review-information-row:last-of-type {
border-bottom: 0;
}
.has-multi-step-checkout .review-information-inner {
display: flex;
flex-grow: 1;
}
@media (max-width: 991px) {
.has-multi-step-checkout .review-information-inner {
flex-direction: column;
}
}
.has-multi-step-checkout .review-information-label {
margin-right: 15px;
font-weight: 700;
}
@media (min-width: 992px) {
.has-multi-step-checkout .review-information-label {
flex: 0 1 5em;
}
}
.has-multi-step-checkout .review-information-link {
white-space: nowrap;
cursor: pointer;
font-size: 0.9em;
}
@media (max-width: 767px) {
.has-multi-step-checkout .review-information-link {
flex: 0 0 100%;
}
}
.has-multi-step-checkout .multi-step-checkout-button-wrapper {
margin-top: 20px;
}
.has-multi-step-checkout .multi-step-checkout-button-wrapper:after {
content: "";
clear: both;
display: block;
}
.has-multi-step-checkout .multi-step-checkout-button {
cursor: pointer;
}
.has-multi-step-checkout .multi-step-checkout-button[data-action=back] {
display: flex;
float: left;
align-items: center;
}
.has-multi-step-checkout .multi-step-checkout-button[data-action=back] .woostify-svg-icon {
margin-right: 5px;
}
.has-multi-step-checkout .multi-step-checkout-button[data-action=back] .woostify-svg-icon svg {
width: 0.8em;
height: 0.8em;
}
.has-multi-step-checkout .multi-step-checkout-button[data-action=continue], .has-multi-step-checkout .multi-step-checkout-button#place_order {
float: right;
}
.has-multi-step-checkout .multi-step-checkout-button#place_order {
font-weight: normal;
margin-top: 0;
text-transform: none;
}
.has-multi-step-checkout .expanded-order-review #order_review {
display: block;
}
.has-multi-step-checkout .expanded-order-review .woostify-before-order-review-total-price {
display: none;
}
.has-multi-step-checkout .expanded-order-review .woostify-before-order-review-icon {
transform: rotate(-180deg);
}
.has-multi-step-checkout .woostify-before-order-review {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 20px;
cursor: pointer;
}
@media (min-width: 992px) {
.has-multi-step-checkout .woostify-before-order-review {
display: none;
}
}
.has-multi-step-checkout .woostify-before-order-review .woostify-before-order-review-total-price {
flex-grow: 1;
text-align: right;
margin-right: 10px;
}
.shipping-placeholder {
padding: 5px 0;
}
.has-distraction-free-checkout .topbar {
display: none;
}
.has-distraction-free-checkout .site-header .wrap-toggle-sidebar-menu,
.has-distraction-free-checkout .site-header .site-navigation,
.has-distraction-free-checkout .site-header .site-tools {
display: none;
}
.has-distraction-free-checkout .site-header .woostify-container {
padding-top: 20px;
padding-bottom: 20px;
justify-content: center;
}
.has-distraction-free-checkout .site-header .site-branding {
text-align: center;
}
.has-distraction-free-checkout #colophon {
display: none;
}
.select2-container .select2-selection--single {
height: 50px;
margin: 0;
border-radius: 0;
border-color: #ccc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
height: 50px;
line-height: 50px;
padding: 0 1em;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 0;
top: 50%;
width: 20px;
height: 50px;
transform: translateY(-50%);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #ddd;
}
.select2-dropdown {
border-color: #ccc;
}
.checkout-layout-3:not(.woobuilder-active).woocommerce-checkout .woocommerce {
position: static;
}
.checkout-layout-3:not(.woobuilder-active).has-distraction-free-checkout .site-content {
margin-top: 3.5em;
}
@media (max-width: 991px) {
.checkout-layout-3:not(.woobuilder-active).has-distraction-free-checkout .site-content {
margin: 0;
}
}
.checkout-layout-3:not(.woobuilder-active).has-distraction-free-checkout .site-header .site-header-inner {
border: none;
}
.checkout-layout-3:not(.woobuilder-active).has-distraction-free-checkout .site-header .woostify-container {
justify-content: flex-start;
}
@media (max-width: 991px) {
.checkout-layout-3:not(.woobuilder-active).has-distraction-free-checkout .site-header .woostify-container {
justify-content: center;
}
}
.checkout-layout-3:not(.woobuilder-active).has-distraction-free-checkout .site-header .site-branding {
text-align: left;
}
@media (max-width: 991px) {
.checkout-layout-3:not(.woobuilder-active).has-distraction-free-checkout .site-header .site-branding {
text-align: center;
}
}
.checkout-layout-3:not(.woobuilder-active) .ajax-coupon-form {
position: relative;
}
.checkout-layout-3:not(.woobuilder-active) .ajax-coupon-form > * {
display: none;
}
.checkout-layout-3:not(.woobuilder-active) .ajax-coupon-form.loading:before {
content: "" !important;
z-index: 2;
position: absolute;
border: 1px solid #ddd;
border-top-color: #222;
border-radius: 50%;
height: 14px;
width: 14px;
animation: circle-loading 0.35s linear infinite;
position: static;
display: block;
}
.checkout-layout-3:not(.woobuilder-active) .ajax-coupon-form.ready .woocommerce-form-coupon-toggle {
display: flex;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout_coupon .form-row .input-text {
padding: 0 1em;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly) {
position: relative;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly) label:not(.checkbox) {
position: absolute;
top: 26px;
left: 12px;
background: #fff;
right: 12px;
bottom: 5px;
margin-top: -10px;
pointer-events: none;
transition: all 0.2s;
line-height: 20px;
height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
z-index: 1;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly) textarea::-moz-placeholder { color: transparent;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly) textarea::placeholder {
color: transparent;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly):not(.no-label) .input-text {
width: 100%;
height: 50px;
padding: 20px 12px 2px;
border-radius: 4px;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly) .input-text {
width: 100%;
height: 50px;
border-radius: 4px;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly) .input-text:focus {
border-color: #000;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly).woocommerce-invalid-required-field .input-text, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly).woocommerce-invalid-required-field .select2-selection, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly).woocommerce-invalid .input-text, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly).woocommerce-invalid .select2-selection {
border-color: #d50000;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly).notes label {
top: 25px;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly).notes textarea {
padding: 20px 12px 12px !important;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly).w-anim-wrap label {
top: 4px;
font-size: 12px;
padding: 0;
bottom: auto;
margin-top: 0;
background: transparent;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly).w-anim-wrap textarea::-moz-placeholder { color: inherit;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly).w-anim-wrap textarea::placeholder {
color: inherit;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#billing_country_field .select2-selection, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#billing_state_field .select2-selection, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#billing_city_field .select2-selection, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#shipping_country_field .select2-selection, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#shipping_state_field .select2-selection, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#shipping_city_field .select2-selection {
border-radius: 4px;
}
.checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#billing_country_field .select2-selection__rendered, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#billing_state_field .select2-selection__rendered, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#billing_city_field .select2-selection__rendered, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#shipping_country_field .select2-selection__rendered, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#shipping_state_field .select2-selection__rendered, .checkout-layout-3:not(.woobuilder-active) form.checkout .col-left .form-row:not(.field-readonly)#shipping_city_field .select2-selection__rendered {
padding: 23px 12px 2px;
line-height: 1.5;
min-height: 48px;
}
.checkout-layout-3:not(.woobuilder-active) .wc_payment_methods .form-row.woocommerce-SavedPaymentMethods-saveNew label {
position: static;
transform: none;
line-height: inherit;
transition: none;
pointer-events: inherit;
background: transparent;
}
.checkout-layout-3:not(.woobuilder-active) .woostify-row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.checkout-layout-3:not(.woobuilder-active) .woostify-row .col-left {
padding-left: 15px;
padding-right: 15px;
flex: 0 0 100%;
max-width: 100%;
position: relative;
}
@media (min-width: 992px) {
.checkout-layout-3:not(.woobuilder-active) .woostify-row .col-left {
flex: 0 0 60%;
max-width: 60%;
}
}
@media (max-width: 991px) {
.checkout-layout-3:not(.woobuilder-active) .woostify-row .col-left {
padding-bottom: 15px;
}
}
.checkout-layout-3:not(.woobuilder-active) .woostify-row .woostify-col {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 992px) {
.checkout-layout-3:not(.woobuilder-active) .woostify-row .woostify-col {
flex-basis: 0;
flex-grow: 1;
}
}
@media (max-width: 991px) {
.checkout-layout-3:not(.woobuilder-active) .woostify-row .woostify-col .col-right-inner {
position: static;
transform: none;
position: relative;
padding-bottom: 3.5em;
padding-top: 15px;
}
}
.checkout-layout-3:not(.woobuilder-active) .woostify-row .woostify-col .col-right-inner:before {
display: none;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -50%;
width: 200vw;
background-color: rgba(0, 0, 0, 0.02);
z-index: -1;
}
@media (max-width: 991px) {
.checkout-layout-3:not(.woobuilder-active) .woostify-row .woostify-col .col-right-inner:before {
display: block;
}
}
@media (min-width: 992px) {
.checkout-layout-3:not(.woobuilder-active) .form-distr-free-bg {
height: 200px;
width: 500px;
display: -webkit-flexbox;
display: -moz-flex;
display: flex;
-moz-flex-direction: row;
flex-direction: row;
position: fixed;
top: 0;
height: 100%;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: -1;
}
}
@media (min-width: 992px) {
.checkout-layout-3:not(.woobuilder-active) .form-distr-free-bg .col-left {
max-width: 59.333333%;
flex: 0 0 59.333333%;
}
}
@media (min-width: 1400px) {
.checkout-layout-3:not(.woobuilder-active) .form-distr-free-bg .col-left {
max-width: 58.66666667%;
flex: 0 0 58.66666667%;
}
}
@media (min-width: 1490px) {
.checkout-layout-3:not(.woobuilder-active) .form-distr-free-bg .col-left {
max-width: 56.66666667%;
flex: 0 0 56.66666667%;
}
}
@media (min-width: 1921px) {
.checkout-layout-3:not(.woobuilder-active) .form-distr-free-bg .col-left {
flex: 0 0 55.66666667%;
}
}
@media (min-width: 2400px) {
.checkout-layout-3:not(.woobuilder-active) .form-distr-free-bg .col-left {
flex: 0 0 54.66666667%;
}
}
@media (min-width: 2561px) {
.checkout-layout-3:not(.woobuilder-active) .form-distr-free-bg .col-left {
flex: 0 0 53.66666667%;
}
}
.checkout-layout-3:not(.woobuilder-active) .form-distr-free-bg .woostify-col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.checkout-layout-3:not(.woobuilder-active) .form-distr-free-bg .woostify-col.right-bg {
position: relative;
-moz-flex: 1;
flex: 1;
background-color: #f8f8f8;
background-color: rgba(0, 0, 0, 0.02);
border-left: 1px solid #eee;
}
.checkout-layout-3:not(.woobuilder-active) #customer_details {
float: none;
width: 100%;
}
.checkout-layout-3:not(.woobuilder-active) #order_review {
float: none;
background: transparent;
width: 100%;
padding: 0;
}
@media (min-width: 992px) {
.checkout-layout-3:not(.woobuilder-active) #order_review {
padding-left: 40px;
}
}
@media (max-width: 991px) {
.checkout-layout-3:not(.woobuilder-active) #order_review {
margin-top: 0;
}
}
.checkout-layout-3:not(.woobuilder-active) #order_review .shop_table th {
font-weight: inherit;
text-transform: uppercase;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .shop_table .cart_item {
min-height: 60px;
margin-bottom: 15px;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .shop_table .cart_item .product-name {
position: relative;
padding-left: 75px;
position: relative;
font-weight: 500;
padding-top: 0;
padding-bottom: 0;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .shop_table .cart_item .product-name .w-product-thumb {
width: 60px;
position: absolute;
border-radius: 2px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.checkout-layout-3:not(.woobuilder-active) #order_review .shop_table .cart_item .product-name .w-product-thumb img {
max-width: 100%;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.checkout-layout-3:not(.woobuilder-active) #order_review .shop_table .cart_item .product-name strong.product-quantity {
font-size: 11px;
position: absolute;
text-align: center;
border-radius: 50%;
background-color: #2e2e2e;
color: #fff;
box-sizing: border-box;
display: block;
width: 22px;
height: 22px;
line-height: 22px;
z-index: 10;
top: -5px;
right: -5px;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .shop_table .cart_item .product-name .variation {
display: block;
width: 100%;
font-size: 13px;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr {
border: none;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form {
border-top: 1px solid #d9d9d9;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form td {
width: 100%;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form .woocommerce-form-coupon-toggle {
justify-content: flex-start;
margin: 0;
max-width: unset;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form .checkout_coupon.woocommerce-form-coupon {
margin: 10px 0 0;
padding: 0;
max-width: unset;
display: flex;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form .checkout_coupon.woocommerce-form-coupon .form-row {
margin: 0;
float: none;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
flex-basis: 0%;
flex-grow: 1;
max-width: 100%;
margin-right: 10px;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
flex: 0 0 auto;
width: auto;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form .checkout_coupon.woocommerce-form-coupon [name=apply_coupon] {
margin: 0;
padding: 0 20px;
height: 50px;
border-radius: 2px;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form .checkout_coupon.woocommerce-form-coupon [name=coupon_code] {
border-radius: 2px;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr td {
margin-left: 0;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tfoot tr:first-child {
border-top: 1px solid #d9d9d9;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tfoot tr:last-child {
border-bottom: none;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table .woocommerce-shipping-methods li {
display: flex;
justify-content: flex-start;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table .woocommerce-shipping-methods li:not(:last-child) {
margin-bottom: 5px;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table .woocommerce-shipping-methods li input {
margin: 4px 5px 0 0;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table .woocommerce-shipping-methods li label {
display: flex;
justify-content: space-between;
-moz-flex: 1;
flex: 1;
}
.checkout-layout-3:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table .checkout_coupon.woocommerce-form-coupon {
border: none;
}
.checkout-layout-3:not(.woobuilder-active) form.woocommerce-checkout .woostify-col {
position: relative;
height: auto !important;
}
.checkout-layout-3:not(.woobuilder-active) .woocommerce-checkout-review-order-table thead {
display: none;
}
.checkout-layout-3:not(.woobuilder-active) .wc_payment_methods {
list-style: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 10px;
border: 1px solid #aaa;
}
.checkout-layout-3:not(.woobuilder-active) .wc_payment_methods > li {
padding: 14px 19px;
list-style: none;
border-bottom: 1px solid #ddd;
margin: 0;
}
.checkout-layout-3:not(.woobuilder-active) .wc_payment_methods > li:last-child {
border: none;
}
.checkout-layout-3:not(.woobuilder-active) .wc_payment_methods > li input {
margin-left: 0;
}
.checkout-layout-3:not(.woobuilder-active) .wc_payment_methods > li .payment_box {
padding: 20px 0 0;
background: transparent;
box-shadow: none;
margin: 0;
}
.checkout-layout-3:not(.woobuilder-active) .wc_payment_methods > li .payment_box:before, .checkout-layout-3:not(.woobuilder-active) .wc_payment_methods > li .payment_box:after {
display: none;
}
@media (min-width: 992px) {
.checkout-layout-3:not(.woobuilder-active) .checkout-options .before-checkout.ready {
opacity: 1;
}
}
@media (min-width: 992px) {
.checkout-layout-3:not(.woobuilder-active) .checkout-options .before-checkout {
position: absolute;
z-index: 9;
left: 15px;
right: 15px;
opacity: 0;
padding-right: 40px;
}
}
.checkout-layout-3:not(.woobuilder-active) .checkout-options .woocommerce-form-coupon-toggle, .checkout-layout-3:not(.woobuilder-active) .checkout-options .woocommerce-form-login-toggle {
max-width: unset;
margin: 0 0 10px;
display: block;
padding: 10px;
background: #f8f8f8;
border-radius: 3px;
text-align: center;
}
.checkout-layout-3:not(.woobuilder-active) .checkout-options .checkout_coupon.woocommerce-form-coupon, .checkout-layout-3:not(.woobuilder-active) .checkout-options .woocommerce-form.woocommerce-form-login {
margin: 0 0 10px;
max-width: unset;
}
@media (min-width: 992px) {
.checkout-layout-3:not(.woobuilder-active) .woostify-woocommerce-NoticeGroup {
margin-right: 40px;
}
}
.checkout-layout-3:not(.woobuilder-active) .woostify-woocommerce-NoticeGroup .woocommerce-message, .checkout-layout-3:not(.woobuilder-active) .woostify-woocommerce-NoticeGroup .woocommerce-error, .checkout-layout-3:not(.woobuilder-active) .woostify-woocommerce-NoticeGroup .woocommerce-info, .checkout-layout-3:not(.woobuilder-active) .woostify-woocommerce-NoticeGroup .woocommerce-notice--success {
margin: 25px auto 30px;
}
.checkout-layout-3:not(.woobuilder-active) [name=checkout] {
margin-top: 0;
}
.checkout-layout-3:not(.woobuilder-active) .woocommerce-billing-fields > h3 {
display: inline-block;
}
.checkout-layout-3:not(.woobuilder-active) #checkout-spacer {
display: none;
}
@media (min-width: 992px) {
.checkout-layout-3:not(.woobuilder-active) #checkout-spacer {
display: block;
}
}
.checkout-layout-3:not(.woobuilder-active) #order_review_heading {
font-size: 24px;
font-weight: normal;
margin-top: 0;
}
@media (max-width: 991px) {
.checkout-layout-3:not(.woobuilder-active) #order_review_heading {
display: inline-block;
}
}
.checkout-layout-3:not(.woobuilder-active) .woocommerce-billing-fields {
position: relative;
}
.checkout-layout-3:not(.woobuilder-active) .back-to-cart {
z-index: 7;
position: absolute;
right: 0;
top: 1.6em;
}
.checkout-layout-3:not(.woobuilder-active) .back-to-cart a {
display: flex;
align-items: center;
padding: 5px 0;
}
.checkout-layout-3:not(.woobuilder-active) .back-to-cart a .woostify-svg-icon {
margin-top: -2px;
margin-right: 4px;
}
.checkout-layout-3:not(.woobuilder-active) .back-to-cart a .woostify-svg-icon svg {
width: 10px;
height: 10px;
}
.checkout-layout-3:not(.woobuilder-active) .back-to-cart a span {
line-height: 1;
} .elementor-widget-woocommerce-checkout-page .form-row {
padding: 3px;
margin: 0 0 6px;
float: none;
}
.elementor-widget-woocommerce-checkout-page .form-row.form-row-first {
float: left;
}
.elementor-widget-woocommerce-checkout-page .form-row.form-row-last {
float: right;
}
.elementor-widget-woocommerce-checkout-page .form-row.notes {
float: none;
}
.elementor-widget-woocommerce-checkout-page #customer_details {
float: none;
width: 100%;
padding: 0;
}
.elementor-widget-woocommerce-checkout-page #order_review {
float: none;
width: 100%;
}
.elementor-widget-woocommerce-checkout-page #order_comments {
min-height: unset;
}
.elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow {
transform: none;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-form-login__submit, .elementor-widget-woocommerce-checkout-page .e-apply-coupon {
line-height: inherit;
}
.elementor-widget-woocommerce-checkout-page #order_review {
border-radius: 0;
background: inherit;
padding: 0;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table tr {
display: table-row;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table tr th, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table tr td {
display: table-cell;
}
@media (min-width: 992px) {
.woocommerce-order-pay #order_review {
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 991px) {
#order_review {
clear: both;
margin-top: 30px;
}
.has-multi-step-checkout #order_review {
margin-top: 0;
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
.woocommerce-billing-fields .form-row-first,
.woocommerce-billing-fields .form-row-last {
float: left;
width: 100%;
}
#order_review {
padding: 15px 15px 30px 15px;
}
}
@media (max-width: 991px) {
.woostify-before-order-review-total-price .includes_tax {
display: none;
}
}
@media (min-width: 992px) {
.yith-wcms-pro #order_review {
width: 100%;
}
}
.woocommerce-account:not(.woobuilder-active) h2 {
font-size: 20px;
font-weight: normal;
text-align: center;
}
@media (min-width: 992px) {
.woocommerce-account #content {
min-height: 700px;
min-height: 90vh;
}
}
.woocommerce-account .entry-title {
margin-bottom: 50px;
}
.woocommerce-account .page-header .entry-title {
margin-bottom: 0;
}
.woocommerce-account .woocommerce-form.woocommerce-form-login {
border-top: 2px dashed #e8e8e8;
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px) {
.woocommerce-account .woocommerce-form.woocommerce-form-login {
max-width: 50%;
}
}
@media (min-width: 992px) {
.woocommerce-account .u-column1 {
float: left;
width: 48%;
}
.woocommerce-account .u-column2 {
float: right;
width: 48%;
}
}
.woocommerce-account .woocommerce-form.woocommerce-form-register {
border: 2px dashed #e8e8e8;
border-radius: 2px;
padding: 30px;
}
.woocommerce-account .woocommerce-form.woocommerce-form-register .form-row {
float: none;
margin-bottom: 0;
}
.woocommerce-account .woocommerce-form.woocommerce-form-register .input-text {
height: 40px;
} .woocommerce-form-coupon button[type=submit] {
height: 30px;
border-width: 0 0 1px 0;
padding: 0 20px;
margin-right: 10px;
}
.woocommerce-account .u-column1 {
margin-bottom: 30px;
}
.woocommerce-account .u-column1 .woocommerce-form-login {
width: 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.woocommerce-account .u-column1 {
max-width: calc( ( 100% - 30px ) / 2);
margin-right: 30px;
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.woocommerce-account .u-column2 {
max-width: calc( ( 100% - 30px ) / 2);
}
}
.woocommerce-MyAccount-navigation {
margin-bottom: 50px;
width: 100%;
}
@media (min-width: 992px) {
.woocommerce-MyAccount-navigation {
float: left;
margin-bottom: 0;
width: 270px;
margin-right: 30px;
border-right: 1px solid #eee;
}
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
margin-bottom: 20px;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
font-weight: 700;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .woostify-svg-icon {
color: currentColor;
margin-right: 15px;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .woostify-svg-icon svg {
height: 20px;
width: 20px;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--auctions-endpoint a:before {
content: "\e60f";
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--bookings a:before {
content: "\e6dc";
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--subscriptions a:before {
content: "\e64f";
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
font-size: 15px;
white-space: nowrap;
display: inline-flex;
justify-content: flex-start;
align-items: center;
}
.woocommerce-MyAccount-content {
width: 100%;
}
.woocommerce-MyAccount-content table:first-child {
margin: 0;
}
@media (min-width: 992px) {
.woocommerce-MyAccount-content {
float: left;
width: calc( 100% - 300px);
}
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit] {
height: 55px;
color: #fff;
border: 0;
margin-top: 40px;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit]:hover {
opacity: 0.8;
}
.woocommerce-MyAccount-content fieldset {
border: 1px solid #ddd;
margin: 0;
padding: 5px 15px;
}
.woocommerce-Address {
border: 1px solid #eee;
}
.woocommerce-Address .woocommerce-Address-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce-Address .woocommerce-Address-title h3 {
font-size: 18px;
font-weight: normal;
display: inline-block;
margin: 0;
padding: 15px;
}
.woocommerce-Address .woocommerce-Address-title .edit {
margin-right: 15px;
}
.woocommerce-Address .woocommerce-Address-title .edit:before {
content: "\e603";
font-family: "Woocommerce";
margin-right: 5px;
font-weight: 700;
}
.woocommerce-Address address {
border-top: 1px solid #eee;
margin-bottom: 0;
padding: 15px;
}
.woocommerce-address-fields .button {
height: 50px;
color: #fff;
padding: 0 25px;
border: 0;
}
.woocommerce-address-fields .button:hover {
opacity: 0.7;
}
.woocommerce-orders-table__cell-order-actions {
display: inline-flex;
flex-direction: column;
text-align: center;
border: 0;
}
.woocommerce-orders-table__cell-order-actions a + a {
margin-top: 10px;
} @media (max-width: 767px) {
.woocommerce-account .u-columns.col2-set .u-column1.col-1,
.woocommerce-account .u-columns.col2-set .u-column2.col-2 {
width: 100%;
max-width: 100%;
margin-right: 0;
}
}
.woocommerce-order-received .woocommerce-order {
max-width: 800px;
margin: 0 auto;
}
.woocommerce-thankyou-order-received {
display: block;
clear: both;
padding: 20px;
margin-bottom: 50px;
text-align: center;
font-weight: 700;
font-size: 1.5em;
border: 2px dashed transparent;
}
.woocommerce-thankyou-order-details {
padding-left: 0;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
text-align: center;
}
.woocommerce-thankyou-order-details .woocommerce-order-overview__email {
display: none;
}
@media (max-width: 991px) {
.woocommerce-thankyou-order-details {
flex-wrap: wrap;
}
}
.woocommerce-thankyou-order-details li {
list-style: none;
padding: 10px 15px;
flex-basis: 25%;
}
@media (max-width: 991px) {
.woocommerce-thankyou-order-details li {
flex-basis: 100%;
border-bottom: 1px dashed #e8e8e8;
}
}
.woocommerce-thankyou-order-details li + li {
border-left: 1px dashed #e8e8e8;
}
@media (max-width: 991px) {
.woocommerce-thankyou-order-details li + li {
border-left: 0;
}
}
.woocommerce-thankyou-order-details strong {
display: block;
font-weight: normal;
}
.woocommerce-order-details .woocommerce-order-details__title {
font-size: 1.35em;
font-weight: normal;
padding: 1em;
margin: 0;
border-bottom: 0;
text-transform: uppercase;
font-weight: 700;
text-align: center;
}
.woocommerce-table--order-details {
margin-bottom: 70px;
margin-top: 0;
border: 0;
}
.woocommerce-table--order-details .wc-item-meta {
padding-left: 0;
margin: 0;
}
.woocommerce-table--order-details .wc-item-meta li {
list-style: none;
}
.woocommerce-table--order-details .wc-item-meta li + li {
margin-top: 10px;
}
.woocommerce-table--order-details .wc-item-meta li p {
display: inline-block;
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details tr,
.woocommerce-table--order-details td {
border-left: 0;
border-right: 0;
padding: 15px 0;
}
.woocommerce-table--order-details th:nth-child(2),
.woocommerce-table--order-details tr:nth-child(2),
.woocommerce-table--order-details td:nth-child(2) {
text-align: right;
}
.woocommerce-table--order-details th a:hover,
.woocommerce-table--order-details tr a:hover,
.woocommerce-table--order-details td a:hover {
text-decoration: underline;
}
.woocommerce-table--order-details thead th {
text-transform: uppercase;
}
.woocommerce-table--order-details tbody strong {
font-weight: normal;
}
.woocommerce-table--order-details tfoot tr:last-of-type th {
text-transform: uppercase;
font-weight: 700;
}
.woocommerce-customer-details .woocommerce-column__title {
font-size: 1.35em;
font-weight: normal;
padding: 1em 0;
margin: 0;
}
.woocommerce-customer-details address {
margin: 0;
padding: 1em 0;
border-top: 1px solid #e8e8e8;
}
.woocommerce-customer-details .woocommerce-column .woocommerce-column__title,
.woocommerce-customer-details .woocommerce-column address {
padding: 1em;
}
.woocommerce-customer-details .woocommerce-column--1 {
float: left;
border: 1px solid #e8e8e8;
width: 100%;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.woocommerce-customer-details .woocommerce-column--1 {
width: 48.5%;
}
}
.woocommerce-customer-details .woocommerce-column--2 {
float: right;
width: 100%;
border: 1px solid #e8e8e8;
}
@media (min-width: 768px) {
.woocommerce-customer-details .woocommerce-column--2 {
width: 48.5%;
}
}
ul.products li.product .product-loop-image-wrapper .tinvwl_add_to_wishlist_button {
margin: 0;
}
.product-loop-image-wrapper .tinvwl_add_to_wishlist-text {
display: none;
}
.product-loop-image-wrapper .tinv-wraper .tinvwl_add_to_wishlist_button {
background-color: #fff;
}
.product-loop-image-wrapper .tinv-wraper .tinvwl_add_to_wishlist_button:before {
margin: 0;
}
.product-loop-image-wrapper .product-loop-action .tinvwl_add_to_wishlist_button {
width: 40px;
height: 40px;
}
.product-loop-image-wrapper .product-loop-action .tinvwl_add_to_wishlist_button:hover {
color: #fff;
}
.product-loop-image-wrapper .product-loop-action .product-quick-view-btn + .tinv-wraper {
border-top: 1px solid #e7e7e7;
}
.product-loop-image-wrapper .loop-wrapper-wishlist .tinv-wraper .tinvwl_add_to_wishlist_button {
width: 30px;
height: 30px;
}
@media (max-width: 768px) {
.cart.wishlist_table .product-thumbnail {
display: none;
}
.cart.wishlist_table .product-remove a {
background-color: #e33;
color: #fff;
}
.cart.wishlist_table th {
display: none;
}
.cart.wishlist_table tr:first-of-type td {
border-bottom-width: 1px;
}
.cart.wishlist_table tr:first-of-type td:last-of-type {
border-bottom: 0;
}
.cart.wishlist_table tr:last-of-type td {
border-bottom: 0;
}
.cart.wishlist_table td {
display: block;
width: 100% !important;
border-right: 0;
padding: 10px 0px !important;
}
.cart.wishlist_table td:before {
float: left;
font-weight: bold;
content: attr(data-title);
}
}
.yith-wcwl-form .button {
cursor: pointer;
}
.hidden-title-form {
display: none;
}
.hidden-title-form .button {
padding: 10px 15px;
}
.hidden-title-form input {
padding: 5px 10px;
border-radius: 3px;
}
.wishlist-title * {
font-size: 24px;
}
.yith-wcwl-share .yith-wcwl-share-title {
font-size: small;
display: inline-block;
}
.yith-wcwl-share ul {
margin: 0;
padding: 0;
}
.yith-wcwl-share ul li {
display: inline-block;
}
.yith-wcwl-share ul a {
width: 30px;
height: 30px;
border: 1px solid #ddd;
}
.yith-wcwl-form .cart.wishlist_table tr th {
text-align: left;
}
.yith-wcwl-form .cart.wishlist_table tr td {
text-align: left;
}
.yith-wcwl-form .cart.wishlist_table .product-add-to-cart .add_to_cart_button span.woostify-svg-icon {
margin-right: 5px;
}
@media (max-width: 991px) {
.yith-wcwl-form .cart.wishlist_table {
padding-left: 0;
}
.yith-wcwl-form .cart.wishlist_table li {
margin-bottom: 20px;
}
.yith-wcwl-form .cart.wishlist_table li table tr {
flex-direction: row;
border-bottom: none;
}
.yith-wcwl-form .cart.wishlist_table li table td {
display: block;
border-bottom: none;
padding: 0 !important;
}
.yith-wcwl-form .cart.wishlist_table li table td.label {
width: 40% !important;
}
.yith-wcwl-form .cart.wishlist_table li table td.value {
text-align: right !important;
width: 60%;
}
.yith-wcwl-form .cart.wishlist_table .product-thumbnail {
position: relative;
}
.yith-wcwl-form .cart.wishlist_table .product-thumbnail img {
max-width: 100%;
}
.yith-wcwl-form .cart.wishlist_table .item-details .product-name h3 {
font-size: 20px;
margin-top: 0;
}
.yith-wcwl-form .cart.wishlist_table .item-details .product-name a {
padding-right: 0;
}
.yith-wcwl-form .cart.wishlist_table .item-details .item-details-table {
margin-top: 0;
}
.yith-wcwl-form .cart.wishlist_table .additional-info {
margin-top: 0;
}
.yith-wcwl-form .cart.wishlist_table .product-remove {
position: relative;
}
}
.tinvwl-table-manage-list .product-action .button {
white-space: nowrap;
}
.elementor-add-to-cart.elementor-product-variable .variations tr {
margin-bottom: 0 !important;
}
@media (max-width: 719px) {
.elementor-add-to-cart.elementor-product-variable .variations tr {
display: block !important;
}
}
.elementor-add-to-cart.elementor-product-variable .variations td {
width: 30% !important;
padding: 10px 0 !important;
line-height: 24px !important;
vertical-align: middle;
}
@media (max-width: 719px) {
.elementor-add-to-cart.elementor-product-variable .variations td {
padding: 0 !important;
}
}
.elementor-add-to-cart.elementor-product-variable .variations select {
border: 1px solid #e8e8e8 !important;
width: 75% !important;
height: 40px !important;
position: static !important;
}
@media (max-width: 719px) {
.elementor-add-to-cart.elementor-product-variable .variations select {
width: 100% !important;
}
}
.elementor-add-to-cart.elementor-product-variable .variations .value {
width: 55% !important;
}
@media (max-width: 719px) {
.elementor-add-to-cart.elementor-product-variable .variations .value {
display: block !important;
width: 100% !important;
}
}
.elementor-add-to-cart.elementor-product-variable .variations .value:before {
content: none !important;
}
.elementor-widget-wc-add-to-cart .quantity {
border: 1px solid #e8e8e8;
}
.elementor-widget-wp-widget-woocommerce_product_categories .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
}
.updating-cart.ajax-single-add-to-cart .single_add_to_cart_button.loading {
filter: grayscale(100%);
}
.updating-cart.ajax-single-add-to-cart .single_add_to_cart_button.loading:before {
left: 2em;
border-width: 2px;
}
.product-loop-action .tinvwl-product-in-list.tinvwl-product-make-remove .tinvwl_remove_from_wishlist-text,
.product-loop-action .tinvwl-product-in-list.tinvwl-product-make-remove .tinvwl_already_on_wishlist-text {
display: none !important;
}
.product-loop-action .tinvwl-product-in-list.tinvwl-product-already-on-wishlist .tinvwl_remove_from_wishlist-text,
.product-loop-action .tinvwl-product-in-list.tinvwl-product-already-on-wishlist .tinvwl_already_on_wishlist-text {
display: none !important;
}
.woosb-qty-input .product-qty {
display: none;
}
.woosb-qty-input .quantity input {
padding: 0;
}
.woocommerce-mini-cart-item.woosb-item-child {
list-style: none;
margin-left: 30px;
}
.woocommerce-mini-cart-item.woosb-item-child .mini-cart-product-qty,
.woocommerce-mini-cart-item.woosb-item-child .mini-cart-product-price {
display: none;
}
.woocommerce-mini-cart-item.woosb-item-child .input-text {
pointer-events: none;
}
.elementor-widget-woostify-default-product-images {
position: relative;
}
.elementor-editor-active .elementor-widget-woostify-default-product-images .woocommerce-product-gallery, .elementor-editor-preview .elementor-widget-woostify-default-product-images .woocommerce-product-gallery {
opacity: 1 !important;
}
.elementor-editor-active .elementor-widget-woostify-default-product-images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child), .elementor-editor-preview .elementor-widget-woostify-default-product-images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) {
display: none;
}
.elementor-widget-woostify-default-product-images ul, .elementor-widget-woostify-default-product-images ol {
list-style: none;
padding: 0;
margin: 0;
}
.elementor-widget-woostify-default-product-images .onsale {
position: absolute;
left: 10px;
top: 10px;
}
.elementor-widget-woostify-default-product-images .woocommerce-product-gallery__trigger {
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
width: 20px;
height: 20px;
}
.elementor-widget-woostify-default-product-images .woocommerce-product-gallery__trigger img {
width: 100% !important;
height: 100% !important;
}
.elementor-widget-woostify-default-product-images .woocommerce-product-gallery__wrapper {
max-width: none;
}
.elementor-widget-woostify-default-product-images .flex-viewport {
margin-bottom: 1.5em;
}
.elementor-widget-woostify-default-product-images .flex-control-nav li {
display: inline-block;
margin: 0 1.5em 1.5em 0;
}
.elementor-widget-woostify-default-product-images .flex-control-nav img {
border: 1px solid transparent;
}
.elementor-widget-woostify-default-product-images .flex-control-nav img.flex-active {
border-color: #555;
}
@media (min-width: 767px) {
.download-file .button {
display: inline-block;
padding: 10px;
}
}
table.shop_table {
word-break: normal;
}
.password-input {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.show-password-input {
position: absolute;
right: 0.7em;
top: 0.7em;
cursor: pointer;
}
.show-password-input:before {
font-family: "Woocommerce";
content: "\e010";
}
.show-password-input.display-password {
opacity: 0.6;
}
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active:after {
left: auto;
right: 0;
}
body.dokan-dashboard .dokan-settings-content .dokan-settings-area .dokan-banner {
margin-left: auto;
margin-right: auto;
}
body.dokan-dashboard .entry-title {
font-size: 20px;
}
body.dokan-dashboard .dokan-form-group .datepicker {
height: 36px;
padding: 0 10px !important;
position: relative;
top: 1px;
border-radius: 4px;
}
body.dokan-dashboard .dokan-form-group .select2-container--default .select2-selection--single {
height: 36px;
border-color: #ccc;
border-radius: 4px;
}
body.dokan-dashboard .dokan-form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
height: 36px;
line-height: 36px;
}
body:not(.has-dokan-sidebar).dokan-store.no-sidebar .dokan-single-store {
width: 100%;
}
.list-unstyled {
margin: 0;
padding-left: 0;
list-style: none;
}
.dokan-dashboard.single-product #content .content-top {
margin-bottom: 3.5em;
}
@media (min-width: 992px) {
.dokan-dashboard .dokan-dashboard-wrap {
min-height: 700px;
min-height: 90vh;
}
}
.dokan-dashboard fieldset {
border: 0;
padding: 0;
}
.dokan-dashboard table {
width: auto;
}
.dokan-dashboard .dokan-table,
.dokan-dashboard .table {
table-layout: auto;
width: 100%;
}
.dokan-dashboard .dokan-table thead th,
.dokan-dashboard .table thead th {
word-break: normal;
}
.dokan-dashboard .btn {
padding-left: 15px;
padding-right: 15px;
background-color: #efefef;
}
.dokan-dashboard .dokan-form-control {
border-radius: 4px;
}
.dokan-dashboard .col-link {
white-space: nowrap;
}
.dokan-dashboard .col-link a {
white-space: nowrap;
}
.dokan-store .dokan-widget-area .widget-title {
font-size: 20px;
}
.dokan-store .dokan-widget-area ul,
.dokan-store .dokan-widget-area ol {
padding-left: 0;
}
@media (min-width: 992px) {
.has-sidebar.has-dokan-sidebar .content-area {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.has-sidebar.left-sidebar .content-area {
padding-left: 30px;
}
.has-sidebar.right-sidebar .content-area {
padding-right: 30px;
}
.has-sidebar.dokan-with-theme-sidebar.left-sidebar .content-area {
padding-left: 0;
width: 100%;
}
.has-sidebar.dokan-with-theme-sidebar.left-sidebar #dokan-primary {
float: right;
}
.has-sidebar.dokan-with-theme-sidebar.right-sidebar .content-area {
padding-right: 0;
width: 100%;
}
}