body {
color: #777;
font-family: "Source Sans Pro", sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 400;
word-wrap: brak-word;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.table:last-child,
p:last-child,
ul:last-child {
margin-bottom: 0;
} 
.nav > li > a > img,
img {
max-width: 100%;
height: auto;
}
::-moz-selection {
color: #fff;
background-color: #881C82;
}
::selection {
color: #fff;
background-color: #881C82;
}
.del {
text-decoration: line-through;
}
.sa_svg-hidden,
.sa_svg-hidden svg {
width: 0;
height: 0;
overflow: hidden;
}
[data-zoom="img"] {
display: block;
overflow: hidden;
}
a {
color: #881C82;
-webkit-transition-property: color, border-color, background-color, box-shadow;
transition-property: color, border-color, background-color, box-shadow;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease, ease, ease-in-out, ease-in-out;
transition-timing-function: ease, ease, ease-in-out, ease-in-out;
}
.btn-link.active,
.btn-link:focus,
.btn-link:hover,
a:focus,
a:hover {
color: #881C82;
}
.btn-link {
display: inline-block;
color: inherit;
/*font-weight: inherit;*/
-webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
cursor: pointer;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.btn-link:link,
.btn-link:visited,
a,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
text-decoration: none;
outline: 0;
}
.nav li a:focus,
.nav li a:hover,
.nav li.open a,
.nav li.open a:focus,
.nav li.open a:hover {
background-color: transparent;
}
.nav li a {
color: inherit;
}
.nav li a:focus {
color: inherit;
}
.nav li a:hover,
.nav li.active > a,
.nav li.active > a:focus,
.nav li.active > a:hover,
.nav li.open > a,
.nav li.open > a:focus,
.nav li.open > a:hover {
color: #881C82;
}
.btn {
padding: 2px 15px;
border-radius: 0;
font-size: 14px;
line-height: 24px;
font-weight: 600;
-webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
}
.btn.active,
.btn:active {
box-shadow: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0;
}
.btn-sm {
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
line-height: 22px;
}
.btn-md {
padding-top: 7px;
padding-bottom: 7px;
}
.btn-lg {
padding-top: 4px;
padding-bottom: 4px;
font-size: 16px;
line-height: 26px;
}
.btn-default,
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
color: #999;
background-color: transparent;
}
.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus,
.btn-default:active,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
color: #fff;
background-color: #881C82;
border-color: #881C82;
}
.btn-primary,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
background-color: #881C82;
border-color: #881C82;
}
.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
background-color: #222;
border-color: #222;
}
.bg--overlay .btn-primary:focus,
.bg--overlay .btn-primary:hover {
color: #881C82;
background-color: #fff;
border-color: #881C82;
}
.form-control {
height: 36px;
padding: 4px 20px;
background-color: transparent;
border-color: #f9f9f9;
border-radius: 5px;
box-shadow: none;
font-size: 16px;
line-height: 26px;
-webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
outline: 0;
}
.form-control:focus {
border-color: #881C82;
box-shadow: none;
}
textarea.form-control {
height: auto;
min-height: 100px;
resize: vertical;
}
select.form-control {
cursor: pointer;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
margin-left: 0;
}
body.boxed {
background-size: auto;
background-repeat: repeat;
}
body.boxed > .wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.float--left {
float: left;
}
.float--right {
float: right;
}
.float--none {
float: none;
}
.mtop--30 {
margin-top: 30px;
}
.fm {
margin-right: 5px;
}
.flm {
margin-left: 5px;
}
.ptop--10 {
padding-top: 10px;
}
.pbottom--10 {
padding-bottom: 10px;
}
.ptop--15 {
padding-top: 15px;
}
.pbottom--15 {
padding-bottom: 15px;
}
.ptop--30 {
padding-top: 30px;
}
.pbottom--30 {
padding-bottom: 30px;
}
.ptop--42{
padding-top: 42px;   
}
.ptop--60 {
padding-top: 60px;
}
.ptop--70 {
padding-top: 70px;
}
.pbottom--30 {
padding-bottom: 30px;
}
.pbottom--60 {
padding-bottom: 60px;
}
.pd--30-0 {
padding: 30px 0;
}
.pd--100-0 {
padding: 100px 0;
}
.pd--150-0 {
padding: 150px 0;
}
.pd--30-0-20 {
padding: 30px 0 20px;
}
.pd--20-0-40 {
padding: 20px 0 40px;
}
.pl-20{
padding-left:20px!important;
}
/*.bdtop--1 {*/
/*border-top: 1px solid;*/
/*}*/
.text--color-1 {
color: #881C82;
}
.bg--skew-down,
.bg--skew-up {
position: relative;
z-index: 0;
}
.bg--skew-down:after,
.bg--skew-up:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 150px;
background-color: transparent;
-webkit-transform: skewY(-4deg);
transform: skewY(-4deg);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
z-index: -1;
}
.bg--skew-down:after {
top: auto;
bottom: 0;
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.bg--color-0,
.bg--color-0--a:after,
.bg--color-0--b:before,
.bg--color-0.bg--skew-down:after,
.bg--color-0.bg--skew-up:before {
color: #222;
background-color: #fff;
}
.bg--color-1,
.bg--color-1--a:after,
.bg--color-1--b:before,
.bg--color-1.bg--skew-down:after,
.bg--color-1.bg--skew-up:before {
color: #fff;
background-color: #881C82;
}
.bg--color-2,
.bg--color-2--a:after,
.bg--color-2--b:before,
.bg--color-2.bg--skew-down:after,
.bg--color-2.bg--skew-up:before {
color: #fff;
background-color: #1d1d1d;
}
.bg--color-3,
.bg--color-3--a:after,
.bg--color-3--b:before,
.bg--color-3.bg--skew-down:after,
.bg--color-3.bg--skew-up:before {
color: #fff;
background-color: #000;
}
.bg--color-4,
.bg--color-4--a:after,
.bg--color-4--b:before,
.bg--color-4.bg--skew-down:after,
.bg--color-4.bg--skew-up:before {
background-color: #f9f9f9;
}
.bg--img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.bg--overlay {
position: relative;
color: #fff;
z-index: 0;
}
.bg--overlay:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
z-index: -1;
}
.bd--color-1 {
border-color: #881C82;
}
.bd--color-2 {
border-color: #eee;
}
.gutter--0 {
margin-left: 0;
margin-right: 0;
}
.gutter--0 > [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.gutter--10 {
margin-left: -5px;
margin-right: -5px;
}
.gutter--10 > [class*="col-"] {
padding-left: 5px;
padding-right: 5px;
}
.gutter--15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.gutter--15 > [class*="col-"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
.gutter--20 {
margin-left: -10px;
margin-right: -10px;
}
.gutter--20 > [class*="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.vc--parent {
width: 100%;
height: 100%;
display: table;
}
.row--vb > div,
.row--vc > div,
.vc--child {
display: table-cell;
vertical-align: middle;
}
.vc--child-bottom {
display: table-cell;
}
.row--vb > div,
.row--vc > div {
float: none;
}
.row--vb > div,
.vc--child-bottom {
vertical-align: bottom;
}
#preloader,
.preloader,
.preloader:before {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
}
.preloader,
.preloader:before {
position: absolute;
z-index: 0;
}
.preloader:before {
/*content: " ";*/
/*z-index: -1;*/
}
.preloader--inner {
position: absolute;
top: 50%;
left: 50%;
}
.preloader[data-preloader="1"] .preloader--inner,
.preloader[data-preloader="2"] .preloader--inner,
.preloader[data-preloader="3"] .preloader--inner {
/*width: 40px;*/
/*height: 40px;*/
margin-top: -100px;
margin-left: -80px;
}
.preloader[data-preloader="1"] .preloader--inner:before {
content: " ";
position: absolute;
top: 0;
left: 0;
/*width: 100%;*/
/*height: 100%;*/
background-color: #881C82;
border-radius: 50%;
-webkit-animation: preloaderScaleout 1s infinite ease-in-out;
animation: preloaderScaleout 1s infinite ease-in-out;
}
.preloader.bg--color-1--b[data-preloader="1"] .preloader--inner:before {
background-color: #fff;
}
.preloader[data-preloader="2"] .preloader--inner:after,
.preloader[data-preloader="2"] .preloader--inner:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #881C82;
border-radius: 50%;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-webkit-animation: preloaderBounce 2s infinite ease-in-out;
animation: preloaderBounce 2s infinite ease-in-out;
}
.preloader[data-preloader="2"] .preloader--inner:after {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.preloader[data-preloader="3"] .preloader--inner {
-webkit-animation: preloaderRotate 2s linear infinite;
animation: preloaderRotate 2s linear infinite;
}
.preloader[data-preloader="3"] .preloader--inner:after,
.preloader[data-preloader="3"] .preloader--inner:before {
content: " ";
display: inline-block;
position: absolute;
top: 0;
width: 60%;
height: 60%;
background-color: #881C82;
border-radius: 100%;
-webkit-animation: preloaderBounce 2s infinite ease-in-out;
animation: preloaderBounce 2s infinite ease-in-out;
}
.preloader[data-preloader="3"] .preloader--inner:after {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.preloader[data-preloader="4"] .preloader--inner {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
background-color: #881C82;
-webkit-animation: preloaderRotateplane 1.2s ease-in-out infinite;
animation: preloaderRotateplane 1.2s ease-in-out infinite;
}
.preloader[data-preloader="5"] .preloader--inner {
width: 32px;
height: 32px;
margin-top: -32px;
margin-left: -32px;
}
.preloader[data-preloader="5"] .preloader--inner:after,
.preloader[data-preloader="5"] .preloader--inner:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
background-color: #881C82;
-webkit-animation: preloaderCubemove 1.8s ease-in-out infinite;
animation: preloaderCubemove 1.8s ease-in-out infinite;
}
.preloader[data-preloader="5"] .preloader--inner:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.preloader[data-preloader="6"] .preloader--inner {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
}
.preloader[data-preloader="6"] .preloader--inner span {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(2) {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(3) {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(4) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(5) {
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(6) {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(7) {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(8) {
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(9) {
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(10) {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(11) {
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(12) {
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
}
.preloader[data-preloader="6"] .preloader--inner span:before {
content: " ";
display: block;
width: 15%;
height: 15%;
background-color: #881C82;
border-radius: 100%;
-webkit-animation: preloaderCircleFade 1.2s infinite ease-in-out both;
animation: preloaderCircleFade 1.2s infinite ease-in-out both;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(2):before,
.preloader[data-preloader="7"] .preloader--inner span:nth-child(2) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(3):before,
.preloader[data-preloader="7"] .preloader--inner span:nth-child(3) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(4):before,
.preloader[data-preloader="7"] .preloader--inner span:nth-child(4) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(5):before,
.preloader[data-preloader="7"] .preloader--inner span:nth-child(5) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(6):before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(7):before,
.preloader[data-preloader="8"] .preloader--inner span:nth-child(2) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(8):before,
.preloader[data-preloader="8"] .preloader--inner span:nth-child(3) {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(9):before,
.preloader[data-preloader="8"] .preloader--inner span:nth-child(4) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(10):before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(11):before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.preloader[data-preloader="6"] .preloader--inner span:nth-child(12):before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.preloader[data-preloader="7"] .preloader--inner,
.preloader[data-preloader="8"] .preloader--inner {
width: 38px;
height: 30px;
margin-top: -15px;
margin-left: -19px;
font-size: 0;
line-height: 0;
text-align: center;
}
.preloader[data-preloader="7"] .preloader--inner span {
display: inline-block;
width: 6px;
height: 100%;
background-color: #881C82;
-webkit-animation: preloaderStretchdelay 1.2s ease-in-out infinite;
animation: preloaderStretchdelay 1.2s ease-in-out infinite;
}
.preloader[data-preloader="7"] .preloader--inner span + span {
margin-left: 2px;
}
.preloader[data-preloader="8"] .preloader--inner {
width: 90px;
margin-left: -45px;
}
.preloader[data-preloader="8"] .preloader--inner span {
display: inline-block;
height: 15px;
width: 15px;
margin-left: 1.5px;
margin-right: 1.5px;
background-color: #881C82;
border-radius: 50%;
-webkit-animation: preloaderStretchdelay2 0.7s ease-in-out infinite;
animation: preloaderStretchdelay2 0.7s ease-in-out infinite;
}
.preloader[data-preloader="9"] .preloader--inner {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
}
.preloader[data-preloader="9"] .preloader--inner span {
float: left;
display: block;
width: 33%;
height: 33%;
background-color: #881C82;
-webkit-animation: preloaderCubeGridScale 1.3s infinite ease-in-out;
animation: preloaderCubeGridScale 1.3s infinite ease-in-out;
}
.preloader[data-preloader="9"] .preloader--inner span:nth-child(1) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.preloader[data-preloader="9"] .preloader--inner span:nth-child(2) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.preloader[data-preloader="9"] .preloader--inner span:nth-child(3) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.preloader[data-preloader="9"] .preloader--inner span:nth-child(4) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.preloader[data-preloader="9"] .preloader--inner span:nth-child(5) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.preloader[data-preloader="10"] .preloader--inner span:nth-child(2):before,
.preloader[data-preloader="9"] .preloader--inner span:nth-child(6) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.preloader[data-preloader="9"] .preloader--inner span:nth-child(7) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.preloader[data-preloader="9"] .preloader--inner span:nth-child(8) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.preloader[data-preloader="9"] .preloader--inner span:nth-child(9) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.preloader[data-preloader="10"] .preloader--inner {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.preloader[data-preloader="10"] .preloader--inner span {
float: left;
display: block;
position: relative;
width: 50%;
height: 50%;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.preloader[data-preloader="10"] .preloader--inner span:nth-child(2) {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.preloader[data-preloader="10"] .preloader--inner span:nth-child(3) {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.preloader[data-preloader="10"] .preloader--inner span:nth-child(4) {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.preloader[data-preloader="10"] .preloader--inner span:before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #881C82;
-webkit-animation: preloaderFoldCubeAngle 2.4s infinite linear both;
animation: preloaderFoldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.preloader[data-preloader="10"] .preloader--inner span:nth-child(3):before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.preloader[data-preloader="10"] .preloader--inner span:nth-child(4):before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.preloader[data-preloader="img"] .preloader--inner {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@-webkit-keyframes preloaderScaleout {
0% {
-webkit-transform: scale(0);
}
to {
-webkit-transform: scale(1);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes preloaderScaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@-webkit-keyframes preloaderRotate {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes preloaderRotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes preloaderRotateplane {
0% {
-webkit-transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
}
to {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes preloaderRotateplane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
to {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@-webkit-keyframes preloaderBounce {
0%,
to {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes preloaderBounce {
0%,
to {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes preloaderCubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
}
to {
-webkit-transform: rotate(-360deg);
}
}
@keyframes preloaderCubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes preloaderCircleFade {
0%,
39%,
to {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
40% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
@keyframes preloaderCircleFade {
0%,
39%,
to {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
40% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
@-webkit-keyframes preloaderStretchdelay {
0%,
40%,
to {
-webkit-transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
}
}
@keyframes preloaderStretchdelay {
0%,
40%,
to {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes preloaderStretchdelay2 {
0%,
40%,
to {
-webkit-transform: translateY(-10px);
}
20% {
-webkit-transform: translateY(-20px);
}
}
@keyframes preloaderStretchdelay2 {
0%,
40%,
to {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
20% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@-webkit-keyframes preloaderCubeGridScale {
0%,
70%,
to {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes preloaderCubeGridScale {
0%,
70%,
to {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@-webkit-keyframes preloaderFoldCubeAngle {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
90%,
to {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes preloaderFoldCubeAngle {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
90%,
to {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.dropdown-menu {
margin: 0;
border-width: 0 0 2px;
border-color: #881C82;
border-radius: 0;
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}
.dropdown-menu > li + li {
border-top: 1px solid #eee;
}
.dropdown-menu > li > a {
padding-top: 9px;
padding-bottom: 10px;
}
.dropdown-menu > .dropdown > .dropdown-menu {
top: 0;
left: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.dropdown-menu > .switch--left > .dropdown-menu,
.dropdown-menu > .switch--right > .dropdown-menu {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.dropdown-menu > .switch--left > .dropdown-menu {
left: auto;
right: 100%;
}
.dropdown-left > .dropdown-menu {
left: auto;
right: 0;
}
.pagination {
margin: -10px -5px 0;
color: #999;
font-size: 0;
line-height: 0;
}
.pagination > li {
display: inline-block;
margin: 10px 5px 0;
font-size: 16px;
line-height: 26px;
vertical-align: middle;
}
.pagination > li > a,
.pagination > li > span {
min-width: 36px;
padding: 0 3px;
color: #000;
font-size: 16px;
line-height: 34px;
text-align: center;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-radius: 0;
}
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:hover {
color: #fff;
background-color: #881C82;
border-color: #881C82;
}
.pagination-hint {
margin-bottom: 0;
color: #000;
font-size: 16px;
line-height: 36px;
font-weight: 600;
}
.countdown ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
line-height: 0;
}
.countdown ul li {
display: inline-block;
position: relative;
margin-right: 42px;
z-index: 0;
}
.countdown ul li:after,
.countdown ul li:before {
content: " ";
position: absolute;
top: 50%;
right: -24px;
width: 5px;
height: 5px;
margin-top: -4px;
background-color: #999;
z-index: 0;
}
.countdown ul li:after {
margin-top: 7px;
}
.countdown ul li:last-child strong:after,
.countdown ul li:last-child strong:before,
.countdown ul li:last-child:after,
.countdown ul li:last-child:before {
display: none;
}
.countdown ul li strong {
display: block;
font-size: 48px;
line-height: 52px;
font-weight: 400;
}
.countdown ul li strong:after,
.countdown ul li strong:before {
content: " ";
position: absolute;
top: 14px;
right: -22px;
width: 1px;
height: 13px;
background-color: #555;
}
.countdown ul li strong:after {
top: auto;
bottom: 5px;
}
.countdown ul li span {
display: block;
margin-top: 1px;
}
.post--items-title + .comment--items {
margin-top: 10px;
}
.comment--items > li + li,
.comment--items > li > .comment--items {
margin-top: 20px;
}
.comment--items > li > .comment--items {
padding-left: 30px;
}
.comment--img {
max-width: 60px;
margin-right: 20px;
border: 2px solid #ccc;
}
.comment--info {
padding: 16px 20px 3px;
background-color: #f2f3f5;
overflow: hidden;
}
.comment--header {
margin-bottom: 8px;
color: #999;
line-height: 18px;
}
.comment--header .name {
float: left;
margin-bottom: 0;
color: #222;
font-weight: 600;
}
.comment--header .date {
float: left;
margin-left: 15px;
margin-bottom: 0;
padding-left: 14px;
border-left: 1px solid #ccc;
}
.comment--header .reply {
float: right;
display: block;
}
.comment--header .rating {
float: right;
color: #881C82;
font-size: 0;
line-height: 0;
}
.comment--header .rating .nav > li {
display: inline-block;
}
.comment--header .rating .nav > li + li {
margin-left: 3px;
}
.comment--header .rating .nav > li > i,
.countdown ul li span {
font-size: 14px;
line-height: 18px;
}
.comment-respond {
padding: 23px 30px 30px;
background-color: #f2f3f5;
}
.comment-respond .status .alert {
border-radius: 0;
}
.comment--content h1,
.comment--content h2,
.comment--content h3,
.comment--content h4,
.comment--content h5,
.comment--content h6,
.comment-respond p,
.post--content h1,
.post--content h2,
.post--content h3,
.post--content h4,
.post--content h5,
.post--content h6 {
color: #222;
font-weight: 600;
}
.comment-respond label {
color: #777;
font-weight: 400;
}
.comment-respond label,
.comment-respond label span {
/*display: block;*/
margin-bottom: 8px;
}
.comment-respond .form-control {
border-color: #ccc;
}
.comment-respond .form-control:focus,
.search--widget input:focus + .input-group-btn:before {
border-color: #881C82;
}
.comment-respond textarea {
min-height: 188px;
}
.comment-respond .btn {
margin-top: 22px;
}
.comment-respond .rating {
margin-top: -1px;
margin-bottom: 8px;
}
.comment-respond .rating label {
display: inline-block;
margin-right: 8px;
margin-bottom: 0;
color: #222;
font-weight: 600;
vertical-align: top;
}
.comment-respond .rating .br-wrapper {
display: inline-block;
}
.comment-respond .rating .br-widget a {
display: inline-block;
margin-right: 9px;
}
.comment-respond .rating .br-widget a:last-child {
margin-right: 0;
}
.comment-respond .rating .br-widget a:after {
color: #881C82;
font-size: 14px;
}
.comment-respond .rating .br-widget a[data-rating-value="0"],
.poll--widget .checkbox label input,
.poll--widget .radio label input {
display: none;
}
.section--title .h3 {
margin: -5px 0 -1px;
color: #222;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.quantity {
display: inline-block;
max-width: 60px;
vertical-align: middle;
}
.quantity .form-control {
height: 30px;
padding: 2px 10px;
border-width: 0;
text-align: center;
}
.map--fluid {
min-height: 300px;
margin-bottom: -70px;
}
.main--sidebar .widget + .widget {
margin-top: 20px;
}
.main--sidebar {
position: sticky;
/*top: 100px; */
height: fit-content;
}
.widget--title {
position: relative;
padding: 12px 24px 13px 0;
border-top: 2px solid #881C82;
z-index: 0;
}
.widget--title .h4 {
position: relative;
margin: 0;
color: #881C82;
font-size: 16px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
z-index: 0;
}
.widget--title .icon,
.widget--title .nav {
position: absolute;
top: 50%;
right: 0;
margin-top: -13px;
color: #999;
font-size: 16px;
line-height: 26px;
}
.widget--title .nav {
margin-top: -15px;
font-size: 0;
line-height: 0;
}
.widget--title .nav a {
padding: 0;
font-size: 16px;
line-height: 26px;
}
.post--items-title .nav span.divider,
.widget--title .nav span.divider {
display: inline-block;
margin: 0 5px;
font-size: 16px;
line-height: 26px;
}
.bg--color-2 .widget--title {
border-color: #fff;
}
.bg--color-2 .widget--title .h4,
.bg--color-2 .widget--title .icon {
color: #fff;
}
.ad--widget {
padding: 30px 30px 15px;
background-color: #f8f8f8;
text-align: center;
}
.ad--widget > .row {
margin: -10px -20px;
}
.ad--widget > .row > [class*="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.ad--widget a,
.social--widget.style--1 .nav > li > a > span {
display: block;
}
.ad--widget img {
margin-bottom: 15px;
}
.social--widget .nav {
padding: 5px 0;
background-color: #f8f8f8;
font-size: 0;
line-height: 0;
}
.social--widget.style--1 .nav > li {
float: left;
width: 33.3333%;
}
.social--widget.style--1 .nav > li > a {
position: relative;
padding: 15px 15px 8px;
border-top: 1px solid #eee;
font-weight: 600;
text-align: center;
text-transform: uppercase;
z-index: 0;
}
.social--widget.style--1 .nav > li:nth-child(1) > a,
.social--widget.style--1 .nav > li:nth-child(2) > a,
.social--widget.style--1 .nav > li:nth-child(3) > a {
border-top-width: 0;
}
.social--widget.style--1 .nav > li > a:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
max-height: 50px;
border-right: 1px solid #eee;
z-index: -1;
}
.social--widget.style--1 .nav > li:nth-child(1) > a:before,
.social--widget.style--1 .nav > li:nth-child(2) > a:before,
.social--widget.style--1 .nav > li:nth-child(3) > a:before {
top: auto;
bottom: 0;
}
.social--widget.style--1 .nav > li:nth-child(3n) > a:before {
border-right-width: 0;
}
.social--widget.style--1 .nav > li > a > span.icon {
width: 50px;
height: 50px;
margin: 0 auto;
border: 1px solid #777;
border-radius: 50%;
font-size: 24px;
line-height: 48px;
-webkit-transition: color 0.25s, background-color 0.25s ease-in-out;
transition: color 0.25s, background-color 0.25s ease-in-out;
}
.social--widget.style--1 ul.nav > li > a:hover > span.icon {
color: #fff;
background-color: #777;
}
.social--widget.style--1 .nav > li > a > span.count {
margin-top: 6px;
color: #222;
font-size: 18px;
line-height: 28px;
}
.social--widget.style--1 .nav > li > a > span.title {
margin-top: -1px;
color: #999;
font-size: 14px;
line-height: 24px;
}
.social--widget.style--2 .row {
margin-left: 0;
margin-right: 0;
padding: 10px;
}
.social--widget.style--2 .nav > li > a {
position: relative;
height: 50px;
margin: 10px 0;
padding: 0;
color: #fff;
background-color: #ddd;
text-align: center;
text-transform: uppercase;
overflow: hidden;
z-index: 0;
}
.social--widget.style--2 .nav > li > a > .icon {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 55px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 2px 0 0 2px;
z-index: 1;
}
.social--widget.style--2 .nav > li > a > .icon:before {
content: " ";
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
margin-top: -6px;
border-style: solid;
border-width: 6px 8px 6px 0;
border-color: transparent #ddd transparent transparent;
}
.social--widget.style--2 .nav > li > a > .icon > i,
.social--widget.style--2 .nav > li > a > .icon > span {
margin-top: 12px;
font-size: 18px;
line-height: 28px;
-webkit-transition-property: margin, font, line-height;
transition-property: margin, font, line-height;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.social--widget.style--2 .nav > li > a:hover > .icon > i {
margin-top: 5px;
font-size: 14px;
line-height: 24px;
}
.social--widget.style--2 .nav > li > a > .icon > span {
display: block;
margin-top: 6px;
font-size: 0;
line-height: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition-property: margin, font, line-height, opacity;
transition-property: margin, font, line-height, opacity;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
.social--widget.style--2 .nav > li > a:hover > .icon > span {
margin-top: -6px;
font-size: 13px;
line-height: 23px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.social--widget.style--2 .nav > li > a > .text > span {
display: block;
padding: 12px 0 10px 60px;
font-family: "Alegreya Sans", sans-serif;
font-size: 14px;
line-height: 28px;
-webkit-transform: rotateX(0) translateZ(0);
transform: rotateX(0) translateZ(0);
-webkit-transition: -webkit-transform 0.45s ease-in-out;
transition: transform 0.45s ease-in-out;
transition: transform 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
}
.social--widget.style--2 .nav > li > a:hover > .text > span {
-webkit-transform: rotateX(50deg) translateZ(50px);
transform: rotateX(50deg) translateZ(50px);
}
.social--widget.style--2 .nav > li > a > .text > span + span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-top: 9px;
padding-bottom: 7px;
font-size: 20px;
line-height: 34px;
font-weight: 500;
-webkit-transform: rotateX(50deg) translateZ(-53px);
transform: rotateX(50deg) translateZ(-53px);
z-index: 0;
}
.social--widget.style--2 .nav > li > a:hover > .text > span + span {
-webkit-transform: rotateX(0deg) translateZ(-53px);
transform: rotateX(0deg) translateZ(-53px);
}
.social--widget.style--3 .nav {
padding: 10px 0;
text-align: center;
}
.social--widget.style--3 .nav > li {
display: inline-block;
margin: 6px 18px 3px;
}
.social--widget.style--3 .nav > li > a {
padding: 0;
color: #222;
font-size: 24px;
line-height: 30px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.social--widget.style--3 .nav > li > a:hover {
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.social--widget.style--4 .nav {
padding: 10px;
text-align: center;
}
.social--widget.style--4 .nav > li,
.social--widget.style--5 .nav > li {
display: inline-block;
margin: 10px;
}
.header--style-5 .header--menu-links > .megamenu > .dropdown-menu > li > .row > div,
.social--widget.style--4 .nav > li > a {
padding: 0;
}
.social--widget.style--4 .nav > li > a > i {
min-width: 36px;
padding: 3px 8px;
font-size: 14px;
line-height: 24px;
color: #999;
border: 1px solid #999;
-webkit-transition: color 0.25s, background-color 0.25s ease-in-out;
transition: color 0.25s, background-color 0.25s ease-in-out;
text-align: center;
}
.social--widget.style--4 ul.nav > li > a:hover > i {
color: #fff;
background-color: #999;
}
.social--widget.style--5 .nav {
padding: 10px;
}
.social--widget.style--5 .nav > li > a {
position: relative;
min-width: 50px;
margin: 5px;
padding: 0;
color: #fff;
background-color: #999;
border-radius: 50%;
font-size: 18px;
line-height: 50px;
text-align: center;
z-index: 0;
}
.social--widget.style--5 .nav > li > a:hover {
color: #999;
}
.social--widget.style--5 .nav > li > a:after,
.social--widget.style--5 .nav > li > a:before {
content: " ";
position: absolute;
border-radius: 50%;
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
z-index: -1;
}
.social--widget.style--5 .nav > li > a:after {
-webkit-transform: scale(0);
transform: scale(0);
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background-color: #fff;
}
.social--widget.style--5 .nav > li > a:before {
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
background-color: #999;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.social--widget.style--5 .nav > li > a:before,
.social--widget.style--5 .nav > li > a:hover:after {
-webkit-transform: scale(1);
transform: scale(1);
}
.social--widget.style--5 .nav > li > a:hover:before {
-webkit-transform: scale(0);
transform: scale(0);
}
.social--widget.style--6 .nav {
margin-left: 0;
margin-right: 0;
padding: 5px 10px 15px;
}
.social--widget.style--6 .nav > li {
margin-top: 36px;
margin-bottom: 5px;
}
.social--widget.style--6 .nav > li > a {
min-height: 65px;
padding: 0;
color: #fff;
background-color: #999;
border: 1px solid #999;
text-align: center;
text-transform: uppercase;
}
.social--widget.style--6 .nav > li > a:hover {
color: #fff;
background-color: transparent;
}
.social--widget.style--6 .nav > li > a > .icon {
position: absolute;
top: -25px;
left: 0;
right: 0;
width: 50px;
margin: 0 auto;
background-color: #999;
border: 3px solid #f8f8f8;
border-radius: 50%;
font-size: 18px;
line-height: 44px;
-webkit-transition: top 0.35s ease-in-out, opacity 0.35s ease-in-out;
transition: top 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
.social--widget.style--6 .nav > li > a:hover > .icon {
top: -20px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.social--widget.style--6 .nav > li > a > .text,
.social--widget.style--7 .nav > li > a > span {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.social--widget.style--6 .nav > li > a > .text {
margin-top: 13px;
left: -15px;
right: 10px;
font-size: 14px;
line-height: 24px;
-webkit-transition: margin 0.35s ease-in-out, font 0.35s, left 0.35s ease-in-out;
transition: margin 0.35s ease-in-out, font 0.35s, left 0.35s ease-in-out;
}
.social--widget.style--6 .nav > li > a:hover > .text {
left: 10px;
margin-top: 0;
font-size: 16px;
line-height: 26px;
}
.social--widget.style--6 .nav > li > a > .text > i {
width: 20px;
margin-left: 0;
margin-right: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.35s, margin 0.35s;
transition: opacity 0.35s, margin 0.35s;
}
.social--widget.style--6 .nav > li > a:hover > .text > i {
margin-left: 5px;
margin-right: 5px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.social--widget.style--7 .nav {
margin-left: 0;
margin-right: 0;
padding: 0 16px 20px;
}
.social--widget.style--7 .nav > li,
.subscribe--widget .form-control + .btn,
.subscribe--widget .form-control + .form-control {
margin-top: 20px;
}
.social--widget.style--7 .nav > li > a {
position: relative;
min-height: 84px;
padding: 17px;
color: #ddd;
background-color: #ddd;
text-align: center;
z-index: 0;
}
.social--widget.style--7 .nav > li > a:before,
.social--widget.style--7 .nav > li > a > i {
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
border-radius: 50%;
-webkit-transition-duration: 0.55s;
transition-duration: 0.55s;
}
.social--widget.style--7 .nav > li > a:before {
content: " ";
height: 60px;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
margin: -30px 0 0 -30px;
width: 60px;
-webkit-transition-property: left, background-color, opacity;
transition-property: left, background-color, opacity;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
z-index: -1;
}
.social--widget.style--7 .nav > li > a:hover:before {
left: 0;
background-color: #f8f8f8;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.social--widget.style--7 .nav > li > a > i {
display: block;
width: 50px;
margin: -25px 0 0 -25px;
font-size: 18px;
line-height: 50px;
-webkit-transition: left 0.45s ease-in-out;
transition: left 0.45s ease-in-out;
-webkit-transition-property: color, left, background-color;
transition-property: color, left, background-color;
-webkit-transition-timing-function: ease, ease-in-out, ease-in-out;
transition-timing-function: ease, ease-in-out, ease-in-out;
z-index: 0;
}
.social--widget.style--7 .nav > li > a:hover > i {
left: 0;
color: #fff;
background-color: #ddd;
}
.social--widget.style--7 .nav > li > a > span {
left: 35px;
right: 15px;
color: #fff;
font-size: 18px;
line-height: 28px;
text-transform: uppercase;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.55s ease 0s;
transition: opacity 0.55s ease 0s;
z-index: -1;
}
.social--widget.style--7 .nav > li > a:hover > span {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.social--widget.style--1 .nav > li.facebook > a > span.icon,
.social--widget.style--3 .nav > li > a > .fa-facebook,
.social--widget.style--4 .nav > li > a > .fa-facebook,
.social--widget.style--5 .nav > li.facebook > a:hover,
.social--widget.style--7 .nav > li.facebook > a {
color: #3b5998;
}
#stickySocial ul.nav > li > a:hover > .fa-facebook,
#stickySocial ul.nav > li > a > .fa-facebook + span,
.social--widget.style--1 .nav > li.facebook > a:hover > span.icon,
.social--widget.style--2 .nav > li.facebook > a,
.social--widget.style--4 .nav > li > a:hover > .fa-facebook,
.social--widget.style--5 .nav > li.facebook > a,
.social--widget.style--5 .nav > li.facebook > a:before,
.social--widget.style--6 .nav > li.facebook > a,
.social--widget.style--6 .nav > li.facebook > a > .icon,
.social--widget.style--7 .nav > li.facebook > a,
.social--widget.style--7 .nav > li.facebook > a:hover > i {
background-color: #3b5998;
}
#stickySocial ul.nav > li > a:hover > .fa-facebook,
#stickySocial ul.nav > li > a > .fa-facebook + span:before,
.social--widget.style--1 .nav > li.facebook > a > span.icon,
.social--widget.style--4 .nav > li > a > .fa-facebook,
.social--widget.style--6 .nav > li.facebook > a {
border-color: #3b5998;
}
.social--widget.style--2 .nav > li.facebook > a > .icon:before {
border-right-color: #3b5998;
}
.social--widget.style--1 .nav > li.twitter > a > span.icon,
.social--widget.style--3 .nav > li > a > .fa-twitter,
.social--widget.style--4 .nav > li > a > .fa-twitter,
.social--widget.style--5 .nav > li.twitter > a:hover,
.social--widget.style--7 .nav > li.twitter > a {
color: #00aced;
}
#stickySocial ul.nav > li > a:hover > .fa-twitter,
#stickySocial ul.nav > li > a > .fa-twitter + span,
.social--widget.style--1 .nav > li.twitter > a:hover > span.icon,
.social--widget.style--2 .nav > li.twitter > a,
.social--widget.style--4 .nav > li > a:hover > .fa-twitter,
.social--widget.style--5 .nav > li.twitter > a,
.social--widget.style--5 .nav > li.twitter > a:before,
.social--widget.style--6 .nav > li.twitter > a,
.social--widget.style--6 .nav > li.twitter > a > .icon,
.social--widget.style--7 .nav > li.twitter > a,
.social--widget.style--7 .nav > li.twitter > a:hover > i {
background-color: #00aced;
}
#stickySocial ul.nav > li > a:hover > .fa-twitter,
#stickySocial ul.nav > li > a > .fa-twitter + span:before,
.social--widget.style--1 .nav > li.twitter > a > span.icon,
.social--widget.style--4 .nav > li > a > .fa-twitter,
.social--widget.style--6 .nav > li.twitter > a {
border-color: #00aced;
}
.social--widget.style--2 .nav > li.twitter > a > .icon:before {
border-right-color: #00aced;
}
.social--widget.style--1 .nav > li.google-plus > a > span.icon,
.social--widget.style--3 .nav > li > a > .fa-google-plus,
.social--widget.style--4 .nav > li > a > .fa-google-plus,
.social--widget.style--5 .nav > li.google-plus > a:hover,
.social--widget.style--7 .nav > li.google-plus > a {
color: #d34836;
}
#stickySocial ul.nav > li > a:hover > .fa-google-plus,
#stickySocial ul.nav > li > a > .fa-google-plus + span,
.social--widget.style--1 .nav > li.google-plus > a:hover > span.icon,
.social--widget.style--2 .nav > li.google-plus > a,
.social--widget.style--4 .nav > li > a:hover > .fa-google-plus,
.social--widget.style--5 .nav > li.google-plus > a,
.social--widget.style--5 .nav > li.google-plus > a:before,
.social--widget.style--6 .nav > li.google-plus > a,
.social--widget.style--6 .nav > li.google-plus > a > .icon,
.social--widget.style--7 .nav > li.google-plus > a,
.social--widget.style--7 .nav > li.google-plus > a:hover > i {
background-color: #d34836;
}
#stickySocial ul.nav > li > a:hover > .fa-google-plus,
#stickySocial ul.nav > li > a > .fa-google-plus + span:before,
.social--widget.style--1 .nav > li.google-plus > a > span.icon,
.social--widget.style--4 .nav > li > a > .fa-google-plus,
.social--widget.style--6 .nav > li.google-plus > a {
border-color: #d34836;
}
.social--widget.style--2 .nav > li.google-plus > a > .icon:before {
border-right-color: #d34836;
}
.social--widget.style--1 .nav > li.rss > a > span.icon,
.social--widget.style--3 .nav > li > a > .fa-rss,
.social--widget.style--4 .nav > li > a > .fa-rss,
.social--widget.style--5 .nav > li.rss > a:hover,
.social--widget.style--7 .nav > li.rss > a {
color: #f60;
}
#stickySocial ul.nav > li > a:hover > .fa-rss,
#stickySocial ul.nav > li > a > .fa-rss + span,
.social--widget.style--1 .nav > li.rss > a:hover > span.icon,
.social--widget.style--2 .nav > li.rss > a,
.social--widget.style--4 .nav > li > a:hover > .fa-rss,
.social--widget.style--5 .nav > li.rss > a,
.social--widget.style--5 .nav > li.rss > a:before,
.social--widget.style--6 .nav > li.rss > a,
.social--widget.style--6 .nav > li.rss > a > .icon,
.social--widget.style--7 .nav > li.rss > a,
.social--widget.style--7 .nav > li.rss > a:hover > i {
background-color: #f60;
}
#stickySocial ul.nav > li > a:hover > .fa-rss,
#stickySocial ul.nav > li > a > .fa-rss + span:before,
.social--widget.style--1 .nav > li.rss > a > span.icon,
.social--widget.style--4 .nav > li > a > .fa-rss,
.social--widget.style--6 .nav > li.rss > a {
border-color: #f60;
}
.social--widget.style--2 .nav > li.rss > a > .icon:before {
border-right-color: #f60;
}
.social--widget.style--1 .nav > li.vimeo > a > span.icon,
.social--widget.style--3 .nav > li > a > .fa-vimeo,
.social--widget.style--4 .nav > li > a > .fa-vimeo,
.social--widget.style--5 .nav > li.vimeo > a:hover,
.social--widget.style--7 .nav > li.vimeo > a {
color: #4ebbff;
}
#stickySocial ul.nav > li > a:hover > .fa-vimeo,
#stickySocial ul.nav > li > a > .fa-vimeo + span,
.social--widget.style--1 .nav > li.vimeo > a:hover > span.icon,
.social--widget.style--2 .nav > li.vimeo > a,
.social--widget.style--4 .nav > li > a:hover > .fa-vimeo,
.social--widget.style--5 .nav > li.vimeo > a,
.social--widget.style--5 .nav > li.vimeo > a:before,
.social--widget.style--6 .nav > li.vimeo > a,
.social--widget.style--6 .nav > li.vimeo > a > .icon,
.social--widget.style--7 .nav > li.vimeo > a,
.social--widget.style--7 .nav > li.vimeo > a:hover > i {
background-color: #4ebbff;
}
#stickySocial ul.nav > li > a:hover > .fa-vimeo,
#stickySocial ul.nav > li > a > .fa-vimeo + span:before,
.social--widget.style--1 .nav > li.vimeo > a > span.icon,
.social--widget.style--4 .nav > li > a > .fa-vimeo,
.social--widget.style--6 .nav > li.vimeo > a {
border-color: #4ebbff;
}
.social--widget.style--2 .nav > li.vimeo > a > .icon:before {
border-right-color: #4ebbff;
}
.social--widget.style--1 .nav > li.youtube > a > span.icon,
.social--widget.style--3 .nav > li > a > .fa-youtube-play,
.social--widget.style--4 .nav > li > a > .fa-youtube-play,
.social--widget.style--5 .nav > li.youtube > a:hover,
.social--widget.style--7 .nav > li.youtube > a {
color: #b00;
}
#stickySocial ul.nav > li > a:hover > .fa-youtube-play,
#stickySocial ul.nav > li > a > .fa-youtube-play + span,
.social--widget.style--1 .nav > li.youtube > a:hover > span.icon,
.social--widget.style--2 .nav > li.youtube > a,
.social--widget.style--4 .nav > li > a:hover > .fa-youtube-play,
.social--widget.style--5 .nav > li.youtube > a,
.social--widget.style--5 .nav > li.youtube > a:before,
.social--widget.style--6 .nav > li.youtube > a,
.social--widget.style--6 .nav > li.youtube > a > .icon,
.social--widget.style--7 .nav > li.youtube > a,
.social--widget.style--7 .nav > li.youtube > a:hover > i {
background-color: #b00;
}
#stickySocial ul.nav > li > a:hover > .fa-youtube-play,
#stickySocial ul.nav > li > a > .fa-youtube-play + span:before,
.social--widget.style--1 .nav > li.youtube > a > span.icon,
.social--widget.style--4 .nav > li > a > .fa-youtube-play,
.social--widget.style--6 .nav > li.youtube > a {
border-color: #b00;
}
.social--widget.style--2 .nav > li.youtube > a > .icon:before {
border-right-color: #b00;
}
.social--widget.style--1 .nav > li.dribbble > a > span.icon,
.social--widget.style--3 .nav > li > a > .fa-dribbble,
.social--widget.style--4 .nav > li > a > .fa-dribbble,
.social--widget.style--5 .nav > li.dribbble > a:hover,
.social--widget.style--7 .nav > li.dribbble > a {
color: #ea4c89;
}
#stickySocial ul.nav > li > a:hover > .fa-dribbble,
#stickySocial ul.nav > li > a > .fa-dribbble + span,
.social--widget.style--1 .nav > li.dribbble > a:hover > span.icon,
.social--widget.style--2 .nav > li.dribbble > a,
.social--widget.style--4 .nav > li > a:hover > .fa-dribbble,
.social--widget.style--5 .nav > li.dribbble > a,
.social--widget.style--5 .nav > li.dribbble > a:before,
.social--widget.style--6 .nav > li.dribbble > a,
.social--widget.style--6 .nav > li.dribbble > a > .icon,
.social--widget.style--7 .nav > li.dribbble > a,
.social--widget.style--7 .nav > li.dribbble > a:hover > i {
background-color: #ea4c89;
}
#stickySocial ul.nav > li > a:hover > .fa-dribbble,
#stickySocial ul.nav > li > a > .fa-dribbble + span:before,
.social--widget.style--1 .nav > li.dribbble > a > span.icon,
.social--widget.style--4 .nav > li > a > .fa-dribbble,
.social--widget.style--6 .nav > li.dribbble > a {
border-color: #ea4c89;
}
.social--widget.style--2 .nav > li.dribbble > a > .icon:before {
border-right-color: #ea4c89;
}
.social--widget.style--1 .nav > li.linkedin > a > span.icon,
.social--widget.style--3 .nav > li > a > .fa-linkedin,
.social--widget.style--4 .nav > li > a > .fa-linkedin,
.social--widget.style--5 .nav > li.linkedin > a:hover,
.social--widget.style--7 .nav > li.linkedin > a {
color: #0077b5;
}
#stickySocial ul.nav > li > a:hover > .fa-linkedin,
#stickySocial ul.nav > li > a > .fa-linkedin + span,
.social--widget.style--1 .nav > li.linkedin > a:hover > span.icon,
.social--widget.style--2 .nav > li.linkedin > a,
.social--widget.style--4 .nav > li > a:hover > .fa-linkedin,
.social--widget.style--5 .nav > li.linkedin > a,
.social--widget.style--5 .nav > li.linkedin > a:before,
.social--widget.style--6 .nav > li.linkedin > a,
.social--widget.style--6 .nav > li.linkedin > a > .icon,
.social--widget.style--7 .nav > li.linkedin > a,
.social--widget.style--7 .nav > li.linkedin > a:hover > i {
background-color: #0077b5;
}
#stickySocial ul.nav > li > a:hover > .fa-linkedin,
#stickySocial ul.nav > li > a > .fa-linkedin + span:before,
.social--widget.style--1 .nav > li.linkedin > a > span.icon,
.social--widget.style--4 .nav > li > a > .fa-linkedin,
.social--widget.style--6 .nav > li.linkedin > a {
border-color: #0077b5;
}
.social--widget.style--2 .nav > li.linkedin > a > .icon:before {
border-right-color: #0077b5;
}
.social--widget.style--1 .nav > li.pinterest > a > span.icon,
.social--widget.style--3 .nav > li > a > .fa-pinterest-p,
.social--widget.style--4 .nav > li > a > .fa-pinterest-p,
.social--widget.style--5 .nav > li.pinterest > a:hover,
.social--widget.style--7 .nav > li.pinterest > a {
color: #bd081c;
}
#stickySocial ul.nav > li > a:hover > .fa-pinterest-p,
#stickySocial ul.nav > li > a > .fa-pinterest-p + span,
.social--widget.style--1 .nav > li.pinterest > a:hover > span.icon,
.social--widget.style--2 .nav > li.pinterest > a,
.social--widget.style--4 .nav > li > a:hover > .fa-pinterest-p,
.social--widget.style--5 .nav > li.pinterest > a,
.social--widget.style--5 .nav > li.pinterest > a:before,
.social--widget.style--6 .nav > li.pinterest > a,
.social--widget.style--6 .nav > li.pinterest > a > .icon,
.social--widget.style--7 .nav > li.pinterest > a,
.social--widget.style--7 .nav > li.pinterest > a:hover > i {
background-color: #bd081c;
}
#stickySocial ul.nav > li > a:hover > .fa-pinterest-p,
#stickySocial ul.nav > li > a > .fa-pinterest-p + span:before,
.social--widget.style--1 .nav > li.pinterest > a > span.icon,
.social--widget.style--4 .nav > li > a > .fa-pinterest-p,
.social--widget.style--6 .nav > li.pinterest > a {
border-color: #bd081c;
}
.social--widget.style--2 .nav > li.pinterest > a > .icon:before {
border-right-color: #bd081c;
}
.subscribe--widget {
padding: 30px 20px;
}
.subscribe--widget .content {
margin-top: -7px;
margin-bottom: 26px;
}
.subscribe--widget .content img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.subscribe--widget .form-control {
height: 40px;
padding-top: 7px;
padding-bottom: 7px;
background-color: #eee;
border-width: 0;
}
.subscribe--widget .btn {
min-width: 50px;
padding: 6px 16px;
}
.subscribe--widget .status {
display: none;
padding-top: 13px;
}
.list--widget,
.subscribe--widget {
background-color: #f8f8f8;
}
.list--widget-nav {
padding: 20px 20px 15px;
color: #999;
}
.list--widget-nav > .nav > li {
border: 1px solid #eee;
vertical-align: middle;
-webkit-transition: border-color 0.25s, background-color 0.25s ease-in-out;
transition: border-color 0.25s, background-color 0.25s ease-in-out;
}
.list--widget-nav > .nav > li + li {
border-left-width: 0;
}
.list--widget-nav > .nav > li.active {
background-color: #881C82;
border-color: #881C82;
}
.list--widget-nav .nav > li > a {
padding: 5px;
line-height: 18px;
}
.list--widget-nav ul.nav > li.active > a {
color: #fff;
}
.list--widget .post--items > .nav {
padding-top: 20px;
padding-bottom: 20px;
}
.list--widget-nav + .post--items > .nav {
border-top: 1px solid #eee;
}
.header--style-5 .header--menu-links > .megamenu > .dropdown-menu > .dropdown > .dropdown-menu > li > a,
.header--style-5 .header--menu-links > .megamenu > .dropdown-menu > .dropdown > a,
.list--widget .post--items > .nav > li {
padding-left: 20px;
padding-right: 20px;
}
.list--widget .preloader {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.list--widget-2 .post--item.post--layout-3 .post--img .thumb,
.list--widget-2 .post--item.post--layout-4 .post--img .thumb {
max-width: 70px;
border: 2px solid #ccc;
border-radius: 50%;
overflow: hidden;
}
.list--widget-2 .post--info .title .h4:before {
content: "\f10d";
margin-left: 1px;
margin-right: 9px;
color: #999;
font-family: "FontAwesome";
}
.list--widget-2 .post--info .meta > li:first-child {
color: #555;
}
.poll--widget {
position: relative;
background-color: #f8f8f8;
}
.poll--widget .title {
padding: 12px 20px 13px;
border-bottom: 1px solid #eee;
}
.poll--widget .title .h4 {
margin: 0;
color: #222;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.poll--widget .options {
padding: 14px 20px 20px;
}
.header--style-5 .header--menu-links > .megamenu > .dropdown-menu > li > .row,
.poll--widget .checkbox,
.poll--widget .radio {
margin: 0;
}
.poll--widget .checkbox + .checkbox,
.poll--widget .radio + .radio {
margin-top: 18px;
}
.poll--widget .checkbox:after,
.poll--widget .checkbox:before,
.poll--widget .radio:after,
.poll--widget .radio:before {
content: " ";
display: table;
}
.poll--widget .checkbox:after,
.poll--widget .radio:after {
clear: both;
}
.poll--widget .checkbox label,
.poll--widget .checkbox p,
.poll--widget .radio label,
.poll--widget .radio p {
float: left;
width: 50%;
}
.poll--widget .checkbox label,
.poll--widget .radio label {
display: block;
position: relative;
padding-left: 22px;
padding-right: 5px;
}
.poll--widget .checkbox label span:before,
.poll--widget .radio label span:before {
content: " ";
position: absolute;
top: 50%;
left: 0;
margin-top: -6px;
width: 12px;
height: 12px;
padding: 0 0 1px 1px;
color: #222;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 2px;
font-family: "FontAwesome";
font-size: 9px;
line-height: 9px;
}
.poll--widget .radio label span:before {
border-radius: 50%;
border-width: 4px;
border-color: #eee;
}
.poll--widget .radio label input:checked + span:before {
background-color: #222;
}
.poll--widget .checkbox label input:checked + span:before {
content: "\f00c";
}
.poll--widget .checkbox p,
.poll--widget .radio p {
display: block;
position: relative;
text-align: right;
}
.poll--widget .checkbox p span,
.poll--widget .checkbox p:before,
.poll--widget .radio p span,
.poll--widget .radio p:before {
content: " ";
position: absolute;
top: 50%;
left: 0;
right: 36px;
height: 12px;
margin-top: -6px;
}
.poll--widget .checkbox p:before,
.poll--widget .radio p:before {
border: 1px solid #ccc;
}
.poll--widget .checkbox p span,
.poll--widget .radio p span {
width: 0%;
background-color: #881C82;
-webkit-transition: width 0.25s ease-in-out;
transition: width 0.25s ease-in-out;
}
.poll--widget .options .btn {
margin-top: 34px;
}
.poll--widget .preloader,
.search--widget li label input {
display: none;
}
.about--widget .action {
margin-top: 16px;
}
.about--widget > .nav,
.tags--widget .nav {
font-size: 0;
line-height: 0;
}
.about--widget .action + .nav {
margin-top: 8px;
padding-top: 11px;
border-top: 1px solid #333;
}
.about--widget > .nav > li + li {
margin-top: 10px;
}
.about--widget > .nav > li > .fa {
min-width: 14px;
margin-right: 8px;
font-size: 14px;
line-height: 24px;
}
.bg--color-2 .about--widget > .nav > li > .fa {
color: #fff;
}
.about--widget > .nav > li > a,
.about--widget > .nav > li > span {
display: inline-block;
padding: 0;
font-size: 14px;
line-height: 24px;
}
.links--widget .nav > li + li {
margin-top: 5px;
}
.links--widget .nav > li > a {
padding: 0 0 1px 12px;
/*border-bottom: 1px dotted #333;*/
}
.links--widget .nav > li > a:before {
position: absolute;
top: 50%;
left: 0;
margin-top: -12px;
font-family: "FontAwesome";
}
.nav--widget {
overflow-y: auto;
max-height: 550px;
color: #999;
background-color: #f8f8f8;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.nav--widget .nav > li + li {
border-top: 1px solid #eee;
}
.nav--widget .nav > li > a {
padding: 10px 5px 10px;
overflow: hidden;
z-index: 0;
}
.nav--widget .nav > li > a span {
display: block;
float: left;
padding-right: 6px;
background-color: #f8f8f8;
}
.nav--widget .nav > li > a span + span {
float: right;
padding-right: 0;
padding-left: 8px;
}
.nav--widget .nav > li > a span + span:before {
content: " ";
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
border-bottom: 2px dotted;
z-index: -1;
}
.tags--widget {
padding: 20px 20px 10px;
background-color: #f8f8f8;
}
.tags--widget .nav {
color: #999;
text-transform: uppercase;
}
.tags--widget .nav > li {
display: inline-block;
}
.tags--widget .nav > li > a {
margin-right: 10px;
margin-bottom: 10px;
padding: 0 10px;
border: 1px solid;
font-size: 12px;
line-height: 22px;
}
.tags--widget .nav > li > a:hover {
color: #fff;
background-color: #881C82;
border-color: #881C82;
}
.header--menu-links > .megamenu > .dropdown-menu:after,
.header--menu-links > .megamenu > .dropdown-menu:before,
.news--ticker:after,
.news--ticker:before,
.tags--widget .nav > li > a:after,
.tags--widget .nav > li > a:before {
content: " ";
display: table;
}
.header--menu-links > .megamenu > .dropdown-menu:after,
.news--ticker:after,
.tags--widget .nav > li > a:after {
clear: both;
}
.tags--widget .nav > li > a > span {
float: right;
display: block;
position: relative;
margin: -1px -11px -1px 7px;
padding: 1px 8px;
color: #fff;
background-color: #881C82;
z-index: 0;
}
.tags--widget .nav > li > a > span:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.08;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
z-index: -1;
}
.tags--widget.style--2 .nav > li > a {
padding: 1px 11px;
color: #fff;
border-width: 0;
}
.tags--widget.style--2 .nav > li > a:focus,
.tags--widget.style--2 .nav > li > a:hover {
background-color: #222;
}
.tags--widget.style--4 .nav {
margin-left: -10px;
margin-right: -10px;
}
.tags--widget.style--4 ul.nav > li > a {
margin-left: 10px;
margin-right: 10px;
padding: 0;
background-color: transparent;
border-width: 0;
font-size: 14px;
line-height: 18px;
}
.tags--widget.style--4 .nav > li > a:hover {
color: #881C82;
}
.widget > .search--widget {
padding: 30px 20px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
}
.search--widget .form-control {
border-color: #eee;
}
.search--widget .input-group {
padding: 2px;
z-index: 1;
}
.search--widget .input-group .form-control {
border-width: 0;
}
.search--widget .input-group-btn {
position: static;
padding-right: 1px;
color: #999;
font-size: 14px;
line-height: 24px;
}
.search--widget .input-group-btn:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #eee;
-webkit-transition: border-color 0.25s;
transition: border-color 0.25s;
z-index: -1;
}
.search--widget .input-group-btn button {
padding: 4px 27px;
}
.search--widget .form-control + .btn {
margin-top: 20px;
padding: 5px 20px;
}
.search--widget button.dropdown-toggle {
margin: -1px 0 -1px -1px;
padding: 7px 12px;
border-width: 0;
background-color: #eee;
}
.search--widget .input-group-btn:first-child > .btn {
margin-left: -1px;
margin-right: 0;
}
.megamenu--posts > ul > li > .img a.cat:hover:before,
.search--widget button.dropdown-toggle:hover {
background-color: #881C82;
}
.search--widget .dropdown-menu {
padding: 0 0 2px;
}
.search--widget li label {
display: block;
padding: 3px 13px;
margin-bottom: 0;
font-weight: 600;
cursor: pointer;
}
.search--widget li label span {
display: block;
-webkit-transition: color 0.25s;
transition: color 0.25s;
}
.search--widget li label input:checked + span,
.search--widget li label span:hover {
color: #881C82;
}
.cart--widget {
padding: 20px 0;
color: #999;
background-color: #f8f8f8;
}
.cart--widget li {
padding-left: 20px;
padding-right: 35px;
}
.cart--widget li + li {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #eee;
}
.cart--widget .img {
float: left;
max-width: 80px;
margin-right: 10px;
}
.cart--widget .img a,
.megamenu--posts > ul > li > .img a {
display: block;
position: relative;
z-index: 0;
}
.cart--widget .img a:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-linear-gradient(top, #fff 0%, #000 100%);
background: linear-gradient(to bottom, #fff 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
opacity: 0.35;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
z-index: 1;
}
.cart--widget .img a:hover:before {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.cart--widget .info .h4 {
margin: -8px 0 0;
color: #222;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.cart--widget .info .h4 a {
display: inline;
}
.cart--widget .info {
overflow: hidden;
}
.cart--widget .info p {
margin-top: 3px;
}
.cart--widget .remove {
position: absolute;
top: 50%;
right: 20px;
margin-top: -12px;
padding: 0;
}
.cart--widget li + li .remove {
margin-top: -2px;
}
.cart--widget .footer {
margin-top: 20px;
padding: 20px 20px 0;
}
.cart--widget .footer .amount {
margin-top: -3px;
}
.cart--widget .footer .amount p {
float: left;
margin-bottom: 18px;
color: #222;
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.cart--widget .footer .amount p + p {
float: right;
color: #881C82;
font-size: 26px;
font-weight: 700;
}
.cart--widget .footer,
.cart--widget .footer .actions,
.megamenu--filter .nav > li + li {
border-top: 1px solid #eee;
}
.cart--widget .footer .actions .btn {
margin-top: 20px;
}
.cart--widget .footer .actions .btn-primary {
float: right;
}
.twitter--widget {
border: 1px solid #f8f8f8;
font-size: 0;
line-height: 0;
}
.flicker--widget {
padding: 15px;
}
div#flickr_badge_wrapper {
width: 100%;
}
.flicker--widget img {
width: 72px;
height: 72px;
}
.flicker--widget a[href="https://www.flickr.com/"]
{
display: block;
padding: 0 5px;
text-align: center;
}
.flicker--widget,
.profile--widget {
background-color: #f8f8f8;
}
.profile--widget .img img {
border-radius: 50%;
}
.profile--widget .social {
margin-bottom: 0;
}
.header--topbar {
padding: 13px 0 6px;
color: #999;
font-size: 0;
line-height: 0;
}
.header--topbar-action,
.header--topbar.bg--color-1 {
color: #fff;
}
.header--style-6 .header--topbar {
border-bottom: 1px solid #e9e9e9;
}
.header--topbar .nav {
display: inline-block;
margin: 0 -10px 7px 15px;
padding-left: 5px;
border-left: 1px solid #555;
font-size: 14px;
line-height: 24px;
}
.header--topbar.bg--color-1 .nav {
border-color: rgba(255, 255, 255, 0.75);
}
.header--style-6 .header--topbar .nav {
border-color: #ddd;
}
.header--topbar .nav:first-child {
margin-left: -10px;
padding-left: 0;
border-left-width: 0;
}
.header--topbar .nav > li {
float: left;
margin: 0 10px;
}
.header--topbar .nav > li > a {
padding: 0;
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.header--topbar ul.nav > li.open > a,
.header--topbar ul.nav > li > a:hover {
color: inherit;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.header--topbar .dropdown-menu {
min-width: 105px;
margin-top: 13px;
margin-left: -15px;
left: 0;
}
.checkout--billing-info .panel-group .panel-title label.collapsed,
.header--topbar.bg--color-1 .dropdown-menu {
color: #999;
}
.header--topbar .dropdown-menu > li > a {
padding: 5px 15px;
}
.header--style-6 .header--topbar-action {
color: inherit;
}
.header--mainbar {
height: 120px;
padding: 10px 0;
}
.header--style-7 .header--mainbar,
.header--style-8 .header--mainbar {
border-bottom: 1px solid #eee;
}
.header--logo {
font-size: 0;
line-height: 0;
}
.header--logo .h1 {
display: inline-block;
margin: 0;
color: #1d1d1d;
font-weight: 700;
}
.header--logo a {
display: table-cell;
height: 90px;
vertical-align: middle;
}
.header--style-2 .header--logo a,
.header--style-8 .header--logo a {
height: auto;
}
.header--navbar {
margin-bottom: 0;
border-style: solid;
border-width: 2px 0 0;
border-radius: 0;
-webkit-transition: box-shadow 0.25s ease-in-out;
transition: box-shadow 0.25s ease-in-out;
}
.header--style-6 .header--navbar {
border-top-width: 0;
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
}
.header--style-7 .header--navbar,
.header--style-8 .header--navbar {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header--navbar,
.header--style-7 .is-sticky .header--navbar,
.header--style-8 .is-sticky .header--navbar {
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
}
.header--navbar .container {
position: relative;
}
.header--navbar-inner {
padding: 0 15px;
}
.header--style-5 .header--menu-links > li,
.header--style-5 .navbar-header {
float: none;
}
.header--navbar .navbar-toggle {
margin: 12px 0 13px;
background-color: #222;
border-color: #222;
border-radius: 0;
-webkit-transition: border-color 0.55s, background-color 0.55s ease-in-out;
transition: border-color 0.55s, background-color 0.55s ease-in-out;
}
.header--style-5 .navbar-toggle {
display: block;
position: absolute;
top: 0;
left: 15px;
margin-top: 28px;
margin-bottom: 28px;
}
.header--navbar .navbar-toggle.collapsed {
background-color: transparent;
border-color: #222;
}
.header--style-6 .navbar-toggle.collapsed {
border-color: inherit;
}
.header--navbar.bg--color-1 .navbar-toggle.collapsed {
border-color: #fff;
}
.header--navbar .navbar-toggle .icon-bar {
background-color: #fff;
border-radius: 0;
}
.header--navbar .navbar-toggle.collapsed .icon-bar,
.posts--filter-bar.style--3 .nav > li > a:hover > i {
background-color: #222;
}
.bg--color-1 .page--title.lined .h2:before,
.header--navbar.bg--color-1 .navbar-toggle.collapsed .icon-bar,
.header--style-6 .navbar-toggle.collapsed .icon-bar {
background-color: #fff;
}
.header--menu-links > .megamenu > .dropdown-menu > .dropdown > .dropdown-menu > li > a,
.header--navbar .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.header--style-5 .navbar-collapse {
display: block !important;
position: fixed;
top: 0;
left: -300px;
bottom: 0;
width: 250px;
height: auto !important;
margin: 0;
color: #777;
background-color: #fff;
border-width: 0;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
overflow: visible !important;
-webkit-transition: left 0.55s ease-in-out;
transition: left 0.55s ease-in-out;
z-index: 999;
}
.header--style-5 .navbar-collapse:before {
content: "\f00d";
position: absolute;
top: 0;
right: -40px;
width: 40px;
color: #fff;
background-color: #881C82;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
font-family: "FontAwesome";
font-size: 16px;
line-height: 40px;
text-align: center;
cursor: pointer;
z-index: 9999;
}
.header--style-5 .navbar-collapse.in {
left: 0;
}
.header--menu-links {
font-size: 14px;
line-height: 26px;
}
.header--menu-links > li > a {
padding: 18px 15px 19px;
border-bottom: 2px solid transparent;
}
.header--style-4 .header--menu-links > li > a {
padding-top: 34px;
padding-bottom: 34px;
}
.header--menu-links > li.active > a,
.header--menu-links > li.open > a,
.header--menu-links > li.open > a:focus,
.header--menu-links > li.open > a:hover,
.header--menu-links > li > a:hover {
border-bottom-color: #881C82;
}
.bg--color-1 .header--menu-links > li.active > a,
.bg--color-1 .header--menu-links > li.open > a,
.bg--color-1 .header--menu-links > li.open > a:focus,
.bg--color-1 .header--menu-links > li.open > a:hover,
.bg--color-1 .header--menu-links > li > a:hover {
border-bottom-color: inherit;
}
ul.header--menu-links.nav > li.active > a,
ul.header--menu-links.nav > li.active > a:hover,
ul.header--menu-links.nav > li.open > a,
ul.header--menu-links.nav > li.open > a:focus,
ul.header--menu-links.nav > li.open > a:hover,
ul.header--menu-links.nav > li > a:hover {
color: inherit;
}
.header--menu-links > .dropdown > .dropdown-menu {
color: #555;
font-size: 16px;
line-height: 26px;
}
.header--style-5 .header--menu-links {
float: none;
height: 100%;
margin: 0;
padding-bottom: 5px;
overflow: auto;
}
.header--style-5 .header--menu-links > li > a {
padding-top: 12px;
padding-bottom: 10px;
}
.header--style-5 .header--menu-links > .dropdown > .dropdown-menu {
float: none;
position: relative !important;
border-bottom-width: 0;
box-shadow: none;
}
.header--style-5 .header--menu-links > .megamenu > .dropdown-menu {
left: 0;
right: 0;
padding: 0;
border-bottom-width: 1px;
}
.header--style-5 .header--menu-links > .megamenu.filter > .dropdown-menu,
.header--style-5 .header--menu-links > .megamenu.posts > .dropdown-menu {
border-bottom-width: 0;
}
.header--style-5 .header--menu-links > .megamenu.filter > .dropdown-menu,
.header--style-5 .header--menu-links > .megamenu.filter > .dropdown-toggle > i,
.header--style-5 .header--menu-links > .megamenu.posts > .dropdown-menu,
.header--style-5 .header--menu-links > .megamenu.posts > .dropdown-toggle > i {
display: none;
}
.header--style-5 .header--menu-links > .megamenu > .dropdown-menu > .dropdown {
float: none;
margin: 0;
width: 100%;
}
.header--style-5 .dropdown-menu > .dropdown > .dropdown-menu {
float: none;
position: relative;
top: 1px;
left: 0;
width: 100%;
border-bottom-width: 1px;
box-shadow: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header--style-5 .dropdown-menu > .dropdown > .dropdown-menu > li > a {
padding-left: 30px;
padding-right: 30px;
}
.header--menu-links > .megamenu {
position: static;
}
.header--menu-links > .megamenu > .dropdown-menu {
position: absolute !important;
left: 15px;
right: 15px;
padding: 3px 10px 5px;
font-size: 0;
line-height: 0;
}
.header--menu-links > .megamenu > .dropdown-menu > .dropdown {
float: left;
margin: 0 10px;
}
.header--menu-links > .megamenu > .dropdown-menu > .dropdown + li {
border-top-width: 0;
}
.header--menu-links > .megamenu > .dropdown-menu > .dropdown > a {
padding-left: 0;
padding-right: 0;
color: #222;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.header--menu-links > .megamenu > .dropdown-menu > .dropdown > .dropdown-menu {
display: block;
float: none;
position: relative;
left: 0;
right: 0;
padding: 0;
border-bottom-width: 0;
box-shadow: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.megamenu--filter,
.megamenu--pagination a {
margin: 2px -10px 0;
font-size: 16px;
line-height: 26px;
}
.megamenu--filter .nav > li > a {
padding: 7px 20px 8px;
}
.megamenu--filter .nav > li > a > .fa {
margin-left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.25s, margin 0.25s ease-in-out;
transition: opacity 0.25s, margin 0.25s ease-in-out;
}
.megamenu--filter .nav > li.active > a > .fa,
.megamenu--filter .nav > li > a:hover > .fa {
margin-left: 5px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.megamenu--posts {
margin: 17px 3px 20px;
}
.megamenu--posts > ul {
margin: 0;
padding: 0;
list-style: none;
}
.megamenu--posts > ul > li {
padding-left: 7.5px;
padding-right: 7.5px;
}
.megamenu--posts,
.megamenu--posts > ul > li > .img {
position: relative;
z-index: 0;
}
.megamenu--posts > ul > li > .img a.thumb:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #000 100%);
background: linear-gradient(to bottom, #fff 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
opacity: 0.35;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
z-index: 1;
}
.megamenu--posts > ul > li > .img a.cat {
display: inline-block;
position: absolute;
top: 15px;
left: 15px;
padding: 0 10px;
color: #fff;
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
z-index: 0;
}
.megamenu--posts > ul > li > .img a.cat:before,
.megamenu--posts > ul > li > .img a.icon:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-webkit-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
z-index: -1;
}
.megamenu--posts > ul > li > .img a.icon {
display: inline-block;
position: absolute;
top: 15px;
right: 15px;
width: 36px;
padding-bottom: 2px;
color: #fff;
font-size: 16px;
line-height: 34px;
text-align: center;
z-index: 0;
}
.megamenu--posts > ul > li > .img a.icon:before {
background-color: #881C82;
}
.megamenu--posts > ul > li > .img a.icon:hover:before {
background-color: #000;
}
.megamenu--posts > ul > li > .title {
display: block;
margin: -5px 0 -7px;
color: #222;
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
.megamenu--posts > ul > li:hover > .title {
color: #881C82;
}
.megamenu--posts > ul > li > .img + .title {
margin-top: 10px;
}
.megamenu--posts .preloader {
display: none;
bottom: -5px;
z-index: 1;
}
.megamenu--posts .preloader:before,
.post--item.post--layout-1 .post--img:hover .thumb:before {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.megamenu--pagination {
margin-top: 44px;
margin-bottom: 8px;
color: #999;
text-align: center;
}
.megamenu--pagination a {
margin: 0 5px;
}
.megamenu--pagination .tooltip-inner {
padding: 5px 7px 4px;
background-color: #222;
border-radius: 0;
}
.megamenu--pagination .tooltip-arrow {
border-top-color: #222;
}
.header--search-form {
    display: flex !important;  /* Make it always visible */
    opacity: 1 !important;     /* Ensure it’s not hidden */
    pointer-events: auto !important; /* Ensure clickable */
position: relative;
min-width: 32px;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
text-align: right;
z-index: 1;
}
.header--style-4 .header--search-form {
margin-top: 16px;
margin-bottom: 16px;
}
.header--style-5 .header--search-form {
position: absolute;
top: 0;
right: 15px;
margin-top: 16px;
margin-bottom: 16px;
}
.header--search-form .form-control {
display: block;
position: absolute;
top: -4px;
right: 0;
width: 0;
background-color: #f0f0f0;
border: 0;
border-radius: 5px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition-property: width, opacity, visibility;
transition-property: width, opacity, visibility;
-webkit-transition-duration: 0.55s;
transition-duration: 0.55s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
z-index: 0;
}
.header--search-form.active .form-control {
width: 150px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.header--search-form .btn {
position: relative;
padding: 0px 0;
background-color: transparent;
font-size: 16px;
line-height: 26px;
-webkit-transition: color 0.35s, padding 0.35s ease-in-out;
transition: color 0.35s, padding 0.35s ease-in-out;
outline: 0;
z-index: 1;
}
.header--search-form .btn:focus,
.header--search-form .btn:hover {
color: inherit;
}
.header--search-form.active .btn {
padding-right: 15px;
color: #999;
box-shadow: none;
outline: 0;
}
.header--search-form.active .btn:focus,
.header--search-form.active .btn:hover {
color: #999;
}
.banner--content .title .h2 {
margin-top: 20px;
margin-bottom: 20px;
}
.banner--content .sub-title {
font-size: 20px;
line-height: 30px;
font-weight: 600;
}
.banner--section .buttons {
font-size: 0;
line-height: 0;
}
.banner--section .buttons .btn {
min-width: 150px;
margin: 15px 10px 0;
}
.feature--item .icon {
width: 50px;
margin-right: 20px;
color: #fff;
background-color: #881C82;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
font-size: 24px;
line-height: 50px;
text-align: center;
}
.feature--item .info {
overflow: hidden;
}
.feature--item .title .h3 {
margin: 11px 0 0;
color: #222;
font-weight: 600;
}
.feature--item .content {
margin-top: 7px;
font-size: 16px;
line-height: 26px;
}
.feature--content .title {
margin-bottom: 17px;
color: #222;
}
.feature--content .title .h3 {
margin: 0;
}
.posts--filter-bar .nav {
margin-top: 5px;
color: #999;
font-size: 0;
line-height: 0;
text-align: center;
}
.posts--filter-bar .nav > li {
display: inline-block;
margin-top: 15px;
}
.posts--filter-bar .nav > li > a {
position: relative;
padding: 0 20px 7px;
border-bottom: 1px solid #f0f0f0;
font-size: 18px;
line-height: 28px;
font-weight: 600;
z-index: 0;
}
.posts--filter-bar .nav > li > a > i {
display: block;
margin-bottom: 4px;
-webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
}
.posts--filter-bar .nav > li > a:before {
content: " ";
position: absolute;
top: 3px;
left: 0;
right: 0;
bottom: 0;
border-style: solid;
border-width: 0 1px 0 0;
border-color: #f0f0f0;
}
.posts--filter-bar .nav > li:first-child > a {
padding-left: 0;
}
.posts--filter-bar .nav > li:last-child > a {
padding-right: 0;
}
.posts--filter-bar .nav > li:last-child > a:before {
border-right-width: 0;
}
.posts--filter-bar.style--2 .nav > li > a {
padding: 13px 20px 7px;
}
.posts--filter-bar.style--2 .nav > li > a:before,
.posts--filter-bar.style--5 .nav > li > a:before {
border-width: 1px 1px 0;
}
.posts--filter-bar.style--2 .nav > li + li > a:before {
border-left-width: 0;
}
.posts--filter-bar.style--3 .nav > li > a > i {
width: 35px;
margin-left: auto;
margin-right: auto;
color: #fff;
background-color: #881C82;
line-height: 35px;
}
.posts--filter-bar.style--4 .nav > li > a > i {
width: 35px;
margin-left: auto;
margin-right: auto;
border: 1px solid #ddd;
line-height: 33px;
}
.posts--filter-bar.style--4 .nav > li > a:hover > i {
color: #fff;
background-color: #881C82;
border-color: #881C82;
}
.posts--filter-bar.style--5 .nav > li > a {
padding: 13px 20px 7px;
font-size: 0;
line-height: 0;
}
.posts--filter-bar.style--5 .nav > li + li > a {
margin-left: -1px;
}
.posts--filter-bar.style--5 .nav > li > a > i,
.posts--filter-bar.style--5 .nav > li > a > span {
font-size: 18px;
line-height: 28px;
}
.posts--filter-bar.style--5 .nav > li > a > i {
display: inline-block;
margin-right: 8px;
margin-bottom: 0;
}
.news--ticker {
margin-top: 30px;
margin-bottom:20px;
}
.news--ticker .title {
float: left;
padding: 11px 30px 13px;
color: #fff;
background-color: #881C82;
}
.news--ticker .title h2 {
display: inline-block;
margin: 0 10px 0 0;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.news--ticker .title span {
color: #ccc;
font-size: 14px;
line-height: 24px;
}
.news-updates--list {
direction: ltr;
position: relative;
max-height: 50px;
padding: 0 12px;
color: #999;
background-color: #fafafa;
overflow: hidden;
z-index: 0;
}
.news-updates--list:after,
.news-updates--list:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 12px;
background-color: #fafafa;
z-index: 1;
}
.news-updates--list:after {
left: auto;
right: 0;
}
.news--ticker .title,
.news-updates--list .nav {
font-size: 0;
line-height: 0;
}
.news-updates--list .nav li {
display: inline-block;
}
.news-updates--list .nav li + li {
margin-left: 30px;
}
.news-updates--list .nav li .h3 {
margin: 0;
font-size: inherit;
line-height: inherit;
}
.news-updates--list .nav li .h3 a {
display: block;
padding: 13px 0;
}
.main--breadcrumb {
margin-top: 23px;
}
.main--breadcrumb .breadcrumb {
padding: 0;
color: #555;
background-color: transparent;
border-radius: 0;
font-size: 0;
line-height: 0;
}
.main--breadcrumb .breadcrumb .active,
.page--title .h2 span {
color: #881C82;
}
.main--breadcrumb .breadcrumb li:before {
padding: 0 3px 0 4px;
font-size: 14px;
line-height: 24px;
}
.main--breadcrumb .breadcrumb li a,
.main--breadcrumb .breadcrumb li span,
.news-updates--list .nav li,
.product--item .rating .nav li i,
.product--summery .rating .nav > li > i {
font-size: 14px;
line-height: 24px;
}
.page--title .h2 {
margin-top: -9px;
margin-bottom: 0;
color: #222;
font-weight: 600;
}
.bg--color-1 .page--title .h2,
.bg--color-2 .page--title .h2 {
color: #fff;
}
.page--title p {
margin-top: 15px;
margin-bottom: -5px;
}
.page--title .action {
margin-top: 26px;
}
.page--title.lined .h2 {
padding-bottom: 11px;
}
.page--title.lined .h2:before {
content: " ";
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-width: 60px;
height: 2px;
margin: 0 auto;
background-color: #881C82;
}
.post--items-title {
padding: 2px 57px 13px 0;
border-top: 2px solid #881C82;
}
.post--items-title .h4 {
position: relative;
margin: 0;
color: #881C82;
font-size: 16px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
z-index: 0;
}
.post--items-title .icon,
.post--items-title .nav {
position: absolute;
top: 50%;
right: 0;
margin-top: -15px;
color: #999;
font-size: 0;
line-height: 0;
}
.post--items-title .nav a {
padding: 0;
font-size: 16px;
line-height: 26px;
}
.post--items-title .icon {
margin-top: -14px;
font-size: 16px;
line-height: 26px;
}
.page--title.lined .h2,
.post--item,
.post--items,
.post--items-title {
position: relative;
z-index: 0;
}
.post--items.post--items-1 {
margin-top: -15px;
}
.main--breadcrumb + .post--items.post--items-1 {
margin-top: 0;
padding-top: 10px;
}
.comment--content:after,
.comment--content:before,
.post--content:after,
.post--content:before,
.post--item.post--layout-3:after,
.post--item.post--layout-3:before,
.post--item.post--layout-4:after,
.post--item.post--layout-4:before {
content: " ";
display: table;
}
.comment--content:after,
.post--content:after,
.post--item.post--layout-3:after,
.post--item.post--layout-4:after {
clear: both;
}
.post--items.post--items-3 > .nav > li + li,
.post--items.post--items-4 > .nav > li > .nav > li + li {
margin-top: 0px;
padding-top: 15px;
border-top: 1px solid #eee;
}
.post--items.post--items-5 > .nav > li + li {
border-top: 1px solid #fff;
}
.post--items.post--items-1 .post--item {
margin-top: 15px;
}
.post--items hr.divider {
margin: 15px 0;
}
.post--items hr.divider--25 {
margin: 25px 0;
}
.post--items .preloader {
display: none;
}
.post--img {
position: relative;
}
.post--single .post--info + .post--img {
margin-top: 21px;
}
.post--img .thumb {
position: relative;
z-index: 0;
}
.post--item.post--layout-3 .post--img .thumb {
float: left;
max-width: 100px;
/*margin-right: 20px;*/
}
.post--item.post--layout-4 .post--img .thumb {
float: left;
margin-right: 20px;
max-width: 150px;
}
.post--img a,
.post--item.post--layout-1.post--title-largest .post--img span.thumb {
display: block;
}
.post--item.post--layout-1 .post--img .thumb:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
opacity: 0.35;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
z-index: 1;
}
.post--item.post--type-audio .thumb:after,
.post--item.post--type-video .thumb:after {
content: "\f04b";
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -25px;
padding: 3px 19px 3px 20px;
color: #fff;
background-color: #000;
border-radius: 10px;
font-family: "FontAwesome";
text-align: center;
-webkit-transition: color 0.25s, background-color 0.25s ease-in-out;
transition: color 0.25s, background-color 0.25s ease-in-out;
z-index: 1;
}
.post--item.post--type-audio .thumb:after {
margin-left: -17.5px;
padding: 3px 9px 4px 11px;
border-radius: 50%;
background-color: transparent;
border: 2px solid #000;
}
.post--item.post--type-video:hover .thumb:after {
background-color: #c21418;
}
.post--item.post--type-audio:hover .thumb:after {
border-color: #c21418;
}
.post--item.post--type-video.post--layout-3 .thumb:after {
margin-top: -10px;
margin-left: -15px;
padding: 6px 11px 6px 13px;
font-size: 8px;
line-height: 8px;
}
.post--item.post--type-audio.post--layout-3 .thumb:after {
margin-top: -10px;
font-size: 8px;
line-height: 8px;
}
.post--item.post--type-video.post--layout-4 .thumb:after {
margin-top: -10px;
margin-left: -15px;
padding: 6px 11px 6px 13px;
font-size: 8px;
line-height: 8px;
}
.post--item.post--type-audio.post--layout-4 .thumb:after {
margin-top: -10px;
font-size: 8px;
line-height: 8px;
}
.post--item.post--type-audio.post--layout-3 .thumb:after,
.post--item.post--type-audio.post--layout-4 .thumb:after {
margin-left: -10.5px;
padding: 4px 5px 5px 6px;
border-radius: 50%;
}
.post--img .thumb img {
/*width: 100%;*/
border: 2px solid #ccc;
}
.post--img a.cat {
position: absolute;
top: 15px;
left: 15px;
padding: 0 10px;
color: #fff;
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
z-index: 1;
}
.post--img a.cat:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-webkit-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
z-index: -1;
}
.post--img .icon:focus,
.post--img .icon:hover,
.post--img a.cat:focus,
.post--img a.cat:hover {
color: #fff;
}
.post--img .icon:before,
.post--img a.cat:hover:before {
background-color: #881C82;
}
.post--img .icon {
position: absolute;
top: 15px;
right: 15px;
width: 36px;
color: #fff;
font-size: 16px;
line-height: 36px;
text-align: center;
z-index: 1;
}
.post--img .icon:before {
content: " ";
-webkit-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
z-index: -1;
}
.post--img .icon:hover:before,
.product--item .img .actions .nav > li > a:hover {
background-color: #000;
}
.post--map {
color: #fff;
}
.post--img .icon:before,
.post--item.post--layout-1 .post--map {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.post--map .btn-link {
display: inline-block;
position: absolute;
left: 15px;
right: 15px;
bottom: 10px;
margin-bottom: 0;
font-size: 12px;
line-height: 22px;
z-index: 1;
}
.post--map .btn-link i {
margin-right: 15px;
}
.post--map .map--wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: opacity, visibility, -webkit-transform;
transition-property: opacity, visibility, transform;
transition-property: opacity, visibility, transform, -webkit-transform;
-webkit-transition-duration: 0.25s, 0.25s, 0.55s;
transition-duration: 0.25s, 0.25s, 0.55s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
z-index: 2;
}
.post--map .btn-link.active + .map--wrapper {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
.post--map .map--wrapper > div {
position: absolute;
top: 30px;
left: 30px;
right: 30px;
bottom: 30px;
background-color: #f8f8f8;
}
.post--cats .nav,
.post--tags .nav {
margin: 18px -5px 11px;
color: #999;
font-size: 0;
line-height: 0;
}
.post--cats .nav {
margin-top: -12px;
}
.post--img + .post--cats .nav {
margin-top: 18px;
}
.post--tags .nav {
margin-top: 8px;
}
.post--cats .nav li,
.post--tags .nav li {
display: inline-block;
margin: 10px 5px 0;
vertical-align: middle;
}
.post--cats .nav li span,
.post--tags .nav li span {
color: #777;
font-size: 16px;
line-height: 26px;
}
.post--cats .nav li a,
.post--tags .nav li a {
padding: 0 9px;
border: 1px solid #999;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
}
.post--cats .nav li a:hover,
.post--tags .nav li a:hover {
color: #fff;
background-color: #881C82;
border-color: #881C82;
}
.post--item.post--layout-1 .post--info {
position: absolute;
left: 15px;
right: 15px;
bottom: 15px;
color: #fff;
z-index: 1;
}
.post--item.post--layout-1 .post--info-vc {
top: 15px;
}
.post--item.post--layout-1 .post--map + .post--info {
bottom: 41px;
}
.post--item.post--layout-2 .post--info {
margin-top: 7px;
}
.post--info .meta {
margin: 0 -7.5px;
color: #999;
font-size: 0;
line-height: 0;
}
.post--item.post--layout-1 .post--info .meta {
color: inherit;
}
.post--item.post--layout-3 .post--info,
.post--item.post--layout-4 .post--info {
overflow: hidden;
}
.post--info .meta > li {
display: inline-block;
margin: 0 7.5px;
}
.post--item .row .post--info .meta,
.post--item.post--layout-3 .post--info .meta,
.post--item.post--layout-4 .post--info .meta {
margin-top: -7px;
}
.list--widget-2 .post--item.post--layout-3 .post--info .meta,
.list--widget-2 .post--item.post--layout-4 .post--info .meta {
margin-top: 0;
}
.post--info .meta > li > a,
.post--info .meta > li > span {
padding: 5px 0px;
font-size: 14px;
line-height: 24px;
}
.post--items.post--items-2 .post--item.post--layout-2 .post--info .title {
margin-bottom: -4px;
}
.post--single .post--info .title {
margin-top: 4px;
}
.post--info .title .h4 {
display: -webkit-box;           /* Needed for line clamping */
-webkit-line-clamp: 1;          /* Show only 1 lines */
-webkit-box-orient: vertical;   /* Required for vertical clamping */
overflow: hidden;               /* Hide overflow */
text-overflow: ellipsis;  
margin: 0;
color: #222;
font-size: 14px;
line-height: 24px;
font-weight: 600;
}
.post--item.post--layout-1 .post--info .title .h4 {
margin-bottom: -3px;
color: inherit;
font-size: 14px;
line-height: 20px;
}
.post--items.post--items-1 .post--item .post--info .title .h4 {
font-weight: 600;
}
.post--item.post--title-large .post--info .title .h4 {
font-size: 16px;
line-height: 26px;
}
.post--item.post--title-larger .post--info .title .h4 {
font-size: 14px;
line-height: 26px;
/*padding: 7px 0px;*/
}
.post--item.post--title-largest .post--info .title .h4 {
font-size: 36px;
line-height: 46px;
}
.post--item.post--layout-2 .post--info .title .h4 {
margin-top: 1px;
font-weight: 600;
}
.post--single .post--info .title .h4 {
font-size: 24px;
line-height: 34px;
font-weight: 600;
}
.post--item .post--info .title .h4 a {
display: inline;
}
/*.post--item .post--content {*/
/*margin-top: 8px;*/
/*}*/
.post--single .post--content {
margin-top: 14px;
text-align:justify;
}
.post--single .post--img + .post--content {
margin-top: 23px;
}
.comment--content p,
.comment--content ul,
.post--single .post--content p,
.post--single .post--content ul {
margin-bottom: 10px;
}
.comment--content blockquote,
.post--content blockquote {
position: relative;
margin-left: 30px;
margin-right: 30px;
padding-left: 34px;
padding-right: 34px;
color: #999;
font-style: italic;
border-left-width: 0;
}
.comment--content blockquote:before,
.post--content blockquote:before,
.post--nav:before {
content: " ";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 4px;
background-color: #f2f3f5;
}
.comment--content blockquote footer,
.post--content blockquote footer {
position: relative;
padding-bottom: 6px;
color: #222;
font-style: normal;
font-size: 16px;
line-height: 26px;
}
.comment--content blockquote footer:before,
.post--content blockquote footer:before {
content: " ";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
background-color: #f2f3f5;
}
.post--content .list {
padding-left: 0;
font-size: 16px;
line-height: 26px;
list-style: none;
}
.post--content .list li:before {
content: "\f105";
margin-right: 8px;
font-family: "FontAwesome";
}
.post--content .list li + li {
margin-top: 5px;
}
.checkout--billing-info .table tbody tr td + td,
.checkout--billing-info .table tbody tr th + th,
.post--content .img-caption,
.post--nav > .nav > li + li {
text-align: right;
}
.post--item .post--action {
margin-top: 5px;
margin-bottom: -7px;
color: #222;
}
.post--social {
margin-top: 10px;
font-size: 0;
line-height: 0;
}
.post--tags + .post--social {
margin-top: 18px;
}
.post--social .title {
min-width: 17px;
margin-top: 10px;
margin-right: 5px;
color: #777;
font-size: 16px;
line-height: 26px;
}
.post--social .social--widget.style--4,
.post--social .title {
display: inline-block;
vertical-align: middle;
}
.post--social .social--widget.style--4 .nav {
padding: 0;
background-color: transparent;
}
.post--social .social--widget.style--4 .nav > li {
margin: 5px 5px 0;
}
.post--author-info {
position: relative;
min-height: 200px;
margin: 30px 0;
padding: 27px 30px 24px 180px;
border: 1px solid #eee;
}
.post--author-info .img {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
padding: 30px;
color: #222;
background-color: #f2f3f5;
}
.post--author-info .img img {
display: block;
max-width: 90px;
margin: 0 auto;
}
.post--author-info .img .name {
margin-top: 7px;
}
.post--author-info .info {
overflow: hidden;
}
.post--author-info .info .h4 {
margin: 0;
color: #222;
font-weight: 600;
}
.post--author-info .info .content,
.product--details .content p + table {
margin-top: 20px;
}
.post--author-info .info .social {
margin: 9px -8px 0;
color: #999;
}
.post--author-info .info .social > li {
float: left;
}
.post--author-info .info .social > li > a {
padding: 8px 8px 0;
}
.post--nav,
.product--items {
position: relative;
z-index: 0;
}
.post--nav:before {
top: 30px;
right: 0;
bottom: 34px;
width: 2px;
margin: 0 auto;
background-color: #eee;
z-index: -1;
}
.post--nav .post--img .thumb {
display: inline-block;
max-width: 80px;
margin-bottom: 8px;
}
.post--nav .post--img .thumb:after,
.post--nav .post--img .thumb:before {
position: absolute;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
z-index: 1;
}
.post--nav .post--img .thumb:before {
right: 0;
bottom: 0;
background-color: #000;
content: " ";
top: 0;
left: 0;
}
.post--img .icon:before,
.post--nav .post--img .thumb:hover:before {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.post--nav .post--img .thumb:after {
content: "\f177";
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -8px;
color: #fff;
font-family: "FontAwesome";
font-size: 16px;
line-height: 26px;
}
.post--nav .post--img .thumb:hover:after,
.product--item .img:hover .actions,
.product--item .img:hover:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.post--nav > .nav > li + li .post--img .thumb:after {
content: "\f178";
}
.checkout--billing-info .checkbox > label > input,
.checkout--billing-info .panel-group .panel-title label input,
.checkout--info-form .checkbox input,
.login--form .checkbox input,
.product--items .preloader {
display: none;
}
.product--item {
padding: 0 0 9px;
-webkit-transition: box-shadow 0.25s ease-in-out, padding 0.25s ease-in-out;
transition: box-shadow 0.25s ease-in-out, padding 0.25s ease-in-out;
}
.product--item:hover {
padding-left: 15px;
padding-right: 15px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.product--item .img {
position: relative;
margin: 0 0 12px;
-webkit-transition: margin 0.25s ease-in-out;
transition: margin 0.25s ease-in-out;
z-index: 0;
}
.product--item:hover .img {
margin-left: -15px;
margin-right: -15px;
}
.product--img-gallery .nav > li > a:before,
.product--item .img:before {
content: " ";
position: absolute;
top: 0;
left: 0;
background: -webkit-linear-gradient(top, #fff 0%, #000 100%);
background: linear-gradient(to bottom, #fff 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
z-index: 1;
}
.product--item .img:before {
right: 0;
bottom: 0;
background: #fff;
}
.product--item .img .actions {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
z-index: 1;
}
.product--item .img img {
width: 100%;
}
.product--item .img .actions .btn {
margin: 7.5px;
padding-left: 10px;
padding-right: 10px;
}
.product--item .img .actions .btn .fa {
margin-right: 8px;
}
.product--item .img .actions .nav {
font-size: 0;
line-height: 0;
}
.product--item .img .actions .nav > li {
display: inline-block;
margin: 7.5px;
}
.product--item .img .actions .nav > li > a {
min-width: 30px;
padding: 0;
color: #fff;
background-color: #881C82;
font-size: 14px;
line-height: 30px;
}
.product--item .title .h5 {
margin: 0;
color: #222;
font-weight: 700;
}
.product--item .price {
margin-top: 5px;
}
.product--item .price .del {
margin-right: 15px;
color: #999;
}
.product--item .rating {
color: #999;
-webkit-transition: color 0.25s;
transition: color 0.25s;
}
.contact--cats .nav > li > a:hover .title .h5,
.product--item:hover .rating {
color: #881C82;
}
.product--item .rating .nav {
margin: 4px -2px 0;
font-size: 0;
line-height: 0;
}
.product--item .rating .nav li {
display: inline-block;
margin: 0 2px;
}
.product--img-gallery .nav,
.product--img-gallery .nav > li {
margin-top: 15px;
}
.product--img-gallery .nav > li > a {
padding: 0;
}
.product--img-gallery .nav > li > a:before {
width: 100%;
height: 100%;
}
.cart--items .table tbody tr:hover td .img:before,
.product--img-gallery .nav > li.active > a:before {
opacity: 0.35;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}
.product--summery .title .h4 {
margin: -3px 0 0;
color: #222;
font-weight: 600;
}
.product--summery .rating {
margin-top: 21px;
color: #999;
font-size: 0;
line-height: 0;
}
.product--summery .rating .nav {
display: inline-block;
margin-right: 20px;
color: #881C82;
}
.product--summery .rating .nav > li {
display: inline-block;
}
.product--summery .rating .nav > li + li {
margin-left: 3px;
}
.product--summery .meta > li,
.product--summery .rating > a {
display: inline-block;
font-size: 14px;
line-height: 24px;
}
.product--summery .price {
margin-top: 15px;
}
.product--summery .price span {
font-size: 20px;
line-height: 30px;
font-weight: 600;
}
.product--summery .price span.del {
margin-right: 10px;
color: #999;
}
.product--summery .note {
margin-top: 14px;
margin-bottom: 0;
color: #999;
}
.product--summery .note strong {
margin-right: 4px;
color: #222;
}
.product--summery .description,
.product--summery .note + .note {
margin-top: 16px;
}
.product--summery .cart,
.product--summery .meta {
margin-top: 13px;
font-size: 0;
line-height: 0;
}
.product--summery .cart .btn,
.product--summery .cart .quantity {
margin-top: 10px;
margin-right: 10px;
}
.product--summery .meta {
margin-top: 21px;
color: #999;
}
.product--summery .meta > li {
margin-top: 5px;
line-height: 18px;
}
.product--summery .meta > li > span {
color: #222;
font-weight: 600;
}
.product--summery .meta > li > a {
display: inline-block;
padding: 0;
}
.product--summery .meta.tag > li > a {
border-bottom: 1px solid #bbb;
}
.product--summery .meta.tag > li > a:hover {
border-color: inherit;
}
.product--summery .meta > li + li {
margin-left: 5px;
}
.product--summery .meta.social > li + li {
margin-left: 15px;
padding-right: 15px;
border-right: 1px solid #ccc;
}
.product--summery .meta.social > li:last-child {
border-right-width: 0;
}
.product--summery .meta.social > li > a:after,
.product--summery .meta.tag > li > a:after,
.product--summery .meta > li:last-child > a:after {
display: none;
}
.product--single .tab-nav {
display: inline-block;
color: #999;
font-size: 0;
line-height: 0;
font-weight: 600;
}
.product--single .tab-nav > li {
display: inline-block;
}
.product--single .tab-nav > li > a {
padding: 6px 30px;
border-style: solid;
border-width: 1px 0 1px 1px;
border-color: #881C82;
font-size: 18px;
line-height: 28px;
}
#backToTop a:hover,
.product--single ul.tab-nav > li.active > a,
.product--single ul.tab-nav > li > a:hover {
color: #fff;
background-color: #881C82;
}
.product--single .tab-nav > li + li > a {
border-left-width: 0;
}
.product--single .tab-nav > li:last-child > a {
border-right-width: 1px;
}
.product--details .content table tr td {
padding: 13px 20px;
border: 1px solid #eee;
}
.contact--cats .nav {
margin: 0;
}
.contact--cats .nav > li {
padding: 18px 18px 14px;
border-style: solid;
border-width: 1px 1px 0 0;
border-color: #eee;
}
.contact--cats .nav > li:nth-child(1),
.contact--cats .nav > li:nth-child(2),
.contact--cats .nav > li:nth-child(3) {
margin-top: 0;
padding-top: 0;
border-top-width: 0;
}
.contact--cats .nav > li:nth-child(3n) {
padding-right: 0;
border-right-width: 0;
}
.contact--cats .nav > li:first-child,
.contact--cats .nav > li:nth-child(3n) + li {
padding-left: 0;
}
.contact--cats ul.nav > li > a {
padding: 0;
color: inherit;
}
.contact--cats .icon {
margin-bottom: 22px;
}
.contact--cats .title .h5 {
font-size: 16px;
line-height: 26px;
}
.contact--cats .content {
margin-top: 16px;
}
.contributor--item {
padding: 30px 20px;
border: 1px solid #eee;
text-align: center;
}
.contributor--item .img {
max-width: 80px;
margin: 0 auto 17px;
}
.contact--cats .title .h5,
.contributor--item .name .h4 {
margin: 0;
color: #222;
font-weight: 600;
-webkit-transition: color 0.25s;
transition: color 0.25s;
}
.contributor--item .desc {
margin-top: 10px;
}
.contributor--item .social {
margin: -1px -8px 13px;
color: #999;
font-size: 0;
line-height: 0;
}
.contributor--item .social > li {
display: inline-block;
}
.contributor--item .social > li > a {
padding: 8px 8px 0;
font-size: 14px;
line-height: 24px;
}
.contributor--item .action {
margin-top: 11px;
}
.contributor--item.style--2,
.contributor--item.style--3 {
-webkit-transition: box-shadow 0.25s ease-in-out;
transition: box-shadow 0.25s ease-in-out;
}
.contributor--item.style--2 {
padding-bottom: 20px;
}
.contributor--item.style--2:hover {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.contributor--item.style--2 .img {
position: relative;
max-width: none;
margin: -31px -21px 17px;
overflow: hidden;
z-index: 0;
}
.contributor--item.style--2 .img:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
z-index: 0;
}
.contributor--item.style--2:hover .img:before {
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.contributor--item.style--2 .social {
position: absolute;
top: 50%;
left: -60px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
padding: 20px 0 16px;
list-style: none;
color: #fff;
font-size: 0;
line-height: 0;
text-align: center;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
z-index: 1;
}
.contributor--item.style--2:hover .social {
left: 0;
}
.contributor--item.style--2 .social:before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
z-index: 0;
}
.contributor--item.style--2 .social > li {
display: block;
}
.contributor--item.style--2 .social > li > a {
display: block;
padding: 6px 16px 7px;
font-size: 14px;
line-height: 24px;
}
.contributor--item.style--2 .social > li > a:hover,
.contributor--item.style--3 .social > li > a:hover {
color: #222;
}
.contributor--item.style--3 {
position: relative;
padding: 0 0 60px;
border-width: 0;
overflow: hidden;
z-index: 0;
}
.contributor--item.style--3:hover {
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
}
.contributor--item.style--3 .img {
margin: 0;
max-width: none;
}
.contributor--item.style--3 .info {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 17px 20px 20px;
border-style: solid;
border-width: 0 1px 1px;
-webkit-transition: border-color 0.25s, background-color 0.25s ease-in-out;
transition: border-color 0.25s, background-color 0.25s ease-in-out;
}
.contributor--item.style--3:not(:hover) .info {
color: #999;
background-color: #fff;
border-color: #eee;
}
.contributor--item.style--3:hover .name .h4 {
color: #fff;
}
.contributor--item.style--3 .social {
margin-top: 4px;
color: inherit;
}
.contributor--item.style--3 .action {
margin-bottom: -83px;
-webkit-transition: margin-bottom 0.45s ease-in-out;
transition: margin-bottom 0.45s ease-in-out;
}
.contributor--item.style--3:hover .action {
margin-bottom: 0;
}
.contributor--item.style--3:hover .action .btn {
border-color: #fff;
}
.contributor--item.style--3:hover .action .btn:hover {
color: #222;
background-color: #fff;
}
.contributor--item.style--4 {
position: relative;
padding: 0;
border-width: 0;
overflow: hidden;
z-index: 0;
}
.contributor--item.style--4 .img {
max-width: none;
margin: 0;
}
.contributor--item.style--4 .info {
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
height: 53px;
padding: 17px 15px 20px;
-webkit-transition: height 0.55s ease-in-out, padding-top 0.25s ease-in-out;
transition: height 0.55s ease-in-out, padding-top 0.25s ease-in-out;
overflow: hidden;
z-index: 1;
}
.contributor--item.style--4:hover .info {
padding-top: 37px;
height: 100%;
}
.contributor--item.style--4 .info:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
opacity: 0.92;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
-webkit-transition: top 0.55s ease-in-out;
transition: top 0.55s ease-in-out;
z-index: -1;
}
.contributor--item.style--4:hover .info:before {
top: 20px;
}
.contributor--item.style--4 .desc {
margin-top: 15px;
}
.contributor--item.style--4 .action {
margin-top: 16px;
}
.info--block .icon {
font-size: 40px;
line-height: 40px;
}
.info--block .title .h5 {
margin: 0;
color: #222;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.info--block .title {
margin-top: 12px;
}
.info--block .content {
margin-top: 6px;
}
.portfolio--item .img {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-webkit-transition: box-shadow 0.25s ease-in-out;
transition: box-shadow 0.25s ease-in-out;
}
.portfolio--item:hover .img {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.portfolio--item .title {
margin-top: 16px;
}
.portfolio--item .title .h4 {
margin: 0;
color: #222;
font-weight: 600;
}
.bg--color-1 .portfolio--item .title .h4 .btn-link,
.bg--color-1 .portfolio--item:hover .title .h4 .btn-link,
.bg--color-2 .portfolio--item .title .h4 .btn-link,
.bg--color-2 .portfolio--item:hover .title .h4 .btn-link {
color: #fff;
}
.portfolio--item:hover .title .h4 .btn-link {
color: #881C82;
}
.pricing--img {
position: relative;
z-index: 0;
}
.pricing--img.layout--2 {
padding: 0 30px;
}
.pricing--img.layout--2 img,
.pricing--img.layout--3 img,
.pricing--img.layout--4 img {
box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}
.pricing--img.layout--2 img + img {
position: absolute;
top: 30px;
left: 0;
max-width: 120px;
}
.pricing--img.layout--2 img + img + img {
top: auto;
left: auto;
right: 0;
bottom: 30px;
}
.pricing--img.layout--3 img + img {
margin-top: 20px;
}
.pricing--img.layout--4 {
padding: 45px 110px 50px 90px;
}
.pricing--img.layout--4:before {
content: "\f04b";
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 50px;
margin: -15px auto 0;
color: #fff;
background-color: #881C82;
border-radius: 10px;
font-family: "FontAwesome";
line-height: 30px;
text-align: center;
-webkit-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
z-index: 1;
}
.pricing--img.layout--4 img + img {
position: absolute;
top: 75px;
left: 0;
max-width: 120px;
}
.pricing--img.layout--4 img + img + img {
top: 0;
left: auto;
right: 80px;
max-width: 80px;
}
.pricing--img.layout--4 img + img + img + img {
top: auto;
right: 0;
bottom: 120px;
max-width: 100px;
}
.pricing--img.layout--4 img + img + img + img + img {
left: 0;
bottom: 0;
}
.pricing--content .price-tag {
margin-bottom: 25px;
font-size: 36px;
line-height: 46px;
}
.pricing--content .price-tag p {
display: inline-block;
padding: 29px 40px 35px;
background-color: #fff;
box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
}
.pricing--content .price-tag strong {
color: #222;
font-size: 48px;
line-height: 58px;
}
.pricing--content .price-tag strong + sub:before {
content: "/";
position: relative;
top: -8px;
color: #222;
font-size: 48px;
line-height: 58px;
font-weight: 600;
}
.pricing--content .title .h3 {
margin-bottom: 17px;
color: #222;
font-weight: 600;
text-transform: uppercase;
}
.pricing--content .features {
margin-top: 17px;
}
.pricing--content .features .nav > li > span {
position: relative;
padding: 1px 0 1px 20px;
}
.faq--item .panel-title a:before,
.pricing--content .features .nav > li > span:before {
content: "\f046";
position: absolute;
left: 0;
color: #222;
font-family: "FontAwesome";
}
.pricing--content .action {
margin-top: 25px;
}
.faq--items {
margin-bottom: 6px;
}
.faq--item {
background-color: transparent;
box-shadow: none;
}
.faq--items .faq--item + .faq--item {
margin-top: 6px;
}
.faq--item .panel-heading {
padding: 0;
}
.faq--item .panel-title a {
display: block;
position: relative;
padding-left: 24px;
color: #881C82;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.faq--item .panel-title a:before {
content: "\f106";
}
.faq--item .panel-title a.collapsed {
color: #777;
}
.faq--item .panel-title a.collapsed:before {
content: "\f107";
}
#stickySocial .nav > li + li > a > i,
.faq--item .panel-heading + .panel-collapse .panel-body {
border-top-width: 0;
}
.faq--item .panel-body {
margin-top: 16px;
margin-left: 8px;
margin-bottom: 4px;
padding: 3px 10px 4px;
color: #999;
border-left: 1px solid #ddd;
}
.login--form,
.login--form:before {
background-color: #ffffff;
}
.login--form {
border-radius:10px;
position: relative;
max-width: 490px!important;
margin: 20px auto 80px;
padding: 20px 30px 20px;
text-align: center;
z-index: 0;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.login--form:after,
.login--form:before {
content: " ";
position: absolute;
top: -70px;
z-index: 1;
}
/*.login--form:before {*/
/*left: 0;*/
/*right: 70px;*/
/*height: 70px;*/
/*}*/
/*.login--form:after {*/
/*right: 0;*/
/*width: 0;*/
/*height: 0;*/
/*border-style: solid;*/
/*border-width: 35px;*/
/*border-color: transparent transparent rgba(255, 255, 255, 0.18) rgba(255, 255, 255, 0.18);*/
/*box-shadow: -5px 7px 15px rgba(0, 0, 0, 0.2);*/
/*}*/
.login--form .title {
margin-bottom: 5px;
}
.login--form .title .h1 {
margin: 0;
font-weight: 600;
}
.login--form .title p {
margin-top: 12px;
color: #881C82;
font-size: 16px;
line-height: 26px;
}
.login--form form {
max-width: 470px;
margin: 0 auto;
}
.login--form .checkbox label span,
.login--form .form-group {
margin-bottom: 0;
}
.login--form label {
display: block;
margin-bottom: 0;
font-weight: 400;
text-align: left;
}
.login--form label span {
display: block;
margin-bottom: 8px;
color: #881C82;
}
.login--form .form-control {
color: #881C82;
border-color: #999;
}
.coming-soon--content .subscribe--widget input:focus + .input-group-btn:before,
.login--form .form-control:focus {
border-color: #881C82;
}
.login--form .checkbox {
margin: 23px 0 0;
}
.login--form .checkbox label {
padding-left: 20px;
}
.login--form .checkbox span:before {
content: " ";
position: absolute;
top: 7px;
left: 0;
width: 10px;
height: 10px;
border: 1px solid;
}
.login--form .checkbox span:after {
content: "\f00c";
position: absolute;
top: -0.5px;
left: 1.5px;
font-family: "FontAwesome";
font-size: 8px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.checkout--billing-info .checkbox > label > input:checked + span:after,
.checkout--billing-info .panel-group .panel-title label input:checked + span:after,
.checkout--info-form .checkbox input:checked + span:after,
.login--form .checkbox input:checked + span:after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.login--form .btn {
margin-top: 23px;
padding-top: 5px;
padding-bottom: 7px;
}
.login--form .help-block {
margin-top: 7px;
color: #999;
}
.coming-soon--content {
position: relative;
margin-top: 70px;
padding: 10px 30px 74px;
color: #fff;
background-color: rgba(255, 255, 255, 0.2);
z-index: 0;
}
.coming-soon--content:before {
content: " ";
position: absolute;
top: -70px;
left: 0;
right: 70px;
height: 70px;
background-color: rgba(255, 255, 255, 0.2);
z-index: 1;
}
.coming-soon--content:after {
content: " ";
position: absolute;
top: -70px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 35px;
border-color: transparent transparent rgba(255, 255, 255, 0.28) rgba(255, 255, 255, 0.28);
box-shadow: -5px 7px 15px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.coming-soon--content .logo {
margin-bottom: 73px;
}
.coming-soon--content .sub-title .h4,
.coming-soon--content .title .h2 {
margin: 0;
font-weight: 600;
}
.coming-soon--content .countdown {
margin-top: 22px;
}
.coming-soon--content .sub-title {
margin-top: 33px;
}
.coming-soon--content .content {
margin-top: 19px;
color: #ccc;
}
.coming-soon--content .subscribe--widget {
margin-top: 31px;
padding: 0;
background-color: transparent;
}
.coming-soon--content .subscribe--widget .input-group {
position: relative;
padding: 5px;
z-index: 0;
}
.coming-soon--content .subscribe--widget .form-control {
height: 30px;
padding-top: 2px;
padding-bottom: 2px;
color: #fff;
background-color: transparent;
}
.coming-soon--content .subscribe--widget .input-group-btn {
position: static;
}
.coming-soon--content .subscribe--widget .input-group-btn:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #999;
-webkit-transition: border-color 0.25s;
transition: border-color 0.25s;
z-index: -1;
}
.coming-soon--content .subscribe--widget .btn {
padding-top: 1px;
padding-bottom: 1px;
}
.coming-soon--content .social {
margin-top: 33px;
}
.coming-soon--content .social p {
margin-bottom: 9px;
}
.coming-soon--content .social .nav {
margin: 0 -10px;
color: #999;
font-size: 0;
line-height: 0;
}
.coming-soon--content .social .nav > li {
display: inline-block;
margin: 10px 10px 0;
}
.coming-soon--content .social .nav > li > a {
padding: 0;
font-size: 14px;
line-height: 24px;
}
.f0f--content,
.f0f--content:before {
background-color: rgba(255, 255, 255, 0.2);
}
.f0f--content {
position: relative;
margin-top: 70px;
padding: 20px 30px 120px;
color: #fff;
text-align: center;
z-index: 0;
}
.f0f--content:after,
.f0f--content:before {
content: " ";
position: absolute;
top: -70px;
z-index: 1;
}
.f0f--content:before {
left: 0;
right: 70px;
height: 70px;
}
.f0f--content:after {
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 35px;
border-color: transparent transparent rgba(255, 255, 255, 0.28) rgba(255, 255, 255, 0.28);
box-shadow: -5px 7px 15px rgba(0, 0, 0, 0.2);
}
.f0f--content .title .h1 {
margin: 0;
font-size: 120px;
line-height: 130px;
}
.f0f--content .sub-title {
margin-top: 5px;
}
.f0f--content .sub-title .h5 {
margin: 0;
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
.f0f--content .search--widget {
margin-top: 33px;
padding: 0;
box-shadow: none;
}
.f0f--content .search--widget .form-control,
.f0f--content .search--widget .input-group-btn {
color: #fff;
}
.f0f--content .search--widget .input-group-btn:before {
border-color: #999;
}
.f0f--content .note {
margin-top: 33px;
}
.f0f--content .action {
margin-top: 26px;
}
.cart--items .table {
margin-bottom: 0;
border-color: #eee;
}
.cart--items .table tbody tr td,
.cart--items .table thead tr th {
border-color: #eee;
text-align: center;
vertical-align: middle;
}
.cart--items .table thead tr th {
padding: 16px 20px;
color: #222;
background-color: #eee;
border-bottom-width: 0;
font-family: "Lora", serif;
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
.cart--items .table tbody tr td {
padding: 15px;
border-width: 1px 0;
font-weight: 600;
}
.cart--items .table tbody tr td .img {
display: inline-block;
position: relative;
z-index: 0;
}
.cart--items .table tbody tr td .img:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-linear-gradient(top, #fff 0%, #000 100%);
background: linear-gradient(to bottom, #fff 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
z-index: 1;
}
.cart--items .product--quantity .ui-spinner {
margin-top: 0;
margin-right: 0;
}
.cart--items .footer {
padding: 30px 45px;
border-style: solid;
border-width: 0 1px 1px;
border-color: #eee;
}
.cart--items .footer .coupon--code {
max-width: 410px;
}
.cart--items .footer .coupon--code .form-control {
background-color: #f0f0f0;
border-color: #f0f0f0;
}
.cart--total .table {
margin-bottom: 10px;
background-color: #f0f0f0;
}
.cart--total .table tr td {
padding: 6px 20px;
border-width: 0;
border-color: #fff;
font-size: 16px;
line-height: 28px;
}
.cart--total .table tr + tr td {
border-top-width: 1px;
}
.checkout--info .title {
padding: 19px 20px 17px;
color: #999;
background-color: #f0f0f0;
}
.checkout--info .title .fa {
color: #881C82;
margin-right: 5px;
}
.checkout--info .title a {
display: inline-block;
color: #777;
font-weight: 500;
}
.checkout--billing-info .table tbody tr td span,
.checkout--info .title a.active,
.checkout--info .title a:hover {
color: #881C82;
}
.checkout--info-form {
display: none;
padding-top: 30px;
}
.checkout--info-form p {
margin-bottom: 19px;
}
.checkout--info-form p:last-child {
margin-bottom: 0;
}
.checkout--info-form .form-group {
margin-bottom: 30px;
}
.checkout--info-form .form-group label span {
display: inline-block;
}
.checkout--info-form label {
font-weight: 400;
}
.checkout--info-form .form-control {
border-color: #eee;
}
.checkout--info-form .form-control:focus {
border-color: #881C82;
}
.checkout--info-form .submit-btn-group {
font-size: 0;
line-height: 0;
}
.checkout--info-form .checkbox {
display: inline-block;
margin: 0;
color: #999;
font-size: 14px;
line-height: 24px;
vertical-align: middle;
}
.checkout--info-form .checkbox span {
position: relative;
display: block;
padding-left: 19px;
}
.checkout--info-form .checkbox span:before {
content: " ";
position: absolute;
top: 50%;
left: 0;
width: 10px;
height: 10px;
margin-top: -6px;
border: 1px solid #eee;
}
.checkout--info-form .checkbox span:after {
content: "\f00c";
position: absolute;
top: 50%;
left: 0;
width: 10px;
margin-top: -10px;
font-family: "FontAwesome";
font-size: 8px;
line-height: 18px;
text-align: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.checkout--info-form .help-block {
margin-top: 24px;
color: #999;
}
.checkout--info-form .help-block a {
border-bottom: 1px solid;
line-height: 18px;
}
.checkout--info-form .input-group {
max-width: 450px;
}
.checkout--info-form .input-group .form-control {
background-color: #f0f0f0;
}
.checkout--billing-info .form-group {
margin-bottom: 14px;
}
.checkout--billing-info .form-group.pbottom--60 {
margin-bottom: 0;
}
.checkout--billing-info label {
display: block;
margin-bottom: 0;
padding-left: 0;
font-weight: 400;
}
.checkout--billing-info label span {
display: block;
margin-bottom: 3px;
color: #999;
}
.checkout--billing-info .form-control {
border-color: #eee;
font-size: 14px;
}
.checkout--billing-info .form-control:focus {
border-color: #881C82;
}
.checkout--billing-info .checkbox {
display: inline-block;
margin: 0;
color: #999;
font-size: 14px;
line-height: 24px;
vertical-align: middle;
}
.checkout--billing-info .checkbox > label > span {
position: relative;
display: block;
padding-left: 19px;
}
.checkout--billing-info .checkbox > label > span:before,
.checkout--billing-info .panel-group .panel-title label span:before {
content: " ";
position: absolute;
top: 50%;
left: 0;
width: 10px;
height: 10px;
margin-top: -5px;
border: 1px solid #eee;
}
.checkout--billing-info .checkbox > label > span:after {
content: "\f00c";
position: absolute;
top: 50%;
left: 0;
width: 10px;
margin-top: -10px;
font-family: "FontAwesome";
font-size: 8px;
line-height: 18px;
text-align: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.checkout--billing-info .table tbody tr th {
color: #222;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.checkout--billing-info .table tbody tr td,
.checkout--billing-info .table tbody tr th {
position: relative;
padding: 11px 20px 9px;
background-color: #f9f9f9;
border-width: 1px 0;
border-color: #fff;
z-index: 0;
}
.checkout--billing-info .table tbody tr td + td:before,
.checkout--billing-info .table tbody tr th + th:before {
content: " ";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 1px;
background-color: #eee;
}
.checkout--billing-info .panel-group,
.contact--info .content p {
margin-bottom: 0;
}
.checkout--billing-info .panel-group .panel {
border: 0;
box-shadow: none;
}
.checkout--billing-info .panel-group .panel + .panel {
margin-top: 16px;
}
.checkout--billing-info .panel-group .panel-heading {
padding: 0;
border-radius: 0;
}
.checkout--billing-info .panel-group .panel-title label {
position: relative;
margin-bottom: 0;
color: #fd8469;
cursor: pointer;
}
.checkout--billing-info .panel-group .panel-title label span {
display: block;
padding-left: 20px;
font-family: "Roboto", sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 300;
}
.checkout--billing-info .panel-group .panel-title label span:before {
margin-top: -6px;
border-radius: 50%;
}
.checkout--billing-info .panel-group .panel-title label span:after,
.counter--item:before {
content: " ";
position: absolute;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.checkout--billing-info .panel-group .panel-title label span:after {
margin-top: -3px;
border-radius: 50%;
top: 50%;
left: 3px;
width: 4px;
height: 4px;
background-color: #999;
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.checkout--billing-info .panel-group .panel-collapse .panel-body {
border: 0;
padding: 8px 0 0;
color: #999;
font-weight: 300;
}
.counter--item {
padding: 60px;
}
.counter--item:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
z-index: -1;
}
.counter--item.even:before {
opacity: 0.05;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
}
.counter--item:hover:before {
opacity: 0.1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.counter--item .icon {
margin-bottom: 17px;
font-size: 30px;
line-height: 40px;
}
.counter--item .num,
.counter--item .text {
font-size: 26px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
}
.counter--item .num {
margin-top: 15px;
font-size: 36px;
line-height: 40px;
}
.contact--info .nav > li + li {
margin-top: 30px;
}
.contact--info .title {
margin-bottom: 9px;
color: #222;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.contact--info .title .fa {
min-width: 16px;
margin-right: 8px;
}
.contact--info .title .h5 {
margin: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
.contact--info .content {
font-weight: 600;
}
.footer--copyright.bg--color-3,
.footer--widgets.bg--color-2 {
color: #777;
}
.footer--widgets.bg--color-2{
padding-top:85px!important;
}
#stickySocial .nav > li > a,
.counter--item,
.footer--copyright {
position: relative;
z-index: 0;
}
.footer--copyright .social--bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.footer--copyright .text {
margin-bottom: 0;
padding: 10px 0;
font-size: 16px;
line-height: 26px;
}
.footer--copyright .nav > li {
float: left;
}
.footer--copyright .nav > li > a {
padding: 0;
}
.footer--copyright .links {
padding: 32px 30px 32px 0;
font-size: 0;
line-height: 0;
}
.footer--copyright .links > li + li {
margin-left: 12px;
padding-left: 11px;
border-left: 1px solid;
}
.footer--copyright .links > li > a {
display: inline-block;
font-size: 16px;
line-height: 16px;
}
.footer--copyright .social {
padding: 28px 0 28px 22px;
}
.footer--copyright .social > li {
margin: 0 9px;
}
.footer--copyright ul.social > li > a {
color: #fff;
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.footer--copyright .social > li > a:hover {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#stickySocial {
position: fixed;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0;
line-height: 0;
z-index: 999;
}
#backToTop a,
#stickySocial .nav {
font-size: 18px;
line-height: 28px;
text-align: center;
}
#stickySocial .nav > li > a {
padding: 0;
}
#stickySocial .nav > li > a > i {
display: block;
width: 42px;
color: #abc;
background-color: #f5f6f7;
border: 1px solid #eee;
line-height: 42px;
text-align: center;
-webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
}
#stickySocial .nav > li > a:hover > i {
color: #fff;
background-color: #eee;
}
#backToTop,
#stickySocial .nav > li > a > span {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
#stickySocial .nav > li > a > span {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-right: 10px;
padding: 0 10px;
color: #fff;
background-color: #eee;
font-size: 14px;
line-height: 24px;
white-space: nowrap;
-webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
position: absolute;
right: 100%;
}
#stickySocial .nav > li > a:hover > span,
body.isScrolling #backToTop {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
#stickySocial .nav > li > a > span:before {
content: " ";
position: absolute;
top: 50%;
right: -10px;
width: 0;
height: 0;
margin-top: -4px;
border-style: solid;
border-width: 5px;
border-color: #eee;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
}
#stickySocial.sticky--right .nav > li > a > span:before {
border-right-color: transparent !important;
}
#stickySocial.sticky--left {
left: 0;
right: auto;
}
#stickySocial.sticky--left .nav > li > a > span {
left: 100%;
right: auto;
margin-left: 10px;
margin-right: 0;
}
#stickySocial.sticky--left .nav > li > a > span:before {
left: -10px;
right: 0;
border-left-color: transparent !important;
}
#backToTop {
position: fixed;
right: 30px;
bottom: 50px;
-webkit-transition-property: opacity, visibility;
transition-property: opacity, visibility;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
z-index: 999;
}
#backToTop a {
display: block;
width: 50px;
color: #fff;
background-color: #881C82;
font-size: 24px;
line-height: 50px;
border-radius:5px;
}
/* Custom css 15_10_2025*/
.header--topbar-contact li:nth-child(1),
.header--topbar-contact li:nth-child(2) {
border-right: 1px solid #555!important; 
padding-right: 10px;
margin-right: 10px;
}
.post--items.post--items-3 > .nav > li + li{
padding-top:0px!important;
}
.center-block {
border: 2px solid gray;
}
.header--logo img {
width: 240px; 
height: 55px;
}
.post--item.post--layout-3 .post--info{
padding-top:20px;
padding-bottom: 13px;
}
.post--item.post--layout-3 .testimonial{
padding-top:0px!important;
}
ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
.links--widget .mail {
padding-left: 0px!important;
}
.col-md-3 .links--widget p {
margin:0px!important;
}
.social--icons {
margin-top: 20px;
}
.social--icons a {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #881C82; /* red */
color: #fff;
border-radius: 4px; /* square with soft corners */
font-size: 16px;
margin-right: 6px;
transition: 0.3s;
}
.social--icons a:hover,
.social--icons a:focus,
.social--icons a:active {
    color: #fff !important;
    outline: none; /* optional: focus ring remove karne ke liye */
}
.social--icons a:hover {
background: #881C82; /* darker red on hover */
color: #fff!important;
text-decoration: none;
}
.post--item.post--layout-3 .post--img .small {
float: left;
max-width: 70px;
margin-right: 20px;
}
.testimonial .title .h4{
font-size:11px;
}
.subscription-container {
position: absolute; /* overlay on footer */
top: -58px; /* adjust vertical position as needed */
left: 50%; /* center horizontally */
transform: translateX(-50%);
background-color: #7e7e7e; /* dark gray background */
padding: 8px 25px;
border-radius: 8px;
z-index: 10; /* make sure it appears above footer */
display: flex;
align-items: center;
gap: 20px;
}
.subscription-content {
color: #fff;
}
.subscription-form {
display: flex;
gap: 10px;
}
.email-input {
padding: 10px 15px;
border-radius: 5px;
border: none;
outline: none;
flex: 1;
}
.send-button {
background-color: #881C82;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
footer {
margin-top:60px;
position: relative; /* needed so absolute inside works */
}
.subscription-container h2.subscription-title{
font-size:25px!important;
margin-top: 6px!important;
margin-bottom: 5px!important;
}
.subscription-container p.subscription-description{
font-size:10px!important;
}
.card{
margin-bottom:10px;
border: 2px solid;
}
.title-border{
border:none!important;
}
/*LOGO SLIDER*/
.slider {
background: #fff;
height: 120px;
overflow: hidden;
position: relative;
width: 100%;
max-width: 1250px; 
}
.slider::before,
.slider::after {
content: "";
position: absolute;
top: 0;
width: 120px;
height: 100%;
z-index: 2;
/*background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);*/
}
.slider::after { right: 0; transform: rotateZ(180deg); }
.slider::before { left: 0; }
.slide-track {
display: flex;
width: max-content;
/* animation will be applied conditionally */
}
.slide {
height: 100px;
width: 250px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.slide img {
width: 235px;
height: 90px;
object-fit: cover;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.slide img:hover { transform: translateY(-6px) scale(1.03); }
/* Keyframes for scroll */
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); } /* scroll half of duplicated track */
}
/* Conditional scrolling: only when more than 3 slides */
.slider:has(.slide:nth-child(n+4)) .slide-track {
animation: scroll 400s linear infinite;
}
.slider:hover .slide-track {
animation-play-state: paused !important;
}
/* Responsive */
@media (max-width: 1024px) { .slider { max-width: 1000px; } }
@media (max-width: 768px) { .slider { max-width: 720px; } .slide img { width: 180px; height: 80px; } }
@media (max-width: 480px) { .slider { max-width: 385px; } .slide img { object-fit: contain; width: 160px; height: 60px; } }
/*interview slider*/
.center-button {
display: block;          
width: fit-content;      
margin: 0px auto 0;   
padding: 0px 20px;     
color: #fff;
text-decoration: none;
border-radius: 5px;
text-align: center;
}
.info-link {
text-decoration: none;
color: inherit;
display: block;
}
.carousel-container {
position: relative;
overflow: hidden;
}
.carousel-track {
display: flex;  
transition: transform 0.5s ease;
gap: 20px;
}
.carousel-item {
flex: 0 0 20%;
padding: 10px;
box-sizing: border-box;
}
.carousel-item img {
width: 220px;
height: 220px;
object-fit: cover;
transition: transform 0.3s ease;
border:2px solid #ccc;
}
.carousel-item:hover img {
transform: scale(1.03);
}
/* Text styling */
.carousel-info{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines to show */
-webkit-box-orient: vertical;
width: 200px;
text-align:Center;
margin-top:10px;
}
.carousel-info h4 {
font-size: 14px;
font-weight: 600;
color: #881C82;
margin: 0;
}
.carousel-info .designation {
font-size: 15px;
color: #000; 
margin: 2px 0;
font-weight: 500;
}
.carousel-info .company {
font-size: 13px;
color: #000;
margin: 0;
}
.carousel-info .company {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
/* Keep title/designation aligned */
.carousel-info h4,
.carousel-info .designation {
margin: 0;
}
.carousel-caption {
font-size: 14px;
margin-top: 8px;
text-align: center;
color: #333;
line-height: 1.4em;
}
/* --- Navigation Buttons --- */
.carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0,0,0,0.4);
color: white;
border: none;
font-size: 24px;
padding: 8px 12px;
cursor: pointer;
border-radius: 50%;
z-index: 10;
transition: background 0.3s;
}
.carousel-btn:hover {
background-color: rgba(0,0,0,0.7);
}
.carousel-btn.prev {
left: 10px;
}
.carousel-btn.next {
right: 10px;
}
/* --- Responsive --- */
@media (max-width: 992px) {
.carousel-item { flex: 0 0 25%; }
}
@media (max-width: 768px) {
.carousel-item { flex: 0 0 33.333%; }
}
/* Mobile fix */
@media (max-width: 576px) {
#popup-box img {
    width: 320px!important;
}
.post--item .col-xxs-12>.post--info {
margin-top: 0px!important;
}
.tablet-row {
display: flex !important;
flex-direction: row !important;
align-items: flex-start;
}
/* Left image column */
.tablet-row .col-md-4 {
flex: 0 0 35% !important;
max-width: 35% !important;
}
.tablet-row .col-md-4 .thumb img {
width: 100%;
height: auto;
display: block;
}
/* Right content column */
.tablet-row .col-md-8 {
flex: 0 0 65% !important;
max-width: 65% !important;
}
/* Add spacing on tablet */
.tablet-row .list-left {
padding-top: 0 !important;
padding-left: 15px;
}
.carousel-container {
position: relative;
}
.carousel-track {
gap: 0px !important;
/*display: flex;*/
/*justify-content: center !important;*/
/*align-items: center !important;*/
}
.carousel-item {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
flex-direction: column;
align-items: center;
}
/*.carousel-item img {*/
/*width: 100% !important;*/
/*height: auto !important;*/
/*max-width: 240px;*/
/*margin: 0 auto !important;*/
/*}*/
.carousel-item img {
        width: 220px !important;    
        height: 220px !important;   
        object-fit: cover !important; 
        display: block;
        margin: 0 auto !important;
    }
.carousel-info {
width: 80% !important;
text-align: center;
}
}
/* ---------- VIDEO SLIDER ---------- */
.video-carousel {
position: relative;
width: 100%;
max-width: 1200px;
overflow: hidden;
margin: auto;
}
.video-track {
display: flex;
transition: transform 0.5s ease;
}
/* DESKTOP — 3 videos */
.video-item {
position: relative;   /* FIX #1 */
flex: 0 0 33.33%;
flex-shrink: 0;       /* FIX #2 */
padding: 10px;
box-sizing: border-box;
}
/*.video-item img {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    min-height: 160px;     */
/*    object-fit: cover;*/
/*    border-radius: 6px;*/
/*    box-shadow: 0 4px 10px rgba(0,0,0,0.15);*/
/*}*/
.video-item img {
display: block;      /* ensures image occupies space */
width: 100%;
height: auto;        /* maintain aspect ratio */
object-fit: cover;
min-height: 160px;   /* ensure thumbnail is visible on small screens */
}
.video-caption {
text-align: center;
font-size: 16px;
margin-top: 6px;
color: #000;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
color: white;
opacity: 0.8;
}
/* BUTTONS */
.video-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0,0,0,0.4);
color: #fff;
border: none;
font-size: 26px;
padding: 8px 12px;
cursor: pointer;
border-radius: 50%;
z-index: 10;
}
.video-btn:hover { background-color: rgba(0,0,0,0.7); }
.video-btn.prev { left: 10px; }
.video-btn.next { right: 10px; }
/* TABLET — 2 videos */
@media (max-width: 992px) {
.video-item {
flex: 0 0 50%;
}
}
/* MOBILE — 1 video */
@media (max-width: 600px) {
.video-item {
flex: 0 0 100%;
}
}
/**/
.plant{
padding-top:0px!important;
}
.second-post-item{
margin-top: 14px!important;
}
.second-li{
margin-top:24px!important;
}
.social-icons {
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: center;
margin-top:15px;
}
.social-icons .icon {
width: 38px;
height: 38px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 22px;
text-decoration: none;
transition: all 0.3s ease;
}
.icon.whatsapp { background: #25D366; }
.icon.instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.icon.linkedin { background: #0077B5; }
.icon.facebook { background: #1877F2; }
.icon.twitter { background: #000; }
.icon.youtube { background: #FF0000; }
.social-icons .icon:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
.top-spacing{
margin-top:16px!important;
}
.top{
padding-top:10px!important;
}
.border{
padding: 12px 57px 13px 0;
border-top: 2px solid #881C82;
}
/*Testimonial*/
.sp-testimonial-carousel { padding: 20px 30px; background: #fff9f3; border-radius: 8px; margin-top: 2px; margin-bottom: 20px; }
.sp-tc-subtitle {
text-align: center;
color: #881C82;
letter-spacing: 2px;
font-weight: 700;
font-size: 17px;
margin-bottom: 18px;
}
.sp-tc-title { text-align:center; font-size:28px; margin-bottom:20px; color:#222; font-weight:700; }
.sp-tc-slider { position: relative; max-width: 1100px; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
.sp-tc-track { display: flex; gap: 24px; transition: transform 0.6s cubic-bezier(.22,.9,.32,1); will-change: transform; }
.sp-tc-item {
background: #fff;
border-radius: 14px;
padding: 15px 10px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
min-width: 242px;
max-width: 320px;
height: 300px; 
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start; 
text-align: center;
box-sizing: border-box;
}
.sp-tc-item img {
width: 70px;          
height: 70px;          
border-radius: 50%;   
object-fit: cover;     
border: 3px solid #fff;
box-shadow: 0 3px 10px rgba(0,0,0,0.08);
flex-shrink: 0;      
}
.sp-tc-item h3 { margin: 6px 8px 4px; font-size: 14px; color:#000; }
.sp-role { color:#777; font-size:13px; margin-bottom:2px; }
.sp-text {
color:#555;
font-size:14px;
line-height:1.6;
min-height:47px; 
max-height:100px; 
display: -webkit-box;     
-webkit-box-orient: vertical; 
-webkit-line-clamp: 2;      
overflow: hidden;          
text-overflow: ellipsis;    
line-height: 1.5em;          
max-height: calc(1.5em * 3);
}
.sp-stars { color:#f5b301; font-size:16px; letter-spacing:2px; }
.sp-tc-prev, .sp-tc-next {
position: absolute; top: 50%; transform: translateY(-50%);
background:#881C82;color:#fff;border:0;border-radius:50%;width:35px;height:34px;cursor:pointer;
display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0.95;
}
.sp-tc-prev { left: 4px; } 
.sp-tc-next { right: 4px; }
.sp-tc-dots { display:flex; gap:8px; justify-content:center; margin-top:18px; }
.sp-tc-dots button { width:10px; height:10px; border-radius:50%; background:#ddd; border:0; padding:0; cursor:pointer; }
.sp-tc-dots button.active { background:#f5b301; }
/* responsive: show single card on small screens */
@media (max-width: 900px) {
.sp-tc-item {
min-width: 100%;
max-width: 85%;
height: 270px;
}
}
@media (max-width: 480px) {
.sp-tc-title { font-size: 22px; }
.sp-tc-item { padding:18px; }
}
.margin-top{
margin-top:-30px!important;
}
.margin-bottom{
margin-bottom:26px!important;
}
.ccs--toggle-btn{
display:none;
}
.inner-space{
margin-top: 10px!important;
margin-bottom:10px!important;
}
.bottom-space{
margin-top:17px!important;
margin-bottom:17px!important;
}
.spacing-bottom{
padding-bottom:31px!important;
}
.pr-space{
margin-bottom:21px!important;
}


/*Upcoming Events*/

.manual-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.slider-track {
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* Old rows (PHP generated) will be replaced by JS, so keep them hidden */
.slider-row {
    display: none !important;
}

.carousel-wrapper {
    display: flex;
}

.carousel-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%; /* 2 cards shown per slide (column-wise) */
    box-sizing: border-box;
}

.carousel-column .card {
    min-width: 350px !important;
    max-width: 350px !important;
}

.carousel-column .card img {
    width: 350px !important;
    height: 100px !important;
   
    object-fit: cover;
    border: 2px solid #ccc;
    border-radius: 4px;
}

/* Dots Navigation */
.slider-nav {
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.slider-nav .dots {
    display: flex;
    gap: 6px;
}

.slider-nav .dots span {
    width: 10px;
    height: 10px;
    border: 1px solid #881C82;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
}

.slider-nav .dots .active {
    background: #881C82;
}
@media (max-width: 576px) {

    .slider-track {
        overflow: hidden;
    }

    .carousel-wrapper {
        width: 100%;
    }

    .carousel-column {
        width: 100% !important;   /* one column per screen */
        flex: 0 0 100%;
    }

    /* VERY IMPORTANT */
    .carousel-column .card {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .carousel-column .card img {
        width: 100% !important;
        height: 100px !important;
        object-fit: cover;
    }
}


/* WhatsApp Floating Button */
.whatsapp-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 20px;
left: 20px;
background-color: #25D366;
color: #fff;
border-radius: 50%;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
z-index: 1000;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.whatsapp-float:hover {
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
.whatsapp-icon {
width: 35px;
height: 35px;
margin-top: 12px;
}
.header--ad img{
border:2px solid #ccc;
}
.header--ad-wrapper .header--ad img {
width: 420px;  
height: 95px;  
object-fit: cover;
object-position: center;
}
.header--mainbar {
position: relative; /* parent container must be relative */
}
.header--mainbar .header--logo {
position: absolute; /* fix logo inside header */
top: 50%;           /* vertically center in header */
transform: translateY(-50%); /* perfect vertical centering */
width: 200px;       /* fixed width for logo */
z-index: 10;        /* stay on top of other elements */
}
.header--mainbar .header--logo img {
display: block;
}
.header--ad-wrapper{
padding-left: 260px!important;
}
/*.ad--space img {*/
/*width: 800px!important;*/
/*height: 100px!important;*/
/*object-fit: cover;*/
/*object-position: center;*/
/*}*/
.ad--space {
width: 1113px;
/*height: 120px;*/
height: auto;
margin: 0 auto;
overflow: hidden;
background: #fff;
display: flex;
align-items: center;
}
.ad--space img {
width: 1113px;
height: 120px;
object-fit: fill;
object-position: center;
}
.banner-detail{
    width: 850px!important;
}
.banner-detail img { 
width: 850px;
justify-content: flex-start !important;
}
.designation{
white-space: nowrap;       
overflow: hidden;           
text-overflow: ellipsis;   
-webkit-box-orient: horizontal;
}
.layout{
max-width: 100%!important;
padding-left:0px!important;
padding-right:0px!important;
}
.content{
width:100%!important;
}
/*.carousel-info > *:not(h4):not(.designation):not(.company):not(.layout) {*/
/*    display: none !important;*/
/*}*/
/*.carousel-info > .layout {*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 2;        */
/*    -webkit-box-orient: vertical;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: normal;*/
/*    max-width: 100%;*/
/*}*/
/*.carousel-info > .layout * {*/
/*    display: inline;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/
/*.carousel-info .layout--halfMargin,*/
/*.carousel-info .layout--halfMargin h2 {*/
/*    display: none !important;*/
/*}*/
/*.carousel-info .inline_article_cta {*/
/*    display: none !important;*/
/*}*/
.carousel-info a{
color:#000;
}
.middle{
margin-top:25px;
}
.info-space{
padding-top: 18px!important;
padding-bottom: 18px!important;
}
.company-details {
position: relative;
max-width: 100%;
font-size: 15px;
line-height: 1.5;
}
.company-details summary {
list-style: none;
display: inline-block;
color: #881C82;
font-weight: 600;
cursor: pointer;
border: none;
background: none;
padding: 0;
text-decoration: none; 
}
.company-details summary::marker {
display: none;
}
.company-details .company {
display: -webkit-box;
-webkit-line-clamp: 2; /* only 2 lines visible */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 4px;
}
.company-details[open] .company {
-webkit-line-clamp: unset;
overflow: visible;
}
.company-details[open] summary::after {
content: " Show less";
font-weight: normal;
color: #555;
}
.company-details summary:hover {
color: #881C82;        
text-decoration: none;
}
/*current issue slider*/
.ci-slider {
overflow: hidden;
width: 100%;
/*position: relative;*/
}
.ci-track {
display: flex;
transition: transform 0.5s ease-in-out;
}
.ci-slide {
flex: 0 0 100%;
min-width: 100%;
height: 300px; 
box-sizing: border-box;
}
.ci-slide img {
margin: 0 auto;
width: 265px;
height: 300px;
object-fit: contain;
display: block;
}
.ci-prev, .ci-next {
cursor: pointer;
}
/**/
.sqaure .thumb img {
width: 96px;
height: 91px;
object-fit:cover;
}
.ts-banner .thumb img{
width: 360px;
height: 180px;
}
.pr-space .thumb img {
width: 96px;
height: 91px;
object-fit:cover;
}
.ss .thumb img{
height: 95px;
width: 100px;
}
.post--img.sqaure {
width: 100%;              
max-width: 400px;         
height: auto;             
overflow: hidden;          
flex-direction: column;
position: relative;
}
.post--img.sqaure .thumb {
display: block;
width: 100%;
overflow: hidden;
}
.post--img.sqaure .post--info {
padding: 10px;
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: hidden;          
}
.post--img.sqaure .title h3 p {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;    
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.ts-banner .thumb img{
width: 366px;
height: 180px;
}
.banner .thumb img {
width: 251px;
height: 140px;
object-fit: cover;
}
.post--info .title h4 {
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.company {
display: -webkit-box;
-webkit-line-clamp: 2;   /* Show only 2 lines */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
color: #a94442!important;
line-height: 1.6;
margin-bottom: 10px;
}
.read-more {
color: #881C82;
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
.read-more:hover {
color: #60115b;
text-decoration: underline;
}
.post--img .list-img img{
/*margin-left: 30px;*/
object-fit: cover;
aspect-ratio: 1 / 1;
width: 150px;
height:110px;
}
/*.list-left{*/
/*    margin-left:-70px;*/
/*}*/
/* Make all contributor item images uniform */
.contributor--item .img {
width: 100%;
height: 220px;      /* adjust height as needed */
overflow: hidden;
position: relative;
}
.contributor--item .img img {
width: 100%;
height: 100%;
object-fit: cover;  /* important */
object-position: center;
display: block;
}
/* Ensure hover box stays above the image */
.contributor--item .info {
position: relative;
z-index: 10;
}
/*Moved here from inline home page  */
.video-slider {
overflow: hidden;
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.video-track {
display: flex;
gap: 10px;
/*animation: slide 20s linear infinite;*/
}
.video-item {
flex: 0 0 250px;
position: relative;
cursor: pointer;
}
.video-item img {
width: 100%;
height: 140px;
object-fit: cover;
border-radius: 10px;
}
.video-item .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
color: white;
text-shadow: 0 0 10px rgba(0,0,0,0.7);
pointer-events: none;
}
.video-item .video-caption {
text-align: center;
margin-top: 5px;
font-size: 14px;
}
.pl{
padding-left:0px!important;
}
/*interview-detail*/
/* Header Banner */
.hero-section {
position: relative;
background: linear-gradient(135deg, #60115b, #881C82);
padding: 60px 20px 60px;
color: #fff;
text-align: center;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;   /* Vertical center */
align-items: center;       /* Horizontal center */
min-height: 250px;  
}
.hero-section::before {
content: "";
position: absolute;
top: -50px;
right: -50px;
width: 300px;
height: 300px;
background: rgba(255,255,255,0.08);
border-radius: 50%;
z-index: 1;
}
.hero-section::after {
content: "";
position: absolute;
bottom: -80px;
left: -80px;
width: 250px;
height: 250px;
background: rgba(255,255,255,0.05);
border-radius: 50%;
z-index: 1;
}
/* Profile Card */
.profile-card {
position: relative;
max-width: 900px;
margin: 0px auto 40px!important;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 5px;
padding: 40px 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px;
z-index: 2;
animation: fadeInUp 0.7s ease both;
}
@keyframes fadeInUp {
from {opacity:0; transform:translateY(20px);}
to {opacity:1; transform:translateY(0);}
}
.profile-photo {
flex: 0 0 180px;
height: 180px;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 6px 15px rgba(0,0,0,0.15);
border: 3px solid #fff;
}
.profile-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.profile-info {
flex: 1;
min-width: 260px;
}
.profile-info h2 {
font-size: 32px;
color: #60115b;
line-height: 32px;
}
.profile-info p {
margin: 5px 0;
color: #555;
}
.profile-info .badge {
display: inline-block;
background: #881C82;
color: #fff;
padding: 6px 12px;
border-radius: 20px;
font-size: 13px;
margin-right: 10px;
}
.social-links {
margin-top: 15px;
display: flex;
gap: 15px;
}
.social-links a {
color: #881C82;
background: #f4e4f7;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
transition: all 0.3s ease;
}
.social-links a:hover {
transform: scale(1.1);
background: #881C82;
color: #fff;
}
/* Content Sections */
.section {
max-width: 900px;
margin: 30px auto;
background:#fff;
border-radius: 5px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
padding: 30px;
animation: fadeInUp 0.7s ease both;
}
.section-title {
display: flex;
align-items: center;
gap: 10px;
font-size: 22px;
color: #881C82;
border-bottom: 2px solid #f0f0f0;
padding-bottom: 10px;
margin-bottom: 20px;
}
.section-title i { font-size: 20px; }
.description p {
color: #000;
font-size: 16px;
line-height: 1.7;
margin-bottom: 15px;
}
.description img {
width: 100%;
border-radius: 10px;
margin: 15px 0;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
/* Responsive */
@media (max-width:768px) {
.profile-card { flex-direction: column; text-align: center; gap: 5px; margin: -50px 25px; padding: 25px 10px;}
.profile-photo { margin: 0 auto; height: 200px;
width: 200px; }
.social-links { justify-content: center; }
.section{ margin: 100px 25px;}
}
/*Mobile Responsive*/
@media (max-width: 576px) {

.table-wrapper {
overflow-x: auto; /* Horizontal scroll enable karega */
-webkit-overflow-scrolling: touch; /* Mobile me smooth scroll */
}

.table-wrapper table {
width: 100%;
min-width: 600px; /* optional, table chhota na ho, scroll dikhe */
border-collapse: collapse;
}
.post--item .row {
display: flex;
align-items: center;
}
.post--img .list-img img{
object-fit: cover!important;
height:77px;
}
.magazine-box {
display: block !important;
margin-right: -2px;
}

.magazine-box > div {
width: 100% !important;
}
.post--item .col-md-8>.post--info{
margin-top:0px;
}
.page-contact .subscription-container {
display: none !important;
}
.contributor--item .name .h4 {
margin: 0px 10px 40px 10px;
}
.pagination--wrapper {
text-align: center !important;
}
.pagination-hint {
float: none !important;
display: block;
text-align: center;
margin-bottom: 10px;
}
.pagination {
display: inline-block;
float: none !important;
}
.pagination-hint{
text-align: center;
}
/*.pagination{*/
/* margin: -10px 20px 0!important;*/
/*}*/
.header--topbar .nav{
border-left: 0px solid;
}
#preloader .preloader--inner{
margin-left: -100px !important;
}
.video-btn.prev {
left: 2px;
}
.video-btn.next {
right: 2px;
}
.mt-mobile-30 {
margin-top: 30px !important;
}
.ad--space {
max-width: 100%;
}
.ad--space img {
width: 400px;
height: 100px;
}
.sp-tc-item {
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
max-width: 90%; /* optional for better look */
}
.video-carousel {
overflow: hidden !important;
}
.video-track {
margin-left: 0 !important;
margin-right: 0 !important;
}
.video-item {
min-width: 100% !important;
max-width: 100% !important;
}
.map--fluid{
margin-bottom: -78px;
}
/*.header--topbar {*/
/*display: none !important;*/
/*}*/
.post--img .list-img img {
margin-left: 0px!important;
}
.subscription-container {
width: 65%;                  /* box chota ho jayega but layout same */
left: 50%;
transform: translateX(-50%);
top: -65px;                  /* mobile ke liye perfect lift */
padding: 7px 8px;
gap: 5px;
flex-wrap: wrap;             /* items wrap honge, design same */
}
.subscription-content {
width: 100%;
text-align:center;
}
.subscription-title {
font-size: 22px !important;
margin-bottom: 5px !important;
}
.subscription-description {
font-size: 7px !important;
line-height:16px;
}
.subscription-form {
display: flex;
flex-direction: row;         /* desktop jaise hi */
width: 100%;
justify-content: flex-start;
gap: 10px;
}
.subscription-container h2.subscription-title {
font-size: 20px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.email-input {
width: 60%;                  /* jagah manage karne ke liye */
padding: 10px;
}
.send-button {
width: auto;
padding: 10px 18px;
}
footer {
margin-top: 70px !important; /* box ke neeche perfect space */
}
.header--mainbar .container {
flex-direction: column;
justify-content: center;
align-items: center;
}
/* Center logo */
.header--logo {
text-align: center;
width: 100%;
margin-bottom: 10px;
}
.header--ad-wrapper {
display: flex;
justify-content: center;
gap: 10px !important;
padding-left: 0 !important;
width: 100%;
flex-wrap: wrap;
}
/* Each ad 50% width */
.header--ad {
width: 48%;
text-align: center;
}
/* Make images responsive */
.header--ad img {
width: 100%;
height: auto;
}
.header--ad-wrapper .header--ad img {
height:40px;
margin-top: 60px;
object-fit:cover;
}
.header--mainbar .header--logo {
top:30%;
}
.header--mainbar{
height:150px!important;
}
.ci-slide img {
width: 335px;
}
.description {
display: flex;
justify-content: center;
}
.description p {
white-space: normal;
overflow-wrap: break-word;
word-wrap: break-word;
text-align: justify;
max-width: 900px;
}
.vertical-slider img {
width: 345px;
height: 125px;
}
.slide{
width:180px;
}
}
/*Tablet Responsive*/
@media (min-width: 768px) and (max-width: 1024px) {
    
.post--info .title .webkit-3 {
-webkit-line-clamp: 4!important; /* show 4 lines */
}
.post--info .title .h4 {
font-size: 10px!important;
line-height: 19px!important;
}
.post--item .col-md-6>.post--info, .post--item .col-md-8>.post--info {
margin-top: 0px!important;
}
.post--item.post--layout-2 .post--img.banner {
display: flex !important;
flex-direction: row;
align-items: flex-start;
gap: 15px;
} 
.post--item.post--layout-2 .post--img.banner .thumb {
flex: 0 0 35%;
max-width: 35%;
}
.post--item.post--layout-2 .post--img.banner .thumb img {
width: 250px;
height: 140px;
display: block;
}
/* Info block width (right side) */
.post--item.post--layout-2 .post--img.banner .post--info {
flex: 1;
max-width: 65%;
}
.post--img.sqaure{
max-width:600px!important;
}
.ad--space {
max-width: 95%;
}
.social-icons .icon {
width: 35px;
height: 35px;
font-size:15px;
}
.social-icons{
gap:5px;
margin-top: 10px;
}
.header--ad-wrapper .header--ad img {
width: 367px;
height: 57px;
object-fit: cover;
}
.post--img .list-img img {
margin-left:0px!important;
}
.tablet-row .col-sm-12 {
width: auto !important;
}
.tablet-row .col-sm-12:nth-child(1) {
width: 40% !important;   /* left image */
}
.tablet-row .col-sm-12:nth-child(2) {
width: 60% !important;   /* right content */
}
.tablet-row {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.subscription-container {
display: flex;
flex-direction: row;      /* content + form in one row */
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 20px;
width: 70%;
margin-left: 0px;
}
.subscription-content {
width: 60%;              /* left text */
}
.subscription-form {
width: 40%;              /* right form */
display: flex;
flex-direction: row;
gap: 10px;
}
.email-input {
width: 100%;
padding: 10px;
font-size: 16px;
}
.send-button {
padding: 10px 20px;
font-size: 16px;
white-space: nowrap;
}
}
.mt{
margin-top:0px!important; display: -webkit-box;
-webkit-line-clamp: 2;   /* show only one line */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
div.post--item.post--title-larger {
padding-top: 19px !important;
margin-bottom: 20px;
border-top: 1px solid #eee;
}
.post--items .row > div:nth-child(1) .post--title-larger,
.post--items .row > div:nth-child(2) .post--title-larger {
/*border-top: none !important;*/
}
/*.post--items-3 ul.nav > li:nth-child(2) {*/
/*    border-top: none !important;*/
/*}*/
.header--navbar .navbar-collapse{
display: flex !important;
justify-content: center !important;
}
.nav li.active {
background-color: #881C82 !important;
}
.nav li.active > a,
.nav li.active > a span {
background-color: #881C82 !important;
color: #fff !important;
}
.post--info .title .webkit-3{
display: -webkit-box;           /* Needed for line clamping */
-webkit-line-clamp: 3;          /* Show only 1 lines */
-webkit-box-orient: vertical;   /* Required for vertical clamping */
overflow: hidden;               /* Hide overflow */
text-overflow: ellipsis;  
}
.post--info .meta li a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/*.post--content p {*/
/*display: -webkit-box;*/
/*-webkit-line-clamp: 2;*/
/*-webkit-box-orient: vertical;*/
/*overflow: hidden;*/
/*}*/
.vertical-slider {
width: 100%;
height: 300px;  /* slider height */
overflow: hidden;
position: relative;
}
.vertical-slider-track {
display: flex;
flex-direction: column;
animation: slideUp 10s linear infinite;
}
.vertical-slider .card {
width: 100%;
margin-bottom: 10px;
}
.vertical-slider img {
width: 100%;
border-radius: 5px;
}
/* Bottom to Top Animation */
@keyframes slideUp {
0% { transform: translateY(100%); }
100% { transform: translateY(-100%); }
}
/* MAIN WRAPPER */
.magazine-box {
max-width: 1130px;
margin-left:0px;
background: #ffffff;
padding: 20px 30px;
border-radius: 8px;
border: 1px solid #e6e6e6;
display: flex;
gap: 30px;
align-items: flex-start;
}
.ci-slider {
background: #fff;
padding: 10px;
border-radius: 6px;
border: 1px solid #eee;
}
.ci-slide img {
width: 100%;
border-radius: 6px;
}
.social-icons {
margin-top: 18px;
display: flex;
gap: 9px!important;
}
.social-icons .icon {
width: 36px;
height: 36px;
border-radius: 50%;
background: #ffffff;
display: flex;
justify-content: center;
align-items: center;
color: #881C82;
border: 1px solid #e4e4e4;
transition: 0.25s;
}
.social-icons .icon:hover {
background: #881C82;
color: #fff;
border-color: #881C82;
}
.mag-title {
font-size: 26px;
font-weight: 700;
color: #881C82;
margin-bottom: 15px;
}
.file-info {
list-style: none;
margin: 0 0 15px 0;
padding: 0;
}
.file-info li {
font-size: 15px;
color: #000;
margin-bottom: 4px;
}
.highlight-box {
background: #f8f3f8;
border-left: 4px solid #881C82;
padding: 15px 20px;
border-radius: 4px;
margin-bottom: 18px;
color: #000;
}
.highlight-box a {
color: #881C82;
font-weight: 600;
}
.mag-buttons .btn {
padding: 8px 10px;
border-radius: 4px;
font-weight: 600;
border: none;
box-shadow: none;
transition: 0.2s ease;
}
.btn-warning {
background: #ffa726; 
color: #fff;
}
.btn-warning:hover {
background: #fb8c00;
}
.btn-primary {
background: #881C82;
color: #fff;
}
.btn-primary:hover {
background: #6b1566;
}
.btn-success {
background: #2e7d32;
color: #fff;
}
.btn-success:hover {
background: #1b5e20;
}
/*popup*/
/* Background Overlay */
#popup-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.55);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
/* Popup Box with small height */
#popup-box {
/*background: #fff;*/
padding: 5px;
border-radius: 12px;
/*box-shadow: 0 8px 30px rgba(0,0,0,0.3);*/
width: auto;          /* smaller width */
max-height: 100%;      /* <<< SMALL HEIGHT */
overflow: hidden;
position: relative;
}
/* Image inside */
#popup-box img {
width: 340px;
height: 430px;
object-fit: cover;      /* crop image to fit small height */
border-radius: 10px;
}
/* Close Button */
#popup-close {
position: absolute;
top: 10px;
right: 10px;
background: #000;
color: #fff;
border: none;
width: 26px;
height: 26px;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
line-height: 26px;
text-align: center;
}
/* ==== EVENT CARD WRAPPER ==== */
.event-card {
    background: #ffffff;
    
    box-shadow: 0px 2px 10px rgba(0,0,0,0.10);
    margin-bottom: 30px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
}

/* Header */
.event-card .event-header {
    background: #881C82;
    padding: 15px 20px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
}

/* Body */
.event-card table {
    width: 100%;
    margin: 0;
}

.event-card table th {
    background: #f5f7fa;
    width: 20%;
    padding: 12px;
    font-weight: 600;
    color: #333;
}

.event-card table td {
    padding: 12px;
    background: #ffffff;
    color: #444;
}

/* Pagination styling */
.pagination--wrapper {
    margin-top: 30px;
}

.pagination li a,
.pagination li span {
    padding: 8px 14px;
    border-radius: 6px;
    border: 1px solid #d1d1d1;
    margin: 0 3px;
}

.pagination li.active span {
    background: #0c4a78;
    color: white;
    border-color: #0c4a78;
}

.pagination li a:hover {
    background: #e9f3ff;
    border-color: #0c4a78;
}

/* Remove default table borders */
.event-card table,
.event-card th,
.event-card td {
    border: none !important;
}
/*Current-issue design*/
.other-issues-list {
    background: #fff;
    padding: 25px 30px;
    border-radius: 12px;
    margin-top: 40px;
    border: 1px solid #e6e6e6;
}

.other-issues-list h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #881C82;
}

/* Grid Issue Layout */
.issue-thumbnails {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 25px;
    display: flex;
    justify-content: center;  
    align-items: center;      
    gap: 25px;               
    flex-wrap: wrap;          
    margin-top: 20px;
}

/* Individual Issue Box */
.issue-thumb {
    text-align: center;
    transition: 0.3s;
}

.issue-thumb img {
    width: 100%;
    height:80%!important;
    max-width: 140px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: 0.3s ease-in-out;
}

/* Hover Effect */
.issue-thumb:hover img {
    transform: scale(1.9);
}

/* Title Below Image */
.issue-title {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #881C82;
}

/* For smaller screens */
@media (max-width: 576px) {
    .issue-thumbnails {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .issue-title {
        font-size: 12px;
    }
}
.year-filter-box {
    background: #fff;
    padding: 20px 25px;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    margin-bottom: 25px;
    max-width: 1130px;
    display:flex;
}

.filter-form {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.filter-form .form-group {
    display: flex;
    flex-direction: column;
}

.filter-form label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #333;
}

.filter-form .form-control {
    width: 300px;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.filter-btn {
    margin-top: 23px;
    padding: 10px 22px;
    background: #881C82;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    border: none;
}
.filter-btn:hover {
    background: #6b1566;
}
.bg--overlay {
margin-bottom:-60px!important;
}
.form-row {
    display: flex;
    gap: 20px; /* space between two fields */
    flex-wrap: wrap; /* wraps on small screens */
}

.form-row .form-group {
    flex: 1; /* each form-group takes 50% of row */
    min-width: 200px; /* prevent fields from becoming too small */
}
.title .logo {
    max-width: 200px; /* adjust size as needed */
    height: auto;
    display: block;
    margin: 10px auto 20px; /* center and add space below */
}
.login--form .btn{
    border-radius:5px;
}

/*Advetise page Design*/


.container-static {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
}

/* ----------------------- MAIN FORM ----------------------- */

.formContainer {
    display: flex;
    justify-content: center;
    margin: 40px auto;
}

.form-wrapper {
    display: flex;
    width: 100%;
    max-width: 1000px;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(29, 28, 28, 0.3);
}

/* LEFT */
.left-panel {
    flex: 1;
    background: #881C82; /* Dark blue */
    padding: 40px 30px;
    color: #ffffff;
}

.company-name {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight:600;
}
.company-tagline {
    font-size: 16px;
    margin-bottom: 25px;
}

.contact-detail {
    font-size: 15px;
    display: flex;
    margin-bottom: 18px;
}
.contact-detail i {
    margin-right: 10px;
    margin-top: 4px;
    color: #ffffff;
}

.contact-detail a {
    color: #ffffff;
}

/* RIGHT */
.right-panel {
    flex: 2;
    padding: 40px 30px;
}

.right-panel h2 {
    margin-bottom: 10px;
    color: #881C82; 
    font-weight: 600;
}
.adquote {
    color: #666;
    margin-bottom: 20px;
}

/* FIELDS */
.form-group {
    margin-bottom: 15px;
}

input, select, textarea {
    width: 100%;
    padding: 10px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fafafa;
    font-size: 15px;
}

/* Checkbox */
input[type="checkbox"] {
    width: auto !important;
    height: auto;
    margin: 0;
}
.checkbox-wrapper {
    display: flex;
    align-items: center;
}
.checkbox-wrapper label {
    margin-left: 10px;
    margin-bottom: 0;
}

/* BUTTON */
.btn-primary {
    background: #0d3c61; 
    color: #ffffff;
    padding: 10px 35px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s ease;
}

.btn-primary:hover {
    border: 1px solid #881C82;
    background: #a31c9f; 
    transform: translateY(-2px);
}

/* ----------------------- CAROUSEL ----------------------- */

.section-verticals {
    margin-top: 40px;
    padding: 40px 0;
}

.verticals__carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.carousel {
    width: 100%;
    height: 380px;
    position: relative;
}

.cover {
    position: absolute;
    width: 250px;
    height: 330px;
    border: 3px solid #ffffff;
    padding: 3px;
    background: #ffffff;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.3);
    transition: 0.4s ease;
}

.cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c1 { left: 30px; top: 30px; transform: scale(.75); filter: brightness(.7); }
.c2 { left: 200px; top: 20px; transform: scale(.85); filter: brightness(.8); }
.c3 { left: 400px; top: 0; transform: scale(1); z-index: 5; }
.c4 { left: 610px; top: 20px; transform: scale(.85); filter: brightness(.85);z-index: 4; }
.c5 { left: 780px; top: 30px; transform: scale(.75); filter: brightness(.7);z-index: 2;  }

.cover:hover {
    z-index: 10;
    transform: scale(1.1);
    filter: brightness(1);
}
/* ================= MOBILE VIEW ================= */
@media (max-width: 768px) {

    .carousel {
        position: static;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .cover {
        position: static !important;
        width: 85%;
        max-width: 320px;
        height: auto;
        transform: none !important;
        filter: none !important;
        box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
    }

    .cover img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    /* Disable hover effect on mobile */
    .cover:hover {
        transform: none;
        filter: none;
    }

    /* Remove desktop positioning */
    .c1, .c2, .c3, .c4, .c5 {
        left: auto;
        top: auto;
        z-index: auto;
    }
}

.contact-detail a:hover{
    color:#fff;
}
.testimonial-logo {
    width: 160px!important;
    height: 60px!important;
    object-fit: cover;
    border-radius: 7px!important;
    background: #fff!important;
    border: 1px solid #e5e5e5!important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px!important;
}
.news-title {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px; 
    line-height: 1.4em; 
}
input[type=radio]{
    width:auto;
}
.black-text, 
.black-text * {
    color: #000 !important;
    font-size:14px!important;
}
.black-text:hover,
.black-text a:hover,
a .black-text:hover {
    color: #881C82 !important;
}
a:hover .black-text {
    color: #881C82 !important;
}
/*SEARCH PAGE CSS*/
.search-page {
  max-width: 900px;
  margin: 30px auto;
  padding: 20px 30px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 15px rgb(0 0 0 / 0.05);
}

/* Search Form Styles */
#search-form {
  margin-bottom: 30px;
}

#search-form label {
  font-weight: 600;
  margin-right: 10px;
  white-space: nowrap;
}

.search-bar {
  display: flex;
  align-items: center;
}

#q {
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #ced4da;
  border-right: none;
  font-size: 1rem;
}

#q:focus {
  outline: none;
  box-shadow: 0 0 5px #881c829c;
  border-color: #881C82;
}

#search-form button.btn-primary {
  border-radius: 0 4px 4px 0;
  padding: 6px 20px;
  font-weight: 600;
}

/* Result List Styles */
#search-result-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
}

.result__item {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 15px 20px;
  margin-bottom: 15px;
  transition: box-shadow 0.2s ease;
}

.result__item:hover {
  box-shadow: 0 0 5px #881c829c;
  border-color: #881C82;
}

.result__title-link {
  font-weight: 600;
  font-size: 14px;
  color: #881C82;
  text-decoration: none;
}

.result__title-link:hover {
  text-decoration: underline;
}

.result__description {
  margin-top: 6px;
  color: #6c757d;
  font-size: 13px;
}

/* Pagination styles */
.search-page__pagination-info {
  font-weight: 500;
  color: #495057;
  margin-bottom: 10px;
}

/* Override bootstrap pagination active page color */
.pagination .page-item.active .page-link {
  background-color: #881C82;
  border-color: #881C82;
  color: white;
  font-weight: 600;
}

.pagination .page-link {
  color: #881C82;
  font-weight: 600;
  border-radius: 5px;
}

.pagination .page-link:hover {
  background-color: #e7f1ff;
  color: #881C82;
  text-decoration: none;
}

/* Icons from Bootstrap (using Unicode fallback) */
.icon-angle-left::before {
  content: "‹";
  font-weight: 700;
}
.icon-angle-right::before {
  content: "›";
  font-weight: 700;
}
.icon-angle-double-left::before {
  content: "«";
  font-weight: 700;
}
.icon-angle-double-right::before {
  content: "»";
  font-weight: 700;
}
.nbm-subtext {
margin-top:10px;
font-weight: 500;
color: #881C82;
margin-bottom: 15px;
}
.nbm-subtext a {
font-weight: 700;
font-size: 16px;
}
.login--form h2 {
font-size: 24px;
font-weight: 600;
color: #881C82;
margin-bottom: 20px;
text-align: center;
}

@media (max-width: 768px) {
.container-static{
padding: 0 30px;
}
.left-panel{
display:none;
}
.header--topbar-social > li:first-child {
margin-top: 10px;
width: 100%;
flex: 0 0 100%;
margin-bottom: 10px;
margin-left: -60px;
}

}
/* Password field wrapper */
.password-wrapper {
position: relative;
width: 100%;
}

/* Input padding for icon */
.password-wrapper .form-control {
padding-right: 42px;
}

/* Eye icon style */
.password-toggle {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
cursor: pointer;
color: #999;
font-size: 16px;
}

/* Hover effect */
.password-toggle:hover {
color: #333;
}
/*.sticky-logo {*/
/*    display: none !important;*/
/*}*/

/*.sticky-wrapper.is-sticky .sticky-logo,*/
/*.header--navbar.sticky .sticky-logo {*/
/*    display: block !important;*/
/*}*/

/*.sticky-logo img {*/
/*    max-height: 38px;*/
/*    width: auto;*/
/*}*/

/*.header--menu-links > .navbar-brand {*/
    /*padding: 0 15px 0 0;*/
/*    margin: 0;*/
/*}*/

/*.header--navbar.sticky .navbar-nav > li > a {*/
/*    padding-top: 20px;*/
/*    padding-bottom: 20px;*/
/*}*/
/*.header--navbar[style*="position: fixed"] .sticky-logo {*/
/*    display: block !important;*/
/*}*/