html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
body {
line-height: 1.5em;
overflow-y: scroll;
font-size: 16px;
}
html,body,input[type="text"],input[type="password"],input[type="submit"],textarea {
color: #515a63;
font-family: "Open Sans Light";
font-style: normal;
}
html,body,#allpage {
height: 100%;
}
body>#allpage {
height: auto;
min-height: 100%;
}
ol,ul,li {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input,textarea,[class*="span"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:-moz-placeholder {
color: #333 !important;
}
::-moz-placeholder {
color: #333 !important;
}
:-ms-input-placeholder {
color: #333 !important;
}
hr {
background: #ccc;
height: 1px;
border: none;
}
.clear_both {
clear: both;
}
.float-box-container:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
i[class^="icon-"] {
font-size: 18px;
}
.one-row:after {
clear: both;
}
.one-row:before,.one-row:after {
content: "";
display: table;
line-height: 0;
}
.one-row:after {
clear: both;
}
.one-row:before,.one-row:after {
content: "";
display: table;
line-height: 0;
}
.one-row:before,.one-row:after {
content: "";
display: table;
line-height: 0;
}
.one-row:before,.one-row:after {
content: "";
display: table;
line-height: 0;
}
.one-row {
margin-left: -20px;
}
[class*="span"] {
float: left;
min-height: 1px;
padding-left: 20px;
}
.span50 {
width: 50%;
}
body,html {
min-height: 100%;
width: 100%;
position: relative;
height: 100%;
}
body {
background: #fff;
border: 0 none;
color: #333;
font-family: "Open Sans Light" !important;
font-style: normal;
font-size: 16px;
line-height: 1.5;
margin: 0;
overflow-y: scroll;
padding: 0;
position: relative;
vertical-align: baseline;
}
.body {
min-height: 100%;
}
.body:after {
content: '';
display: block;
}
.body-content {
padding: 50px 0 0;
}
strong {
font-weight: 700;
}
.subheader {
color: #c1c1c1;
font-size: 20px;
}
input {
font-family: "Open Sans Light";
font-style: normal;
}
a {
outline: none;
text-decoration: none;
color: #5449C7;
}
a:hover {
color: #827ACE;
}
a img {
border: none;
outline: none;
}
.centered {
text-align: center;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.1;
}
.uppercase {
text-transform: uppercase;
}
.ui.form .textarea {
color: rgba(0,0,0,0.7);
font-family: "Open Sans Light";
font-style: normal;
font-size: 14px;
}
.aligned.right {
text-align: right;
}
.header a {
color: #222;
}
.google-remarketing-bs {
height: 0;
width: 0;
overflow: hidden;
}
.unselectable {
user-select: none;
-moz-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
cursor: pointer;
}
.content {
position: relative;
z-index: 0;
}
.content .ui.grid {
margin: 0;
}
#container.super-wide #content_wrap,#container.super-wide #content {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.link {
color: #4789cf !important;
}
.link:hover {
color: #3277c0 !important;
}
.link.small {
font-size: 14px;
}
.link.tiny {
font-size: 12px;
}
#container.super-wide #content {
margin-left: 0;
}
.ui.grid.feed-content>.row>.column {
padding: 0;
}
.ui.grid.feed-wrap {
margin: 0 auto;
position: relative;
width: 1170px;
z-index: 10;
}
.ui.grid.feed-content>.row.feed-item {
margin: 20px 0 0;
}
.ui.grid.feed-content>.row.feed-item:first-child {
margin-top: 0;
}
.ui.grid.feed-content>.row.feed-item>.column {
width: 100%;
}
.ui.grid.feed-content>.row.feed-item .seller-avatar {
position: absolute;
top: 0;
left: -70px;
width: 50px;
height: 50px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 3px;
}
.ui.grid.feed-content>.row.feed-item .product-info {
position: relative;
z-index: 1;
}
.feed-wrap .merchant-avatar {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 32px;
margin-right: 5px;
width: 32px;
}
.row.feed-item .segment {
overflow: hidden;
padding: 0;
}
.row.feed-item .product-image {
max-width: 730px;
overflow: hidden;
position: relative;
}
.row.feed-item .product-image img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.ui.grid.feed-content .ui.header {
color: #222;
font-size: 32px;
font-weight: 400;
line-height: 1;
margin: 0 !important;
word-wrap: break-word;
}
.ui.grid .row.feed-item .buy-now-wrap {
vertical-align: middle;
text-align: right;
}
.ui.grid .row.feed-item .noembed-meta-info {
display: none;
}
.ui.grid>.row>.column.right-sidebar .sidebar-block-wrap {
margin-bottom: 20px;
margin-top: 0 !important;
}
.ui.grid>.row>.column.right-sidebar .attached .row .column {
font-size: 14px;
line-height: 1.8;
}
.ui.grid>.row>.column.right-sidebar .sidebar-block-wrap .block-header {
color: #222;
line-height: 1;
padding: 0 10px 10px;
margin: 0;
font-size: 24px;
}
.ui.grid>.row>.column.right-sidebar .sidebar-block-wrap .block-header .column {
padding: 0;
}
.icon.reload-merchants {
color: #515a63;
font-size: 16px;
line-height: 22px;
position: absolute;
right: 16px;
}
.icon.reload-merchants:hover {
color: #222;
cursor: pointer;
}
.ui.grid>.row.follow-merchant .column>div {
line-height: 0;
}
.ui.grid>.row.follow-merchant .column a {
display: inline-block;
font-size: 14px !important;
font-weight: 400;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 180px;
}
.sellfy-logo {
font-size: 14px;
padding-right: 30px;
text-align: center;
}
.sellfy-logo a {
color: #b5b5b5;
font-weight: 700;
line-height: 60px;
vertical-align: middle;
}
.sellfy-logo a:hover {
opacity: .9;
}
.sellfy-svg-logo-wrap {
vertical-align: middle;
}
.sellfy-svg-logo-wrap img {
outline: none !important;
border: none !important;
vertical-align: middle;
display: inline-block;
margin-top: -10px;
}
.sellfy-logo .sellfy-svg-logo {
fill: #b5b5b5;
}
.product-price-badge,.product-price-badge * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.product-price-badge {
display: inline-block;
height: 36px;
line-height: 36px;
outline: none;
overflow: hidden;
padding-left: 30px;
position: relative;
vertical-align: middle;
z-index: 0;
}
.product-price-badge .price {
background: #efefef;
border-radius: 0 3px 3px 0;
border: 1px solid #cfd4db;
border-bottom: 2px solid #cfd4db;
border-left: none;
color: #515a63;
display: inline-block;
font-weight: 700;
height: 36px;
line-height: 34px;
min-width: 45px;
text-align: center;
padding: 0 8px 0 0;
z-index: 0;
}
.product-price-badge .price:before {
background: #efefef;
border-bottom-left-radius: 3px;
border: 1px solid #cfd4db;
border-bottom: 2px solid #cfd4db;
border-right: none;
border-top: none;
content: "";
display: block;
height: 38px;
position: absolute;
transform: rotate(45deg) translate(-10px,5px);
-webkit-transform: rotate(45deg) translate(-10px,5px);
-ms-transform: rotate(45deg) translate(-10px,5px);
width: 38px;
z-index: -1;
}
.product-price-badge.small {
height: 22px;
line-height: 20px;
padding-left: 10px;
}
.product-price-badge.small .price {
height: 22px;
line-height: 20px;
padding-right: 4px;
font-size: 13px;
font-weight: 400;
min-width: 20px;
border-bottom-width: 1px;
}
.product-price-badge.small .price::before {
width: 21px;
height: 21px;
border-bottom-width: 1px;
transform: rotate(45deg) translate(-5px,4px);
-webkit-transform: rotate(45deg) translate(-5px,4px);
-ms-transform: rotate(45deg) translate(-5px,4px);
}
.product-price-badge:hover .price,.product-price-badge:hover .price:before {
background: #eaeaea;
}
.header-hero-wrap {
background: #F5F6F7;
padding: 50px 0;
text-align: center;
}
.header-hero {
max-width: 960px;
margin: 0 auto;
}
.header-hero .ui.header {
padding: 0 10px 10px;
}
.header-hero .subheader {
color: #515a63;
font-size: 20px;
padding: 0 15px;
}
.header-hero .ui.button {
margin-top: 30px;
}
.social-buttons {
text-align: center;
opacity: 0;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
height: 20px;
margin-bottom: 15px;
}
.social-buttons.active {
opacity: 1;
}
.social-buttons>div {
vertical-align: top !important;
height: 20px !important;
display: inline-block !important;
margin: 0 5px;
}
.social-buttons>.tw-button>iframe {
max-width: 90px;
}
.fb-like>span {
vertical-align: top !important;
}
@font-face {
font-family: "Open Sans Light";
font-style: normal;
font-weight: 400;
}
[class^="icon-"],[class*=" icon-"] {
font-family: "Open Sans Light";
font-style: normal;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-photos:before {
content: "\e600";
}
.icon-all:before {
content: "\e601";
}
.icon-audio:before {
content: "\e602";
}
.icon-comics:before {
content: "\e603";
}
.icon-design:before {
content: "\e604";
}
.icon-ebooks:before {
content: "\e605";
}
.icon-font:before {
content: "\e606";
}
.icon-grid:before {
content: "\e607";
}
.icon-list:before {
content: "\e60f";
}
.icon-sellfy-logo:before {
content: "";
}
.icon-sellfy-logo-full:before {
content: "\e60a";
}
.icon-mouse:before {
content: "\e60b";
}
.icon-search:before {
content: "\e60c";
}
.icon-software:before {
content: "\e60d";
}
.icon-video:before {
content: "\e60e";
}
.sellfy-header-wrap {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 98;
}
.sellfy-header {
background-image : linear-gradient(to right, rgba(144, 35, 190, 1), rgba(13, 118, 209, 1));
background-repeat : no-repeat,
no-repeat,
no-repeat;
background-position: bottom right,
left,
right;
height: 54px;
width: 100%;
}
.sellfy-header .logo {
-webkit-transition: .2s color;
color: #00b040;
margin-right: 10px;
transition: .2s color;
}
.sellfy-header .logo i {
font-size: 32px;
line-height: 50px;
}
.sellfy-header .logo:hover {
color: #00C444;
}
.ui.grid.sellfy-header>.row {
margin: 0 auto !important;
max-width: 960px;
}
.ui.grid.sellfy-header>.row>.column {
line-height: 54px;
}
.sellfy-header .menu-link {
margin-right: 20px;
}
.sellfy-header .header-search {
display: inline-block;
vertical-align: top;
height: 32px;
margin: 8px 20px 8px 10px;
position: relative;
}
.sellfy-header .header-search .twitter-typeahead {
display: block !important;
}
.sellfy-header .ui.form.header-search input {
padding: 8px 32px 8px 12px !important;
width: 190px;
display: block;
}
.sellfy-header .ui.form.header-search.opened input.tt-input {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.sellfy-header .header-search .icon-search,.sellfy-header .header-search .close.icon {
position: absolute;
top: 7px;
}
.sellfy-header .header-search .icon-search {
right: 8px;
}
.sellfy-header .header-search .close.icon,.sellfy-header .header-search.opened .icon-search {
display: none;
right: 4px;
cursor: default;
}
.sellfy-header .header-search.opened .close.icon {
cursor: pointer;
display: block;
}
.sellfy-header .twitter-typeahead .tt-dropdown-menu {
box-sizing: border-box;
-webkit-box-sizing: border-box;
background: #fff;
width: 190px;
margin-top: -1px;
border: 1px solid #cfd4db;
border-radius: 0 0 3px 3px;
}
.sellfy-header .twitter-typeahead .tt-dropdown-menu .tt-suggestion .truncate {
box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #222;
cursor: pointer;
display: block;
font-size: 14px;
height: 32px;
line-height: 32px;
padding: 0 10px;
width: 188px;
}
.sellfy-header .twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-cursor .truncate {
background: #f6f6f6;
}
.sellfy-header .twitter-typeahead .tt-dropdown-menu .tt-empty {
font-size: 14px;
font-style: italic;
height: 32px;
line-height: 32px;
padding: 0 10px;
}
.sellfy-header .twitter-typeahead .tt-dropdown-menu .search-footer {
padding: 0 10px;
}
.sellfy-header .twitter-typeahead .tt-dropdown-menu .search-footer .ui.button.hollow {
padding-left: 0;
padding-right: 0;
text-align: center;
margin: 10px 0;
}
.sellfy-header .header-search input:focus {
font-style: normal;
}
.sellfy-header .header-divider {
background: none;
display: inline-block;
height: 24px;
vertical-align: middle;
width: 20px;
}
.sellfy-header .header-divider.last {
margin-right: 0;
}
.sellfy-header .header-divider.last:last-child {
margin-left: -5px;
}
.sellfy-header .header-merchant-logo {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
display: inline-block;
height: 24px;
margin: -2px 5px 0 0;
vertical-align: middle;
width: 24px;
}
.sellfy-header .header-dropdown-url {
font-size: 20px;
margin-right: 0;
vertical-align: middle;
}
.sellfy-header .ui.dropdown {
font-size: 14px;
height: 54px;
line-height: 54px;
margin-left: 0;
margin-top: 0;
text-align: left;
vertical-align: top;
}
.sellfy-header .ui.dropdown .header-notification-dropdown {
-webkit-box-shadow: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
border: 1px solid #cfd4db;
box-shadow: none;
border-top: none;
margin: 0 -1px 0 0 !important;
padding: 2px 0;
}
.sellfy-header .item.active {
font-weight: 400 !important;
}
.sellfy-header .ui.dropdown .header-notification-dropdown:after {
display: none;
}
.sellfy-header .ui.dropdown .header-notification-dropdown .ui.divider {
margin: 4px 0;
}
.sellfy-header .ui.dropdown .header-notification-dropdown .item {
border-top: 0 none !important;
padding: 0 !important;
}
.sellfy-header .ui.dropdown .header-notification-dropdown .item a {
box-sizing: border-box;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
color: #515a63;
display: block;
line-height: 1;
margin: 2px 0 !important;
padding: 8px 0 8px 20px !important;
position: relative;
width: 200px;
}
.sellfy-header .ui.dropdown .header-notification-dropdown .item:hover a,.sellfy-header .ui.dropdown .header-notification-dropdown .item a.active {
font-weight: 700;
color: rgba(144, 35, 190, .6);
}
.sellfy-header .ui.dropdown .header-notification-dropdown .item.selected {
background: none;
}
.sellfy-header .ui.dropdown:hover>span {
color: #666;
}
.sellfy-header .ui.dropdown>.dropdown.icon {
margin-left: 5px;
}
.sellfy-header .ui.dropdown a {
color: rgba(0,0,0,0.75);
}
.sellfy-header .header-merchant-logo {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
display: inline-block;
height: 24px;
margin: -2px 0 0;
vertical-align: middle;
width: 24px;
}
.sellfy-header .ui.hollow.button {
padding: 7px 15px 8px;
}
.ui.label.feed-unread-label {
display: none;
font-size: 7px;
margin-left: -2px;
margin-top: -15px;
}
@media(max-width :330px) {
.sellfy-header>.row>.column.left.aligned {
width: 43.75% !important;
}
.sellfy-header>.row>.column.right.aligned {
width: 56.25% !important;
}
}
@media(max-width :640px) {
.no-mobile {
display: none !important;
}
.body-content {
padding-top: 50px !important;
}
}
@media(max-width :960px) {
.ui.grid.sellfy-header>.row>.column.left {
padding-left: 15px !important;
}
.ui.grid.sellfy-header>.row>.column.right {
padding-right: 15px !important;
}
}
@media(max-width:735px) {
.sellfy-header .header-search {
display: none;
}
}
@media(max-width :1000px) {
.ui.grid>.row>.column.header-notification-left {
padding-left: 20px !important;
}
.ui.grid>.row>.column.header-notification-right {
padding-right: 20px !important;
}
}
.footer {
height: 150px;
width: 100%;
overflow: hidden;
color: #FFF;
font-size: 14px;
background-color: #000;
}
.footer .icon-sellfy-logo {
font-size: 30px;
color: #AFAFAF;
margin: 30px 0 20px;
display: inline-block;
}
.footer .item {
color: inherit;
margin: 0 10px;
}
.footer a.item:hover {
color: #444;
}
.footer-copyright {
padding: 5px;
font-size: 12px;
}
@media(max-width :600px) {
.body {
margin-bottom: 0 !important;
}
.body-content {
padding-bottom: 0 !important;
}
.footer {
height: auto;
}
.footer-copyright {
padding-top: 20px;
}
.footer-copyright span.item {
display: block;
}
.footer .item {
margin-bottom: 10px;
display: inline-block;
}
}
.ui.form .error.message {
background: #FF9380;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset;
color: #FFF;
font-size: 1em;
margin: 0 0 1em;
padding: 15px;
}
.ui.form .error.message .error-text {
line-height: 1.1;
}
.ui.form .error.message a {
color: #fff;
font-weight: 700;
text-decoration: underline;
}
.ui.form .error.message a:hover,.ui.form .error.message a:focus {
color: #fff;
}
.ui.modal {
margin-left: -190px;
width: 380px;
}
.auth-page-wrap .auth {
padding: 80px 0;
}
.auth-page-wrap .auth .form {
width: 320px;
margin: 0 auto;
}
.auth {
margin: 0 auto;
}
.ui.form.tabbed {
width: 80%;
margin: 0 auto;
}
.auth .ui.header {
color: #222;
font-size: 32px;
font-weight: 100;
line-height: 1;
margin: 0 0 1em;
text-align: center;
}
.auth .field.switch {
text-align: center;
}
.auth .field.terms {
color: #515a63;
font-size: 12px;
line-height: 1;
}
.auth .reset.field {
display: block;
font-size: 14px;
line-height: 1;
margin-bottom: 5px;
position: relative;
text-align: right;
top: -10px;
}
.auth .reset.field a {
display: inline-block;
line-height: 1.1;
}
.auth a,.auth a:visited {
color: #515a63;
line-height: 1.1;
transition: .2s color;
width: auto;
}
.auth a:hover,.auth a:focus {
color: #234359;
}
.auth .ui.horizontal.divider {
color: #515a63;
margin: 15px 0;
overflow: hidden;
}
.auth .ui.horizontal.divider:before,.auth .ui.horizontal.divider:after {
border-bottom: none;
overflow: hidden;
}
.auth .ui.form .field input.error {
border-color: red;
}
.auth .ui.form .field input.error:not(:focus)+.icon {
color: red;
}
.auth .ui.form .field input:focus {
border-radius: 3px !important;
border: 1px solid #00b040;
color: #222;
}
.auth .facebook.button {
border: none;
}
iframe[src="about:blank"] {
display: none;
}
.merchant-name-meta {
font-size: 12px;
line-height: 1;
margin-top: 5px;
}
.merchant-name-url.success {
color: #00b040;
}
.merchant-name-url.error,.username-error {
color: red;
}
.merchant-name-status-good,.merchant-name-status-bad {
display: none;
}
.merchant-name-url.success .merchant-name-status-good {
display: inline;
}
.merchant-name-url.error .merchant-name-status-bad {
display: inline;
}
.username-wrap .username-error,.username-wrap.invalid .merchant-name-url {
display: none;
}
.username-wrap.invalid .username-error {
display: block;
}
.inline .email-signup-field {
display: none;
}
.inline .username-signup-field,.inline .password-signup-field,.inline .button_submit_wrap {
display: inline-block;
vertical-align: top;
margin: 0 5px !important;
width: 20%;
}
.inline.ui.form .terms {
margin-top: 25px;
}
.inline .terms>br {
display: none;
}
.inline.ui.form .ui.error.message {
width: 63%;
margin: 0 auto 20px;
}
.inline .username-signup-field {
position: relative;
}
.inline .signup-back-to-fb:before {
font-family: Icons;
content: "\f060";
left: -33px;
position: absolute;
font-size: 18px;
opacity: .5;
line-height: 38px;
cursor: pointer;
}
.inline .signup-back-to-fb:hover:before {
opacity: .7;
}
@media(device-width :320px),(max-width :765px) {
.ui.page.dimmer {
position: absolute;
}
.ui.modal {
left: 0 !important;
margin: 0 !important;
right: 0 !important;
top: 0 !important;
width: 100% !important;
}
.ui.modal>.auth {
padding: 20px 10px;
overflow: hidden;
}
.ui.modal .icon.close {
color: rgba(0,0,0,.35);
right: 2px;
top: 8px;
z-index: 1;
}
.auth-page-wrap .auth {
margin: 20px auto 0;
padding: 0 10px;
width: auto;
}
.auth .ui.form .field.joined.left .join {
display: none;
}
.auth .ui.form .field.joined.left input,.auth .ui.form .field.joined.left input:focus,.auth .ui.form .field.joined.left input:active {
border-radius: 3px !important;
width: 100%;
}
}
.ui.segment.product-item {
border-radius: 0px;
background: none repeat scroll 0 0 #fff;
border: solid 1px #e1e1e1 !important;
box-shadow: 0 0 0 1px rgba(39, 41, 43, 0),0 1px 2px 0 rgba(0, 0, 0, 0);
display: inline-block;
padding: 0;
vertical-align: top;
width: 300px;
position: relative;
}
.ui.segment.product-item .product-image {
overflow: hidden;
width: 100%;
height: 225px;
background: #FFF;
border-radius: 3px 3px 0 0;
position: relative;
}
.ui.segment.product-item .product-image img {
margin: auto;
display: block;
}
.ui.segment.product-item .product-image iframe {
width: 100%;
display: block;
max-height: 100%;
}
.ui.segment.product-item .product-image .product-image-hover {
-webkit-transition: .2s opacity;
transition: .2s opacity;
background-image: linear-gradient(to right, rgba(144,35,190,0.8), rgba(13,118,209,0.8));
background-image: -webkit-gradient(linear, left top, right top, from(rgba(144, 35, 190, 0.8)), to(rgba(13,118,209,0.8)));
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: bottom right, left, right;
box-sizing: border-box;
color: #fff;
height: 100%;
opacity: 0;
overflow: hidden;
padding: 20px;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.ui.segment.product-item .product-image:hover .product-image-hover {
opacity: 1;
}
.ui.segment.product-item .product-image .product-image-hover .header {
color: #fff;
display: block;
margin-bottom: 10px;
font-size: 30px;
}
.ui.segment.product-item .product-image .product-image-hover .hover-description {
display: block;
font-size: 14px;
line-height: 1.45;
}
.ui.segment.product-item.list-view .product-image .product-image-hover {
display: none;
}
.ui.segment.product-item .product-image .product-image-static {
width: 100%;
height: 225px;
display: block;
background-color: #E2E4E7;
background-size: cover;
background-position: center;
}
.ui.segment.product-item .product-image {
position: relative;
display: block;
border-radius: 3px 3px 0 0;
overflow: hidden;
}
.ui.segment.product-item .product-image .extension {
color: #c1c1c1;
display: inline;
font-size: 16px;
font-weight: 700;
left: 0;
margin-top: -10px;
position: absolute;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.ui.segment.product-item .product-image-extension.big .extension {
font-size: 30px;
padding-top: 5px;
}
.product-image-gallery {
background: #fff;
padding-bottom: 75%;
width: 100%;
position: relative;
overflow: hidden;
}
.product-image-gallery .preview-image {
max-height: 100%;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ui.segment.product-item .product-image {
height: auto;
}
.ui.segment.product-item .product-image-gallery .preview-image {
opacity: 0;
z-index: 9;
}
.ui.segment.product-item .product-image-gallery .preview-image.active {
opacity: 1;
}
.ui.segment.product-item .product-image-gallery .preview-image.media-preview {
width: 100%;
height: 100%;
z-index: 10;
}
.noembed-embed,.noembed-wrapper,.noembed-embed-inner {
height: 100%;
}
.product-thumbnails {
/*background: #FBFBFB;*/
font-size: 0;
line-height: 1;
padding: 20px;
}
.preview-thumbnail {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
display: inline-block;
height: 45px;
width: 60px;
margin-right: 10px;
cursor: pointer;
}
.preview-thumbnail.active {
opacity: .4;
cursor: default;
}
.ui.segment.product-item.productpage-view .product-image .preview-thumbnail.youtube {
background-color: #FC3232;
vertical-align: top;
text-align: center;
}
.ui.segment.product-item.productpage-view .product-image .preview-thumbnail .icon.play {
color: #fff;
line-height: 45px;
margin-right: 0;
font-size: 16px;
}
.ui.segment.product-item .ui.header {
line-height: 1;
margin: 0;
}
.ui.segment.product-item h1.ui.header {
font-size: 24px;
}
.ui.segment.product-item h3.ui.header {
font-size: 16px;
}
.ui.segment.product-item .ui.header a {
font-weight: 400;
width: 100%;
display: block;
}
.ui.segment.product-item .product-meta {
padding: 18px 20px;
}
.ui.segment.product-item .product-meta-info {
line-height: 1;
}
.ui.segment.product-item .author-meta {
display: block;
margin-top: 10px;
text-decoration:none;
}
.ui.segment.product-item .author-meta .author-avatar {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 20px;
display: inline-block;
height: 35px;
margin-right: 5px;
vertical-align: middle;
width: 35px;
}
.ui.segment.product-item .author-meta .author-name {
color: #5449C7;
display: inline-block;
font-size: 14px;
font-weight: 400;
margin: 0;
max-width: 85%;
vertical-align: middle;
}
.ui.segment.product-item .author-meta:hover .author-name {
color: #47a5d0;
}
.ui.segment.product-item .product-description {
display: none;
line-height: 1.5;
}
.ui.segment.product-item .ui.divider {
margin: 18px auto;
width: 100%;
}
.ui.segment.product-item .ui.grid>.row.product-price-wrap>.column {
vertical-align: middle;
}
.ui.segment.product-item .ui.grid>.row.product-price-wrap .price {
color: #808080;
font-size: 30px;
font-weight: 100;
line-height: 36px;
}
.ui.segment.product-item .ui.grid>.row.product-price-wrap .price .old-price {
color: #c1c1c1;
text-decoration: line-through;
font-weight: 400;
margin-left: 5px;
}
.ui.segment.product-item .ui.grid>.row.product-price-wrap .price .discount-price {
color: #00b040;
}
.ui.segment.product-item .ui.grid>.row.product-price-wrap .price-button {
/*width: 85px;*/
/*padding-left: 0;*/
/*padding-right: 0;*/
}
@media(min-width:980px) {
.ui.segment.product-item.list-view {
display: block;
padding: 0;
vertical-align: top;
width: auto;
position: relative;
text-align: left;
margin-bottom: 30px;
}
.ui.segment.product-item.list-view .product-image {
display: table-cell;
width: 300px;
height: 225px;
border-radius: 3px 0 0 3px;
}
.ui.segment.product-item.list-view .ui.header {
font-size: 20px;
max-width: 340px;
}
.ui.segment.product-item.list-view .product-meta {
display: table-cell;
width: 640px;
padding: 18px 0 18px 20px;
}
.ui.segment.product-item.list-view .product-meta .ui.divider {
display: none;
}
.ui.segment.product-item.list-view .product-meta .grid {
display: table;
width: 100%;
margin: 0;
}
.ui.segment.product-item.list-view .product-meta .row {
display: table-cell;
vertical-align: top;
width: auto !important;
}
.ui.segment.product-item.list-view .product-description {
display: block;
}
.ui.segment.product-item.list-view .product-meta .product-description {
font-size: 14px;
color: #222;
margin-top: 20px;
line-height: 1.25;
padding-right: 10px;
}
.ui.segment.product-item.list-view .ui.grid>.row.product-price-wrap {
border-left: 1px solid #E4E6EA;
height: 189px;
width: 220px !important;
margin-left: 20px;
}
.ui.segment.product-item.list-view .ui.grid>.row.product-price-wrap .column.aligned.left,.ui.segment.product-item.list-view .ui.grid>.row.product-price-wrap .column.aligned.right {
display: table;
height: 50%;
text-align: center !important;
width: 100% !important;
}
.ui.segment.product-item.list-view .ui.grid>.row.product-price-wrap .price {
display: table-cell;
vertical-align: bottom;
padding-bottom: 15px;
font-size: 24px;
}
.ui.segment.product-item.list-view .ui.grid>.row.product-price-wrap .price .old-price {
left: 0;
position: absolute;
top: 25px;
font-size: 16px;
width: 100%;
}
.ui.segment.product-item.list-view .ui.grid>.row.product-price-wrap .price-button {
margin-top: 15px;
}
.ui.segment.product-item.list-view .ui.label.clip {
right: 60px;
}
.ui.segment.item.product-item.ebooks-view.list-view .product-image {
border-radius: 3px 0 0 3px;
}
.ui.segment.product-item.ebooks-view.list-view .product-image,.ui.segment.product-item.ebooks-view.list-view .product-image .product-image-static {
height: 225px;
width: 162px;
}
.ui.segment.product-item.list-view .product-meta {
width: 768px;
}
}
.ui.segment.product-item.feed-view {
display: block;
max-width: 730px;
width: auto;
margin-bottom: 0;
border-radius: 3px 3px 0 0;
}
.ui.segment.product-item.productpage-view .product-description {
display: block;
line-height: 1.5;
color: #222;
}
.ui.segment.product-item.productpage-view .product-price-wrap,.ui.segment.product-item.productpage-view .author-meta {
display: none !important;
}
.ui.segment.product-item.productpage-view .ui.header {
font-size: 32px;
font-weight: 400;
margin-bottom: 20px;
}
@media(max-width:620px) {
.ui.segment.product-item.productpage-view .product-meta {
padding: 18px 20px;
}
.preview-thumbnail {
margin-bottom: 10px;
}
}
@media(min-width:620px) {
.ui.segment.product-item .product-image iframe {
height: 465px;
}
}
.ui.segment.product-item.ebooks-view .product-image {
overflow: hidden;
height: 400px;
background: #f7f7f7;
border-radius: 3px 3px 0 0;
}
.ui.segment.product-item.ebooks-view .product-image .product-image-static {
height: 400px;
display: block;
background-color: #E2E4E7;
background-size: cover;
background-position: center;
}
.block-ellipsis {
overflow: hidden;
height: 225px;
}
.block-ellipsis:before {
content: "";
float: left;
width: 5px;
height: 100%;
}
.block-ellipsis>:first-child {
float: right;
width: 100%;
margin-left: -5px;
}
.block-ellipsis:after {
content: "\000A0";
box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
float: right;
position: relative;
bottom: 67px;
left: 100%;
width: 53px;
margin-left: -53px;
padding-right: 5px;
text-align: right;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white),color-stop(50%,white));
background: linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
}
.ui.global-wrap {
max-width: 1170px;
margin-left: auto !important;
margin-right: auto !important;
}
.ui.global-wrap:after {
content: "";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.ui.grid {
margin: 0;
}
.ui.grid>* {
padding-left: 0;
padding-right: 0;
}
.ui.grid>.column:not(.row),.ui.grid>.row>.column {
padding-left: 10px !important;
padding-right: 10px !important;
}
.ui.grid.tight .row .column,.ui.grid .row.tight .column,.ui.grid .row .column.tight {
padding-right: 5px;
padding-left: 5px;
}
.ui.grid.close .row .column,.ui.grid .row.close .column,.ui.grid .row .column.close {
padding-left: 0;
padding-right: 0;
}
.ui.grid::after,.ui.grid>.row::after {
display: none;
}
.ui.grid>.row {
position: relative;
padding: 0;
margin: 0;
}
.ui.grid>.column,.ui.grid>.column:not(.row) {
margin-top: 0;
margin-bottom: 0;
}
.ui.grid .column.centered {
margin: 0 auto;
display: block;
}
.ui.grid.no-min-height {
overflow: hidden;
}
.ui.grid.form .row {
margin-bottom: 20px;
}
.ui.grid.form .row.marginless {
margin-bottom: 0;
}
.ui.grid>.row[class*="equal height"],.ui.grid[class*="equal height"],.ui.grid[class*="equal height"]>.row {
display: table;
width: 100%;
table-layout: fixed;
}
.ui.grid>.row[class*="equal height"]>.column,.ui.grid[class*="equal height"]>.column:not(.row),.ui.grid[class*="equal height"]>.row>.column {
display: table-cell;
flex-grow: 1;
flex: column;
}
#3C97EF .ui.header {
color: #222;
font-family: "Open Sans Light";
font-style: normal;
line-height: 1;
}
.ui.header:first-child {
margin-top: 0;
}
.ui.header.inverted {
color: #fff;
}
h1.ui.header {
font-size: 32px;
font-weight: 700;
}
h2.ui.header {
font-size: 28px;
font-weight: 400;
}
h3.ui.header {
font-size: 24px;
font-weight: 400;
}
h4.ui.header {
font-size: 20px;
font-weight: 400;
}
h2.ui.text-footer {
font-size: 18px;
font-weight: 100;
color: #515a63;
}
.ui.header.thin {
color: #302E46;
font-weight: 100;
margin: 55px 0;
text-align: center;
}
.ui.header.normal {
font-weight: 400;
}
.ui.header.light {
font-weight: 200;
}
.ui.header.huge {
font-size: 36px;
}
.ui.segment,.ui.grid.segment {
border-radius: 0px;
border: none;
position: relative;
border: solid 1px #e1e1e1 !important;
box-shadow: 0 0 0 1px rgba(39, 41, 43, 0),0 1px 2px 0 rgba(0, 0, 0, 0);
max-width: 100%;
}
a.product-image-hover {
text-decoration: none !important;
}
.ui.segment.payments {
margin: 0 auto 30px;
}
.ui.segment.white {
background: #FFF;
}
.ui.segment.hover:hover {
-webkit-box-shadow: 0 2px 0 0 rgba(1,1,1,0.1);
box-shadow: 0 2px 0 0 rgba(1,1,1,0.1);
}
.ui.segment.borderless {
-webkit-box-shadow: none;
border: none;
box-shadow: none;
}
.ui.segment.top.attached {
border: none;
border-radius: 3px 3px 0 0;
padding: 20px;
border: 1px solid #bdc3c7 !important;
}
.ui.segment.bottom.attached {
background: #FBFBFB;
border-radius: 0 0 3px 3px;
border: none;
border-top: 1px solid rgba(0,0,0,0.05) !important;
padding: 20px;
box-shadow: 0 2px 0 0 rgba(1,1,1,0.06);
}
@media(max-width:620px) {
.ui.segment,.ui.grid.segment {
border-left: none;
border-radius: 0;
border-right: none;
}
}
.ui.button {
-webkit-appearance: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: .1s all;
-moz-transition: .1s all;
transition: .1s all;
/*border-radius: 3px !important;*/
border: none !important;
color: #515a63;
font-family: "Open Sans Light";
font-style: normal;
font-size: 14px;
line-height: normal;
margin: 0;
padding: 12px 30px;
text-shadow: none;
text-transform: none;
}
.ui.button:focus {
box-shadow: none !important;
}
.ui.button.big {
font-size: 16px;
padding: 26px 60px;
}
.ui.fg.buttons .button,.ui.fg.button {
background: #5449C7 !important;
color: #fff !important;
}
.ui.fg.buttons .button:hover,.ui.fg.button:hover {
/*background: #5C44C5 !important;*/
background: #827ACE !important;
color: #fff !important;
}
.ui.fg2.buttons .button,.ui.fg2.button {
background: #0D76D1 !important;
color: #fff !important;
}
.ui.fg2.buttons .button:hover,.ui.fg2.button:hover {
/*background: #00A9E0 !important;*/
background: #53A0E2 !important;
color: #fff !important;
}
.ui.green.buttons .button,.ui.green.button {
background: #33c4b6;
}
.ui.green.button.positive {
background: #33c4b6 !important;
}
.ui.green.button.positive:hover,.ui.green.button.positive:active {
background: #71DCD1 !important;
}
.ui.green.buttons .button:hover,.ui.green.button:hover,.ui.green.buttons .active.button,.ui.green.button.active,.ui.green.buttons .button:active,.ui.green.button:active {
background: #71DCD1;
}
.ui.button.pinterest {
background: #D11A1F;
}
.ui.button.pinterest:hover {
background: #DF1B23;
}
.ui.blue.button {
color: #FFF;
background: #9023BE;
}
.ui.blue.button:hover {
background: #5C44C5;
}
.ui.paypal.button {
color: #fff;
background: #195A7F;
}
.ui.paypal.button:hover {
background: #144F6F;
}
.ui.basic.buttons .button,.ui.basic.button {
font-weight: 700;
background: #D7DADA;
border: none !important;
color: #343F4A;
text-shadow: none;
}
.ui.basic.buttons .button:hover,.ui.basic.button:hover {
background: #D0D3D4;
color: #343F4A;
}
.ui.button.bold {
font-weight: 700;
}
.ui.dropbox.button {
background: #fcfcfc !important;
background: -webkit-linear-gradient(top,#fcfcfc 0,#f5f5f5 100%) !important;
background: linear-gradient(to bottom,#fcfcfc 0,#f5f5f5 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#f5f5f5',GradientType=0) !important;
color: #636363 !important;
}
.ui.dropbox.button i {
color: #007EE6 !important;
}
.ui.small.buttons .button,.ui.small.button {
padding: .85em 1.5em;
}
.ui.buttons .or {
height: 1.3em !important;
}
.ui.buttons .or:before {
line-height: 1.65 !important;
}
.ui.wide.buttons .button,.ui.wide.button {
font-size: 1rem;
padding: 1em 3em;
}
.ui.sellfy-basic {
display: inline;
padding: 9px 20px !important;
color: #302E46;
font-weight: 600;
background: #FFF;
box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.ui.sellfy-basic:hover {
color: #FFF;
background: #99bc1c;
}
.ui.action.input .ui.basic.button {
border: 1px solid rgba(0,0,0,0.15);
line-height: .7em;
}
.ui.hollow.button {
-webkit-box-shadow: none;
background: transparent;
border-color: #E1E4E9;
border-width: 1px;
box-shadow: none;
line-height: 1;
padding: 10px 15px;
text-shadow: none;
}
.ui.hollow.button:hover {
background-color: #00B040;
border-color: #08A441;
color: #FFF;
}
.ui.disabled.button,.ui.disabled.button:hover,.ui.disabled.button.active {
opacity: .5 !important;
}
.ui.icon.buttons .button,.ui.icon.button {
padding: 12px 15px;
}
.ui.buttons .button.small,.ui.button.small {
padding: 10px 15px;
font-size: 14px;
}
.ui.buttons .button.tiny,.ui.button.tiny {
font-size: 13px;
padding: 10px 12px 8px 12px;
text-transform: uppercase;
}
.ui.icon.buttons .button.tiny,.ui.icon.button.tiny {
padding-left: 8px;
padding-right: 5px;
}
.ui.icon.button.tiny .icon {
margin-right: 3px;
}
.ui.button.tiny.red {
background: #CF451F !important;
}
.ui.button.tiny.red:hover {
background: #F5A3A3 !important;
}
.ui.button.tiny.red:before {
border-right-color: #af2500 !important;
}
.ui.icon.button .twitter.icon.colored {
color: #4092cc;
}
.ui.icon.button .facebook.icon.colored {
color: #3b579d;
}
.ui.icon.button .pinterest.icon.colored {
color: #d11a1f;
}
.ui.icon.button>.icon,.ui.icon.buttons .button>.icon,.ui.button>.icon {
font-size: .9em;
line-height: 1;
opacity: 1;
vertical-align: baseline;
width: auto;
}
.ui.buttons .button:first-child {
border-radius: 3px 0 0 3px !important;
}
.ui.buttons .button:last-child {
border-radius: 0 3px 3px 0 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ui.button.large {
padding-bottom: .7em;
}
.ui.action.input .ui.basic.button {
line-height: .8em;
}
}
.ui.divider {
border-bottom: none;
margin: 0;
}
.ui.divider.big {
margin-bottom: 25px;
}
.ui.divider.short {
width: 40px;
margin: 0 auto;
}
.in-iframe .ui.divider {
display: none;
}
.ui.divider.striped {
border-style: dashed;
border-bottom: none;
}
.ui.dimmer {
z-index: 99;
}
.ui.label.clip {
border-radius: 0 3px 3px 3px;
color: #fff;
cursor: default;
font-size: 14px;
font-weight: 700;
margin: 0 !important;
padding: 5px 10px;
position: absolute;
right: 20px;
text-align: center;
top: -10px;
z-index: 10;
}
.ui.label.clip:before {
content: '';
position: absolute;
top: 0;
left: -10px;
height: 0;
width: 0;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
background: none !important;
}
.ui.label.clip.orange {
background: #FFBE3E !important;
}
.ui.label.clip.orange:before {
border-right-color: #DF9E1E !important;
}
.ui.label.clip.green {
background: #33c4b6 !important;
}
.ui.label.clip.green:before {
border-right-color: #008D33 !important;
}
.ui.label.clip.red {
background: #CF451F !important;
}
.ui.label.clip.red:before {
border-right-color: #af2500 !important;
}
.ui.label.clip.blue {
background: #4F6FFF !important;
}
.ui.label.clip.blue:before {
border-right-color: #2F4FDF !important;
}
.ui.label.clip.purple {
background: #772483 !important;
}
.ui.label.clip.purple:before {
border-right-color: #570463 !important;
}
.ui.modal>.header {
background: #fdfdfd;
border-bottom: 1px solid rgba(0,0,0,0.15);
border-radius: 0;
color: #222;
font-size: 24px;
font-weight: 400;
line-height: normal;
min-height: 1rem;
padding: 15px 20px;
text-align: center;
}
.ui.modal>.content {
background: #FFF;
border-radius: 3px;
padding: 30px;
}
.ui.modal>.content .divider {
margin-top: 25px;
margin-bottom: 25px;
}
.ui.modal>.content .modal-footer {
margin-top: 25px;
}
.ui.modal .actions>.button:first-child {
margin-left: 0;
}
.ui.modal>.actions {
background: #F9F9F9;
border-top: 0;
}
@media(device-width :320px),(max-width :765px) {
.ui.modal {
border: none;
border-radius: 0;
}
}
h1.search-query {
font-size: 20px !important;
}
.ui.items>.item {
min-width: 0 !important;
}
.ui.items>.item>.image>img {
border-radius: none;
width: auto;
}
.ui.horizontal.list>.item {
vertical-align: top;
}
ul.ui.list li,ol.ui.list li,.ui.list .item {
line-height: 1;
}
ol.ui.list li:before,.ui.ordered.list .item:before {
content: counters(ordered,".",decimal) ".";
}
ul.ui.list li::before {
display: none;
}
.disabled.item {
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
opacity: .5;
}
.disabled.item:hover {
background: transparent !important;
}
.menu-link {
font-weight: 400 !important;
color: #fff !important;
font-size: 14px !important;
}
.fa-angle-down:before {
color: #fff;
}
.menu-link:hover,.menu-link.active {
color: #fff !important;
opacity: .7;
}
.menu-link.active {
font-weight: 700 !important;
}
.ui.vertical.menu {
overflow: hidden;
box-shadow: none;
border: 1px solid #cfd4db;
}
.ui.menu .green.active.item,.ui.green.menu .active.item {
background: rgba(0,0,0,.05);
font-weight: 900;
color: rgba(144, 35, 190, .6);
border-left: 2px solid #9023BE !important;
}
.ui.menu .item:before {
background-image: none;
}
i.icon.action-icon {
margin: 0 15px;
cursor: pointer;
}
i.icon.action-icon:hover,i.icon.active-icon:focus {
color: #333F48;
}
.ui.labeled.icon.input .icon {
padding-top: .52em;
}
.icon.tiny {
font-size: 14px;
vertical-align: middle;
}
.icon.animated {
animation: icon-loading 2s linear infinite;
-webkit-animation: icon-loading 2s linear infinite;
}
.file.text.outline.icon {
height: 17px;
}
.ui.dropdown .text,.ui.dropdown .search {
display: inline-block;
}
.ui.dropdown .text,.ui.dropdown .search,.ui.dropdown .menu .item {
font-size: 14px;
line-height: normal;
vertical-align: top;
}
.ui.dropdown>.dropdown.icon::before {
vertical-align: top;
}
.ui.dropdown .text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 90%;
}
.ui.selection.dropdown,.ui.selection.dropdown .menu {
border: medium none !important;
box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset !important;
}
.ui.selection.dropdown .menu {
min-width: 100%;
margin: -1px 0 0;
}
.ui.selection.dropdown:hover,.ui.selection.dropdown:hover .menu,.ui.selection.dropdown.active,.ui.selection.dropdown.active .menu {
box-shadow: 0 0 0 1px rgba(0,0,0,0.3) inset !important;
}
.ui.selection.dropdown,.ui.selection.dropdown input {
border-radius: 3px;
border: none !important;
padding: 12px 15px !important;
}
.ui.dropdown.active,.ui.dropdown.active .menu {
box-shadow: none !important;
}
.ui.form select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #FFF url(../../media/css/images/dropdown-icon.png) no-repeat 98% center !important;
border-radius: 3px;
border: 1px solid #d4d3d3;
box-shadow: none;
color: #585858;
cursor: pointer;
font-family: "Open Sans Light";
font-style: normal;
font-size: 14px;
height: auto;
margin: 0 0 20px;
padding: 10px;
text-indent: .01px;
text-overflow: ;
width: 100%;
text-transform: capitalize;
}
.ui.form select.error {
background-color: #fff0f0 !important;
border: 1px solid #dbb1b1;
}
.ui.input {
font-family: "Open Sans Light" !important;
font-style: normal;
-webkit-appearance: none !important;
}
.ui.input input {
font-family: "Open Sans Light" !important;
font-style: normal;
box-shadow: none !important;
height: auto;
padding: 12px 15px !important;
}
.ui.form input {
height: auto !important;
}
.ui.action.input>.button {
border-radius: 0 3px 3px 0 !important;
padding: 14px;
}
.ui.form textarea,.ui.form input[type="text"],.ui.form input[type="email"],.ui.form input[type="date"],.ui.form input[type="password"],.ui.form input[type="number"],.ui.form input[type="url"],.ui.form input[type="tel"] {
font-family: "Open Sans Light" !important;
font-style: normal;
border-radius: 3px !important;
border: none !important;
font-size: 14px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset !important;
padding: 12px 15px !important;
}
.ui.form input[type="text"]:hover,.ui.form input[type="email"]:hover,.ui.form input[type="date"]:hover,.ui.form input[type="password"]:hover,.ui.form input[type="number"]:hover,.ui.form input[type="tel"]:hover,.ui.form textarea:hover,.ui.form input[type="text"]:focus,.ui.form input[type="email"]:focus,.ui.form input[type="date"]:focus,.ui.form input[type="password"]:focus,.ui.form input[type="number"]:focus,.ui.form input[type="tel"]:focus,.ui.form textarea:focus {
box-shadow: 0 0 0 1px rgba(0,0,0,0.3) inset !important;
}
.ui.form .fields>.field {
margin-bottom: 0 !important;
}
.ui.form .field,.ui.form .fields .field {
margin: 0 0 20px;
}
.ui.form .inline.fields .field>input,.ui.form .inline.field>input {
vertical-align: top;
}
.ui.form .field input {
font-size: 14px;
}
.ui.form .field input[type="checkbox"] {
top: 0;
}
.ui.form .field input[type="checkbox"]+label {
display: inline-block;
vertical-align: top;
}
.ui.grid>.column:not(.row).field:first-child,.ui.grid>.row>.column.field:first-child {
padding-right: 0;
}
.ui.form input.ui.input.error,.ui.form .ui.input.error input {
background: #FFF0F0 !important;
box-shadow: 0 0 0 1px #dbb1b1 inset,0 1px 2px 0 rgba(0,0,0,0.05) !important;
}
.ui.dropdown.error ::-moz-placeholder {
color: #AAA !important;
}
.ui.dropdown.error ::-webkit-input-placeholder {
color: #AAA !important;
}
.ui.dropdown.error :-ms-input-placeholder {
color: #AAA !important;
}
.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon {
padding-top: 14px;
width: 46px;
}
.ui.icon.input input {
font-size: 14px;
}
.ui.icon.input>.icon {
border-radius: 3px;
line-height: normal;
padding-top: 11px;
}
.ui.icon.input>.icon.inverted {
background: #999;
}
.ui.input.join {
display: table;
vertical-align: baseline;
}
.ui.input.join .ui.dropdown {
border-radius: 3px 0 0 3px !important;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: none;
display: table-cell;
font-size: 14px;
line-height: 18px;
padding: 0 2.2em 0 1.2em !important;
vertical-align: middle;
width: 50%;
}
.ui.input.join .join,.ui.input.join .join:focus {
border-radius: 0 3px 3px 0 !important;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: none;
display: table-cell;
font-size: 14px;
line-height: 18px;
margin-left: -2px;
padding: .85em 1.2em !important;
text-align: center;
}
.ui.toggle.checkbox .box,.ui.toggle.checkbox label {
padding-top: 0;
min-height: 1rem;
}
.ui.checkbox {
vertical-align: baseline;
}
.ui.checkbox>label {
line-height: 1;
vertical-align: baseline;
}
.ui.checkbox {
line-height: normal !important;
}
.ui.checkbox.green .box::after,.ui.checkbox.green .box::before,.ui.checkbox.green label::after,.ui.checkbox.green label::before {
font-size: 12px;
}
.ui.checkbox.green .box:after,.ui.checkbox.green label:after {
color: #fff !important;
}
.ui.checkbox.green input:checked+.box:before,.ui.checkbox.green input:checked+label:before {
border-color: #01a83d;
background-color: #00b040;
}
.ui.toggle.checkbox {
min-height: auto;
}
.ui.toggle.checkbox.empty .box,.ui.toggle.checkbox.empty label {
padding-left: 3em;
}
.ui.toggle.checkbox .box,.ui.toggle.checkbox label {
padding-left: 50px;
}
.ui.toggle.checkbox .box::before,.ui.toggle.checkbox label::before {
height: 1rem;
width: 2.5rem;
}
.ui.toggle.checkbox .box::after,.ui.toggle.checkbox label::after {
height: 1rem;
left: 0 !important;
width: 1rem;
}
.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box::after,.ui.toggle.checkbox input[type="checkbox"]:checked ~ label::after,.ui.toggle.checkbox input[type="radio"]:checked ~ .box::after,.ui.toggle.checkbox input[type="radio"]:checked ~ label::after {
left: 1.5rem !important;
}
p.checkbox.label {
padding-left: 56px;
font-size: 12px;
line-height: 1.5;
}
p.input.label {
font-size: 12px;
line-height: 1.5;
margin: 0 10px;
}
.ui.form .field>label {
color: #515a63 !important;
font-size: 14px !important;
font-weight: 400 !important;
margin: 0;
}
.ui label,label {
color: #515a63 !important;
display: block;
font-size: 14px !important;
font-weight: 400 !important;
margin: 0;
}
.ui label.error {
color: #d95c5c !important;
}
.label.bottom.attached {
border-top: 1px solid #cfd4db;
background: none !important;
}
.ui.label.small {
font-size: 12px;
}
.ui.label {
user-select: none;
-moz-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
text-transform: none;
padding: 4px 10px;
border-radius: 3px;
margin: 4px 2px;
cursor: pointer;
}
.ui.label.inactive {
background: none;
}
.ui.circular.label {
padding-left: .8em !important;
padding-right: .8em !important;
}
.ui.statistic {
vertical-align: top;
}
.ui.statistic>.value ~ .label,.ui.statistics .statistic>.value ~ .label {
margin: 0;
}
.ui.prepended .prepend,.ui.prepended.input input {
line-height: normal !important;
font-size: 14px !important;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ui.prepended .prepend {
background: #f5f5f5;
color: #A3A3A3;
box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset;
margin-right: -1px;
border-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
text-align: right;
padding: 12px 10px !important;
}
.ui.prepended.input input {
width: auto;
vertical-align: top;
border-left: none;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
padding: .85em .5em !important;
}
.ui.prepended.input input:focus,.ui.prepended.input input:active {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.ui.prepended.static.merchant .prepend {
width: 45%;
}
.ui.prepended.static.merchant.input input {
width: 55%;
}
.ui.prepended.static.twitter .prepend {
width: 12%;
text-align: center;
}
.ui.prepended.static.twitter.input input {
width: 88%;
}
.ui.prepended.static.facebook .prepend {
width: 40%;
}
.ui.prepended.static.facebook.input input {
width: 60%;
}
.ui.progress {
background: #DEDEDE !important;
border-radius: 8px !important;
border: medium none;
height: 15px !important;
margin-bottom: 19px !important;
overflow: hidden;
padding: 0 !important;
position: relative;
}
.ui.green.progress .bar {
background-color: #00b040 !important;
border-radius: 8px 0 0 8px !important;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.ui.star.rating.inactive>.icon {
cursor: default;
}
.ui.star.rating .icon::before {
color: #fff;
text-shadow: 0 -1px 0 #cfa300,-1px 0 0 #cfa300,0 1px 0 #cfa300,1px 0 0 #cfa300;
}
.ui.star.rating .active.icon::before {
color: #ffe623;
}
.ui.star.rating .active.icon {
position: relative;
color: red;
}
.ui.star.rating .active.half.icon::after {
color: #fff !important;
content: "\f005";
display: inline-block;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -9px;
text-shadow: none;
width: 50%;
}
.ui.price {
color: #222;
cursor: default;
display: inline-block;
font-size: 16px;
font-weight: 400;
}
.ui.message {
font-size: 14px;
}
.ui.yellow.message {
background: #F1ECDC;
color: #515a63;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,191,63,1);
box-shadow: inset 0 0 0 1px rgba(255,191,63,1);
}
.ui.yellow.message .icon {
color: #FFBF3F;
opacity: 1 !important;
}
.rounded {
border-radius: 3px !important;
overflow: hidden;
}
.center.aligned {
text-align: center;
}
.image.cover {
background-size: cover;
}
.overlay-disabled-menus .sellfy-header-wrap,.overlay-disabled-menus .footer {
opacity: .15;
z-index: -1;
position: absolute;
top: 0;
}
.overlay-disabled-menus .footer {
position: relative;
}
.marketplace-content {
background-color: #fff;
/*background: url(https://fashionglow.co/static/img/home-content-bg.jpg) no-repeat center center fixed;*/
/*-webkit-background-size: cover;*/
/*-moz-background-size: cover;*/
/*-o-background-size: cover;*/
/*background-size: cover;*/
}
.heading-line:after {
position: absolute;
width: 40px;
left: 50%;
margin-left: -20px;
height: 1px;
background-color: #5449C7;
content: '';
}
#rainbow-fg {
margin-top: 10px;
}
@-moz-document url-prefix() {
#rainbow-fg {
margin-left: 0px !important;
}
}
@-o-document url-prefix() {
#rainbow-fg {
margin-left: -135.05px !important;
}
}
.fg-colors {
color:#9023BE;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, left top, right top, from(#9023BE), to(#0D76D1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ui.fg-color.button {
background-image: linear-gradient(to right, rgba(144, 35, 190, 1), rgba(13, 118, 209, 1));
background-image: -webkit-gradient(linear, left top, right top, from(#9023BE), to(#0D76D1));
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: bottom right, left, right;
color: #fff;
opacity: 1;
}
.ui.fg-color.button:hover {
background-image: linear-gradient(to right, rgba(144, 35, 190, 1), rgba(13, 118, 209, 1));
background-image: -webkit-gradient(linear, left top, right top, from(#9023BE), to(#0D76D1));
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: bottom right, left, right;
color: #fff;
opacity: 0.75;
}
.logo-fg {
color: #fff;
font-family: 'Open Sans Light';
font-style:normal;
font-size: 32px;
text-transform: lowercase;
line-height: 55px;
}
.logo-fg:hover {
color: #fff;
font-family: 'Open Sans Light';
font-style:normal;
font-size: 32px;
text-transform: lowercase;
line-height: 55px;
opacity: 0.7;
}
/*
* Preloader
*/
.preloader,
.preloader__img {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.preloader {
position: fixed;
background: rgba(255, 255, 255, 0.9);
overflow: hidden;
z-index: 999998;
}
.preloader::before,
.preloader::after {
content: "";
display: block;
position: absolute;
width: 200%;
height: 50%;
left: -50%;
background-image: linear-gradient(to right, rgba(144, 35, 190, 1), rgba(13, 118, 209, 1));
background-image: -webkit-gradient(linear, left top, right top, from(#9023BE), to(#0D76D1));
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: bottom right, left, right;
-webkit-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
}
.preloader::before {
top: 0;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.preloader::after {
bottom: 0;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.preloader.active::before,
.preloader.active::after {
height: 0;
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
transform: rotate(25deg);
}
.preloader__img {
position: absolute;
margin: auto;
z-index: 999999;
}
.content-page {
margin: 0 auto;
max-width: 1170px;
}
.Content-getStarted {
text-align: center;
}
.Content-container {
padding: 0 0 50px;
margin-left: auto;
margin-right: auto;
max-width: 990px;
position: relative;
}
.Content-getStarted h2 {
letter-spacing: 3px;
color: #5449C7;
font-size: 39px;
line-height: 1.2;
margin-top: 0;
}
.Content-getStarted .getStarted-steps {
display: inline-block;
margin: 20px 0 85px;
position: relative;
text-align: center;
z-index: 1;
}
.Content-getStarted .getStarted-steps .getStarted-line {
border-top: 3px dotted #515a63;
display: block;
position: absolute;
top: 22px;
width: 100%;
z-index: 2;
opacity: .7;
}
.Content-getStarted .getStarted-steps .getStarted-step:first-child {
padding-right: 200px;
}
.Content-getStarted .getStarted-steps .getStarted-step .getStarted-step-stop {
background-color: #FFF;
border: 2px solid #5449C7;
border-radius: 25px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
color: #5449C7;
font-weight: bold;
font-size: 20px;
height: 34px;
margin-bottom: 10px;
text-align: center;
width: 40px;
z-index: 3;
/* text-align: -webkit-auto; */
/* margin-top: 20px; */
padding-top: 5px;
}
.Content-getStarted .getStarted-steps .getStarted-step:first-child .getStarted-step-blurb {
font-size: 18px;
left: -65px;
width: 180px;
}
.Content-getStarted .getStarted-steps .getStarted-step .getStarted-step-blurb {
font-size: 18px;
left: -82px;
width: 210px;
position: absolute;
text-align: center;
}
.Content-getStarted .getStarted-steps .getStarted-step {
display: inline-block;
padding: 0;
position: relative;
z-index: 3;
}
.Content-getStarted .getStarted-steps .getStarted-step:last-of-type {
padding-left: 200px;
}
.Content-getStarted .getStarted-steps .getStarted-step:last-of-type .getStarted-step-blurb {
font-size: 18px;
left: 137px;
width: 180px;
}
.lnr-heart-top {
position: absolute;
margin-top: -4px;
margin-left: -20px;
font-size: 22px;
}
.love-it-top {
background-color: rgba(255, 255, 255, 0) !important;
}
.ui.button.love-it-top {
color: #fff;
}
.ui.button.love-it-top:hover {
color: #d95c5c;
}
.love-it {
margin-left: -24px !important;
position: absolute !important;
margin-top: 1px !important;
}
.about-us {
background-color: rgba(255, 255, 255, 0) !important;
margin-right: 20px !important;
}
.ui.button.about-us {
color: #fff;
}
.ui.button.about-us:hover {
color: #827ACE;
}
section.landing-subscribe{
position:relative;
margin-top: 90px;
}
section.landing-subscribe .content-title h3,
section.landing-subscribe .content-title p{
color:#fff;
}
section.landing-subscribe .overlay{
background:rgba(0,0,0,0.8);
top:0;
bottom:0;
width:100%;
}
.landing-subscribe .subscribe{
text-align:center;
padding-bottom:100px;
}
section.landing-subscribe div.content-title{
padding-bottom:55px;
}
.landing-subscribe .subscribe input.inputbox{
width:400px;
background:#fff;
height:40px;
line-height:40px;
border:none;
padding:0 110px 0 15px;
color:#797e81;
}
.landing-subscribe .subscribe form{
position: relative;
width: 400px;
margin:auto;
}
.landing-subscribe .subscribe .clear_fashionfg{
position: absolute;
right:0px;
top:0px;
}
.landing-subscribe .subscribe .clear_fashionfg input.btn{
background: #5449C7;
border: medium none;
border-radius: 0;
color: #fff;
font-size: 15px;
height: 40px;
line-height: 25px;
padding: 6px 20px;
text-shadow: none;
}
.landing-subscribe .subscribe .clear_fashionfg input.btn:hover{
background: #827ACE;
border: medium none;
border-radius: 0;
color: #fff;
font-size: 15px;
height: 40px;
line-height: 25px;
padding: 6px 20px;
text-shadow: none;
}
.container {
width: 1170px;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.landing-content div.content-title {
margin: 0;
padding: 90px 0;
text-align: center;
}
.landing-content div.content-title h3 {
color: #fff;
font-size: 48px;
font-weight: 300;
text-transform: none;
margin-top: 0;
}
.landing-content div.content-title p {
color: #fff;
font-size: 18px;
font-weight: 300;
text-transform: none;
margin: 0;
}
.parallax{
background-attachment: fixed !important;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
overflow: visible;
}
/* =Footer
----------------------------------------------- */
.site-footer {
color: #fff;
padding-bottom: 100px;
}
.container:after {
clear: both;
}
.container:before, .container:after {
content: " " !important;
display: table !important;
}
.row:after {
clear: both;
}
.row:before, .row:after {
content: " ";
display: table;
}
.footer-widget,.footer-widget a,.footer-widget-title {
line-height: 25px;
color: #fff;
}
.footer-widget a:hover {
color: #fff;
text-decoration: underline;
}
.footer-widget-title {
font: 700 16px Montserrat,sans-serif;
color: #fff;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 15px;
}
.footer-widget ol,.footer-widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-widget ol ol,.footer-widget ul ul {
margin: 10px 0 0 10px;
list-style: disc;
list-style-position: inside;
}
.footer-widget li {
margin-bottom: 6px;
margin-left: 0px;
}
.footer-widget a {
text-decoration: none;
}
.site-footer.light .site-info {
margin-top: 75px;
}
.site-info .col-md-8 {
text-align: center;
}
.footer-social a {
margin: 0 16px 0 0;
font-size: 25px;
text-decoration: none;
}
.site-footer.dark .footer-social a {
color: #fff;
}
.footer-social a.hidden {
display: none;
}
/** Light */
.site-footer.light {
color: #404040;
padding-top: 100px;
background: #fff;
}
.site-footer.light .footer-widget,.site-footer.light .footer-widget a,.site-footer.light .footer-widget-title {
color: #515a63;
}
.site-footer.light .container {
border-top: 1px solid #bdc3c7;
}
.site-footer.light .site-info:not(.has-widgets) {
border-top: 0;
}
.site-footer.light .footer-widget,.site-footer.light .site-info [class^="col-"] {
border-right: 0;
border-bottom: 1px solid #bdc3c7;
}
.site-footer.light .footer-widget:last-child,.site-footer.light .site-info [class^="col-"]:last-child {
border-right: 0;
}
.site-footer.light .site-info {
margin-top: 0;
}
.site-footer .footer-widget,.site-footer .site-info [class^="col-"] {
padding: 40px 25px;
}
.site-footer .site-info [class^="col-"] p:last-child {
margin-bottom: 0;
}
.site-info [class^="col-"] .site-title a {
display: block;
}
.site-info .col-md-12 {
text-align: center;
}
.site-footer.light .footer-widget,
.site-footer.light .site-info [class^="col-"] {
border-right: 1px solid #bdc3c7;
border-bottom: 0;
}
.site-footer.light .site-info {
border-top: 1px solid #bdc3c7;
}
.col-md-4 {
width: 33.33333333333333%;
float: left;
}
@media screen and (min-width: 992px) {
.site-footer.light .site-info {
border-top: 1px solid #bdc3c7;
}
}
@media (max-width: 991px) {
.container {
width: 100%;
}
.col-md-4 {
width: 100%;
float: left;
}
.site-footer.light .footer-widget,
.site-footer.light .site-info [class^="col-"] {
border-right: 0px solid #bdc3c7;
}
.site-footer.light .footer-widget,.site-footer.light .site-info [class^="col-"] {
border-bottom: 1px solid #bdc3c7;
}
}
/* Big Search */
.big-search {
position: relative;
display: inline-block;
width: 100%;
margin: 50px auto;
max-width: 1100px;
}
@media only screen and (max-width: 600px) {
.big-search {
margin-top: 2%;
margin-bottom: 6%;
}
}
.big-search {
padding: 0 6% 0 5%;
}
#big-searchform {
height: 70px;
display: inline-block;
width: 100%;
background: #fff;
position: relative;
}
@media only screen and (max-width: 600px) {
#big-searchform {
height: 55px;
}
#big-searchform ::-webkit-input-placeholder {
font-size: 16px;
}
#big-searchform :-moz-placeholder {
/* Firefox 18- */
font-size: 16px;
}
#big-searchform ::-moz-placeholder {
/* Firefox 19+ */
font-size: 16px;
}
#big-searchform :-ms-input-placeholder {
font-size: 16px;
}
}
.search-controls {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.big-search #big-search {
background: #fff;
font-size: 20px;
line-height: 2;
padding: 15px 20px;
border-radius: 3px;
border: none;
height: 100%;
width: 100%;
border: 1px solid rgba(0,0,0,.15);
box-shadow: none;
}
.big-search #big-search:select {
border: 1px solid rgba(0,0,0,.55);
}
@media only screen and (max-width: 600px) {
.big-search #big-search {
font-size: 16px;
padding-right: 150px;
}
}
.search-select-wrap {
position: relative;
display: inline-block;
height: 100%;
border-left: solid 2px #EFF2F6;
background: #fff;
}
.search-select-wrap:after {
content: "\f107";
font-family: "FontAwesome";
position: absolute;
top: 22px;
right: 15px;
z-index: 10px;
pointer-events: none;
}
@media only screen and (max-width: 600px) {
.search-select-wrap:after {
top: 15px;
}
}
.big-search .search-select {
display: inline-block;
background: transparent;
color: #6E7987;
border: none;
width: auto;
max-width: 250px;
border-radius: 0;
padding-left: 25px;
padding-right: 35px;
height: 100%;
border-top: 1px solid rgba(0,0,0,.15);
border-bottom: 1px solid rgba(0,0,0,.15);
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
select::-ms-expand {
display: none;
}
@media only screen and (max-width: 600px) {
.big-search .search-select {
padding-left: 20px;
padding-right: 20px;
color: transparent;
width: 40px;
}
}
.big-search .search-select:hover {
cursor: pointer;
}
.big-search .submit {
background: #5449C7 !important;
color: #fff !important;
display: inline-block;
vertical-align: top;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding: 0 35px;
font-size: 18px;
height: 100%;
-webkit-appearance: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: .1s all;
-moz-transition: .1s all;
transition: .1s all;
border: none !important;
}
.big-search .submit:hover {
background: #827ACE !important;
color: #fff !important;
}
@media only screen and (max-width: 600px) {
.big-search .submit {
padding: 0 20px;
font-size: 16px;
}
}
.search-cats {
font-size: 14px;
margin-top: 20px;
width: 100%;
display: inline-block;
clear: both;
}
@media only screen and (max-width: 600px) {
.search-cats {
margin-top: 15px;
}
}
.search-cats nav {
display: inline-block;
}
.search-cat-text {
display: inline-block;
color: #7C8D98;
margin-right: 5px;
margin-bottom: 5px;
}
.search-cats a {
padding: 2px 8px;
display: inline-block;
border: none;
line-height: inherit;
background: #E6E6E6;
color: #5449C7;
margin-right: 5px;
margin-bottom: 5px;
}
.search-cats a:hover {
background: #C5C7CA;
}
input#big-search-submit {
background: #5449C7 !important;
color: #fff !important;
}
input#big-search-submit:hover {
background: #827ACE !important;
color: #fff !important;
}
.assistive-text {
line-height: 1;
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
margin-bottom: 0;
}
input:focus {
outline: none !important;
background: #fff;
border: 1px solid rgba(0,0,0,.25);
border-color: rgba(0,0,0,.3) !important;
}
input::-webkit-input-placeholder {
color: rgba(0,0,0,.4);
}
input::-moz-placeholder {
color: rgba(0,0,0,.4);
}
input::-ms-input-placeholder {
color: rgba(0,0,0,.4);
}
select:focus {
outline: none !important;
box-shadow: 0 0 10px rgba(0,0,0,.2);
border-color: rgba(0,0,0,.3) !important;
}
/* Features */
.features {
overflow: hidden;
margin-bottom: 100px;
text-align: center;
}
.features .col-md-4 {
padding: 0 10px;
}
.feature a {
display: inline-block;
}
.feature a span{
font-size: 60px;
}
.feature-title,.individual-testimonial .author span:first-child {
font: 400 19px 'Open Sans';
text-transform: uppercase;
letter-spacing: .1em;
margin-top: 1.25em;
}
.individual-testimonial .author .title {
display: block;
}
.feature-title a {
text-decoration: none;
}
.feature-content {
color: #515a63;
line-height: 1.75;
margin: 1.5em 0 3em;
clear: both;
}
.feature-mini {
text-align: left;
}
.feature-mini h3,.feature-mini a:first-child {
font-size: 16px;
margin: 0;
float: left;
clear: none;
}
.feature-mini h3 {
margin: 3px 0 0 10px;
}
.feature-mini .feature-content {
margin: 2.75em 0 0;
}
.content-page .content-title{
margin: 0;
padding-top: 90px;
padding-bottom: 55px;
text-align: center;
}
/* Testimonials */
.home-widget .content-title{
margin: 0;
padding-top: 90px;
padding-bottom: 55px;
text-align: center;
}
h3.text-light {
color: #515a63;
font-size: 48px;
font-weight: 300;
text-transform: none;
margin-top: 0;
text-align: center;
}
.testimonials-list {
overflow: hidden;
text-align: center;
}
.people .testimonials-list {
padding-bottom: 90px;
}
.company-testimonial {
text-align: center;
display: inline-block;
margin: 0;
}
.company-testimonial img {
width: 200px;
height: auto;
}
.testimonials-text {
font-weight: 300;
font-size: 20px;
font-style: italic;
line-height: 25px;
margin: 0 0 30px;
padding: 0;
}
.individual-testimonial {
text-align: left;
margin-bottom: 4em;
overflow: hidden;
clear: both;
display: none;
}
.individual-testimonial:last-child {
margin-bottom: 0;
}
.individual-testimonial .testimonials-text {
margin-left: 27px;
}
.individual-testimonial .testimonials-text p {
margin-bottom: 0;
display: inline;
}
.individual-testimonial .avatar-wrap {
border-radius: 50%;
overflow: hidden;
margin-left: 27px;
float: left;
display: inline-block;
}
.individual-testimonial .avatar,.individual-testimonial .avatar-link,.individual-testimonial .author {
float: left;
}
.individual-testimonial .author {
margin-left: 27px;
margin-top: 10px;
}
.individual-testimonial .avatar-link img {
border-radius: 50%;
}
i.testimonial {
color: #E2E4E7;
font-size: 50px;
position: absolute;
margin-left: -25px;
}
@media screen and (min-width: 992px) {
.individual-testimonial {
float: left;
clear: none;
margin-bottom: 0;
}
.individual-testimonial .testimonials-text {
max-width: 90%;
}
.download-image .flex-direction-nav {
width: 100%;
left: 0;
}
.single-download .featured-image img {
max-width: 85%;
}
}
.home-widget {
/*margin-bottom: 100px;*/
}
.home-widget-title {
margin-top: 0;
}
.home-widget-title {
margin-top: 0;
text-align: center;
width: 100%;
margin: 70px 0;
position: relative;
display: block;
}
.home-widget-title span {
color: #bdc3c7;
border-color: #bdc3c7;
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11 {
float: left;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-11 {
width: 91.66666666666666%;
}
.col-md-12 {
width: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.333333333333332%;
}
.col-md-push-2 {
left: 16.666666666666664%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.33333333333333%;
}
.col-md-push-5 {
left: 41.66666666666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.333333333333336%;
}
.col-md-push-8 {
left: 66.66666666666666%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.33333333333334%;
}
.col-md-push-11 {
left: 91.66666666666666%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.333333333333332%;
}
.col-md-pull-2 {
right: 16.666666666666664%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.33333333333333%;
}
.col-md-pull-5 {
right: 41.66666666666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.333333333333336%;
}
.col-md-pull-8 {
right: 66.66666666666666%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.33333333333334%;
}
.col-md-pull-11 {
right: 91.66666666666666%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.333333333333332%;
}
.col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.col-md-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (max-width: 992px) {
.col-md-1.item,
.col-md-2.item,
.col-md-3.item,
.col-md-4.item,
.col-md-5.item,
.col-md-6.item,
.col-md-7.item,
.col-md-8.item,
.col-md-9.item,
.col-md-10.item,
.col-md-11.item {
float: left;
}
.col-md-1.item {
width: 8.333333333333332%;
}
.col-md-2.item {
width: 16.666666666666664%;
}
.col-md-3.item {
width: 25%;
}
.col-md-4.item {
width: 33.33333333333333%;
}
.col-md-5.item {
width: 41.66666666666667%;
}
.col-md-6.item {
width: 50%;
}
.col-md-7.item {
width: 58.333333333333336%;
}
.col-md-8.item {
width: 66.66666666666666%;
}
.col-md-9.item {
width: 75%;
}
.col-md-10.item {
width: 83.33333333333334%;
}
.col-md-11.item {
width: 91.66666666666666%;
}
.col-md-12.item {
width: 100%;
}
.col-md-push-0.item {
left: auto;
}
.col-md-push-1.item {
left: 8.333333333333332%;
}
.col-md-push-2.item {
left: 16.666666666666664%;
}
.col-md-push-3.item {
left: 25%;
}
.col-md-push-4.item {
left: 33.33333333333333%;
}
.col-md-push-5.item {
left: 41.66666666666667%;
}
.col-md-push-6.item {
left: 50%;
}
.col-md-push-7.item {
left: 58.333333333333336%;
}
.col-md-push-8.item {
left: 66.66666666666666%;
}
.col-md-push-9.item {
left: 75%;
}
.col-md-push-10.item {
left: 83.33333333333334%;
}
.col-md-push-11.item {
left: 91.66666666666666%;
}
.col-md-pull-0.item {
right: auto;
}
.col-md-pull-1.item {
right: 8.333333333333332%;
}
.col-md-pull-2.item {
right: 16.666666666666664%;
}
.col-md-pull-3.item {
right: 25%;
}
.col-md-pull-4.item {
right: 33.33333333333333%;
}
.col-md-pull-5.item {
right: 41.66666666666667%;
}
.col-md-pull-6.item {
right: 50%;
}
.col-md-pull-7.item {
right: 58.333333333333336%;
}
.col-md-pull-8.item {
right: 66.66666666666666%;
}
.col-md-pull-9.item {
right: 75%;
}
.col-md-pull-10.item {
right: 83.33333333333334%;
}
.col-md-pull-11.item {
right: 91.66666666666666%;
}
.col-md-offset-0.item {
margin-left: 0;
}
.col-md-offset-1.item {
margin-left: 8.333333333333332%;
}
.col-md-offset-2.item {
margin-left: 16.666666666666664%;
}
.col-md-offset-3.item {
margin-left: 25%;
}
.col-md-offset-4.item {
margin-left: 33.33333333333333%;
}
.col-md-offset-5.item {
margin-left: 41.66666666666667%;
}
.col-md-offset-6.item {
margin-left: 50%;
}
.col-md-offset-7.item {
margin-left: 58.333333333333336%;
}
.col-md-offset-8.item {
margin-left: 66.66666666666666%;
}
.col-md-offset-9.item {
margin-left: 75%;
}
.col-md-offset-10.item {
margin-left: 83.33333333333334%;
}
.col-md-offset-11.item {
margin-left: 91.66666666666666%;
}
}
/* Heart Beat */
@keyframes pulsate {
0% {
transform: scale(1.1);
}
50% {
transform: scale(0.8);
}
80% {
transform: scale(1.1);
}
90% {
transform: scale(0.9);
}
100% {
transform: scale(1.1);
}
}
.heartbeat {
font-size: 3px;
margin: -6px -25px;
width: 10em;
height: 10em;
animation: pulsate 1.5s ease infinite;
}
.heartbeat:before, .heartbeat:after {
content: '';
display: block;
position: absolute;
background-color: #B94A48;
width: 5em;
height: 8em;
top: 0.65em;
left: 5em;
border-radius: 5em 5em 0 1em;
transform: rotate(-45deg);
transform-origin: 0 100%;
}
.heartbeat:after {
left: 0em;
transform: rotate(45deg);
transform-origin: 100% 100%;
border-radius: 5em 5em 1em 0;
}
.info-love-it {
font-size: 20px;
padding-left: 15px;
}
.heartbeat-item {
font-size: 3px;
margin: 0px -19px;
width: 10em;
height: 10em;
animation: pulsate 1.5s ease infinite;
}
.heartbeat-item:before, .heartbeat-item:after {
content: '';
display: block;
position: absolute;
background-color: #B94A48;
width: 5em;
height: 8em;
top: 0.65em;
left: 5em;
border-radius: 5em 5em 0 1em;
transform: rotate(-45deg);
transform-origin: 0 100%;
}
.heartbeat-item:after {
left: 0em;
transform: rotate(45deg);
transform-origin: 100% 100%;
border-radius: 5em 5em 1em 0;
}
/* About Us */
.features.no-overflow {
overflow: visible !important;
text-shadow: 0px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
display: inline-table;
}
.text-right {
text-align: right !important;
}
.text-left {
text-align: left !important;
}
h1.about-title {
color: #5449C7;
font-family: Open Sans Bold;
font-size: 50px;
text-transform: uppercase;
}
h2.about-title {
color: #0D76D1 !important;
font-family: Open Sans Semibold;
font-size: 30px;
text-transform: uppercase;
margin-top: -20px;
}
h3.about-title {
font-family: Open Sans Semibold;
font-size: 20px;
text-transform: uppercase;
margin: 20px 0;
}
.col-md-6.how {
padding: 0 15px;
}
.product-image-hover {
text-align: center;
}
.product-comments {
margin: auto 10px;
max-width: 730px;
}
.site-footer.light .footer-widget-title {
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
margin-bottom: 15px !important;
}
/* Select language */
#menu-language {
padding: 10px 12px 8px 12px;
vertical-align: middle;
}
#menu-language .menu>.item {
position: relative;
cursor: pointer;
display: block;
border: none;
height: auto;
border-top: none;
line-height: 1em;
color: rgba(0,0,0,.8);
padding: 0px !important;
font-size: 1rem;
text-transform: none;
font-weight: 400;
box-shadow: none;
-webkit-touch-callout: none;
}
#menu-language ul li {
list-style: circle inside;
margin-left: 0px;
}
#menu-language .item a {
box-sizing: border-box;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
color: #515a63;
display: block;
line-height: 1;
margin: 2px 0 !important;
padding: 8px 20px 8px 20px !important;
position: relative;
width: 100%;
}
#submenu-language {
top: 100%;
bottom: auto;
right: 0;
left: auto;
margin: 1em -29px 0;
}
#menu-language .item a img {
vertical-align: bottom;
}
/* PAGE TERMS */
.c-legal h1, .u-lato-large {
font-size: 2.75rem;
line-height: 1.18182em;
font-weight: 700;
margin: .67em 0;
}
.c-legal h1 {
color: #5449C7;
}
.c-legal h2 {
line-height: 1.66667em;
font-size: 1.325rem;
margin-bottom: 1em;
font-weight: 900;
}
.c-legal .o-grid>ol li {
padding-left: 0;
margin-bottom: .5em;
}
.c-legal .o-grid>ol {
list-style: decimal;
margin-bottom: 30px;
padding-left: 20px;
}
.c-legal .o-grid>ol ol {
list-style: lower-alpha !important;
padding-left: 25px;
margin-top: 20px;
margin-bottom: 2em;
}
.c-legal .o-grid>ol ol li {
padding-left: 0;
}
.c-legal .o-grid>ol li {
padding-left: 0;
margin-bottom: .5em;
}
.c-legal .o-grid ol li {
list-style: inherit !important;
margin-left: 0 !important;
}
/* PROMO Designer */
.designers_promo {
margin-right: 0px !important;
margin-bottom: 30px !important;
margin-left: 0px !important;
}
@media (min-width: 768px) {
.designers_promo .col-sm-4 {
width: 33.33333%;
}
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
}
.designers_promo .fg_single_image.vc_align_left {
text-align: left;
}
.designers_promo .fg_single_image {
overflow: hidden;
position: relative;
text-transform: uppercase;
}
.designers_promo .fg_single_image .vc_figure {
display: inline-block;
vertical-align: top;
margin: 0;
max-width: 100%;
}
.designers_promo .fg_single_image .vc_single_image-wrapper {
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.designers_promo .fg_single_image .vc_single_image-wrapper {
overflow: hidden;
}
.designers_promo .fg_single_image a {
border: none;
outline: none;
}
.designers_promo .fg_single_image img {
/*height: auto;*/
max-width: 100%;
vertical-align: top;
}
.designers_promo .fg_single_image img {
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.designers_promo .fg_single_image:hover .wpb_heading {
color: #FFF;
}
.designers_promo .fg_single_image:hover .fg_heading:before {
opacity: 1;
filter: alpha(opacity=100);
width: 100%;
}
.designers_promo .fg_single_image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.designers_promo .overflow_promo {
max-height: 430px;
}
.designers_promo .overflow_promo:after {
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: '';
background: rgba(64, 64, 64, 0.44);
/*background: rgba(0,0,0,0.8);*/
}
.designers_promo .fg_single_image .description {
color: #fff !important;
padding-top: 25px;
position: absolute;
top: 70px;
left: 60px;
max-width: 70%;
font-size: 30px;
font-weight: 300;
line-height: 34px;
}
.designers_promo .fg_single_image .description .small {
font-size: 15px;
font-weight: 300;
text-transform: capitalize;
line-height: 0px !important;
}
.designers_promo p:nth-child(3) {
margin-bottom: 20px;
}
a.button_promo {
color: #fff;
border-color: #fff;
font-size: 12px;
letter-spacing: 3px;
border-width: 2px;
padding: 14px 24px;
border-radius: 0;
border: 1px solid rgb(255, 255, 255) !important;
}
a.button_promo:hover {
background: #fff !important;
color: #000 !important;
}
a.button_promo_tag {
color: #000;
background: #fff;
border-color: #fff;
font-size: 12px;
border-width: 2px;
padding: 5px 10px;
border-radius: 0;
}
.sitemap ul li {
margin-left: 0px;
}
.sitemap .col-md-4 {
padding: 0px 50px;
}
.site-footer.light .footer-widget a {
margin-left: -10px;
}