/* reset */
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,dl,dt,dd,ol,nav ul,nav 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;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
/*-- OverLay --*/
.overlay3 {
height: 100%;
width: 0;
position: fixed;
z-index: 3;
top: 0;
right: 40%;
background-color: rgba(0,0,0, 0.9);
overflow-y: auto;
overflow-x: hidden;
text-align: center;
opacity: 0;
transition: opacity 1s;
}
.overlay2 {
height: 100%;
width: 0;
position: fixed;
z-index: 3;
top: 0;
left: 40%;
background-color: rgba(0,0,0, 0.9);
overflow-y: auto;
overflow-x: hidden;
text-align: center;
opacity: 0;
transition: opacity 1s;
}
/*-- //OverLay --*/
/*-- All Page --*/
body {
padding: 0;
font-family: 'Open Sans', sans-serif;
background: #fff;
transition: background-color .5s;
}
body a {
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
input[type="button"], input[type="submit"] {
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
font-weight: 400;
font-family: 'Ubuntu Condensed', sans-serif;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
p {
margin: 0;
font-family: 'Open Sans', sans-serif;
}
ul {
margin: 0;
padding: 0;
}
label {
margin: 0;
}
/*-- Modal Select Region --*/
.modal-header {
text-align: Center;
}
.modal-title {
font-size: 30px;
}
.modal-content {
border-radius: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
box-shadow: none;
}
.modal-content h3 {
color: #59595b;
font-weight: 700;
font-size: 1.2em;
border: none;
padding: 0 10px;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: none;
border: none;
border-radius: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
padding: 11px;
}
.modal-lg {
width: 580px;
padding: 25px 35px;
background-color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.modal-header {
padding: 25px;
}
.modal-body {
padding: 30px 15px 10px;
}
.modal-dialog {
margin: 100px auto;
}
.close {
font-size: 45px;
}
button.close {
position: absolute;
top: -20px;
right: -25px;
}
span.active.uls-trigger {
float: left;
color: #6D6D6D;
background-color: #FDFDFD;
border-color: #FDFDFD;
padding: 0 0 0 30px;
margin-top: 26px;
font-size: 15px;
font-weight: bold;
cursor: pointer;
}
span.active.uls-trigger:hover {
color: #0C090A;
background-color: #FDFDFD;
border-color: #FDFDFD;
outline: none;
cursor: pointer;
}
.selectregion {
float: left;
}
.btn-primary {
color: #6D6D6D;
background-color: #FDFDFD;
border-color: #FDFDFD;
padding: 0 0 0 30px;
margin-top: 26px;
font-size: 15px;
font-weight: bold;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
color: #0C090A;
background-color: #FDFDFD;
border-color: #FDFDFD;
outline: none;
}
/*-- //Modal Select Region --*/
/*-- DropDown Select --*/
.bootstrap-select .dropdown-toggle:focus {
outline: medium solid #01ba9a !important;
outline-offset: 0px;
background-color: #eee;
}
.btn-group.open .dropdown-toggle {
box-shadow: none;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
box-shadow: none;
background-color: #FFFFFF;
border-color: #D1E0EE;
}
.btn {
border-radius: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
.bootstrap-select.btn-group .dropdown-menu li {
margin: 6px 0;
}
li.dropdown-header {
width: 100%;
display: block;
font-size: 18px;
color: #000;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
color: #949494;
font-size: 13px;
padding: 6px 0 6px 1.25em;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
font-weight: 600;
background-color: #01A185;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
font-weight: 600;
text-decoration: none;
background-color: rgba(1, 161, 133, 0.65);
color: #060607;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt:hover {
color: #fff;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
font-weight: bold;
color: #000;
}
/*-- //DropDown Select --*/
/*-- banner --*/
.main-banner {
background: url('../images/banner.jpg') no-repeat 0px 0px;
background-size: cover;
min-height: 400px;
padding: 100px 0 0 0;
}
.banner {
background: url('../images/banner.jpg') no-repeat 0px 0px;
background-size: cover;
min-height: 240px;
padding: 45px 0 0 0;
}
.banner h1 {
color: #FEFCFF;
font-size: 45px;
}
.banner p {
color: #E5E4E2;
margin: 10px 0 30px 0;
font-size: 18px;
text-align: center;
}
.banner a {
font-size: 17px;
text-decoration: none;
color: #fff;
background-color: #483C32;
border: 2px solid #3C4348;
border-radius: 10px;
padding: 10px 20px;
}
.banner a:hover {
font-weight: bold;
color: #000;
background: #01A185;
border: 2px solid #01816b;
}
.banner a:focus {
background: #01efc5;
color: #3C4348;
font-weight: bold;
}
/*-- //banner --*/
/*-- Menu Bar --*/
.header {
padding: 0px 0;
margin-bottom: 10px;
background-color: #FDFDFD;
}
.header-right {
float: right;
}
.logo {
float: left;
}
.logo a {
font-family: 'Segoe WP Black', sans-serif;
font-size: 50px;
color: #01a185;
text-decoration: none;
}
.logo a span {
color: #f3c500;
}
a.menu {
float: left;
border: 5px outset #01816b;
margin-top: 20px;
font-size: 15px;
padding: 6px 20px;
background: #016e5b;
width: 140px;
text-align: center;
font-weight: bold;
color: #eeeeee;
border-radius: 10px;
}
a.menu:hover {
border: 5px outset #01a185;
background: #01efc5;
color: #3C4348;
}
a.menu:focus {
transform: translateY(4px);
}
/*-- Menu Bar (>1080) --*/
.menu-right {
display: none;
}
a.menu2 {
float: left;
border: 5px outset #01816b;
margin-top: 20px;
font-size: 15px;
padding: 6px 20px;
background: #016e5b;
width: 140px;
text-align: center;
font-weight: bold;
color: #eeeeee;
border-radius: 10px;
}
a.menu2:hover {
border: 5px outset #01a185;
background: #01efc5;
color: #3C4348;
}
a.menu2:focus {
transform: translateY(4px);
}
/*-- //Menu Bar (>1080) --*/
/*-- Menu Bar (>640) --*/
.nav-collapse {
display: none;
text-align: center;
vertical-align: middle;
}
.nav-collapse span.logobutton {
background: #01A185;
border-radius: 3px;
margin-right: 5px;
float: right;
}
.nav-collapse span.sidemenubutton {
background: #01A185;
border-radius: 3px;
margin-right: 5px;
float: left;
}
.nav-collapse span.logobutton:hover, .nav-collapse span.sidemenubutton:hover {
border: 2px outset #01a185;
background: #01ba9a;
}
.nav-collapse a {
font-family: 'Segoe WP Black', sans-serif;
font-size: 50px;
color: #01a185;
text-decoration: none;
}
.nav-collapse a span {
color: #f3c500;
}
.sidenav, .sidemenunav {
display: none;
}
/*-- //Menu Bar (>640) --*/
/*-- //Menu Bar --*/
/*-- breadcrumbs --*/
ul.breadcrumbs {
padding: 5px 0;
list-style: none;
border-top: 0.0625em solid rgb(208, 208, 208);
border-bottom: 0.0625em solid rgb(208, 208, 208);
}
ul.breadcrumbs li {
display: inline-block;
font-size: 0.875em;
color: #000;
}
ul.breadcrumbs li a img {
position: relative;
top: 0.078125em;
}
ul.breadcrumbs li a img:hover {
-webkit-transform: scale(1.25); /* Safari and Chrome */
-moz-transform: scale(1.25); /* Firefox */
-ms-transform: scale(1.25); /* IE 9 */
-o-transform: scale(1.25); /* Opera */
transform: scale(1.25);
}
ul.breadcrumbs li a {
text-decoration: none;
}
span.red {
color: #01A185;
font-weight: bold;
cursor: context-menu;
}
span.red:hover{
color: #483C32;
}
span.detail {
color: #018870;
font-weight: bold;
}
span.detail:hover {
color: #483C32;
}
.breadusername, .breadusername a {
text-transform: capitalize;
display: inline-block;
font-weight: bold;
color: #060607;
float: right;
margin-top: 0.078125em;
}
.breadusername a:hover {
-webkit-transform: scale(1.05); /* Safari and Chrome */
-moz-transform: scale(1.05); /* Firefox */
-ms-transform: scale(1.05); /* IE 9 */
-o-transform: scale(1.05); /* Opera */
transform: scale(1.05);
}
/*-- //breadcrumbs --*/
/*-- //All Page --*/
/*-- styleswitch --*/
.styleswitch_UI {
float: right;
font-size: 0.875em;
font-weight: 900;
text-align: center;
background: #fff;
color: #060607;
list-style: none;
margin-top: 20px;
padding: 5px 0;
width: 50px;
border: 3px outset #333333;
border-radius: 10px;
}
.styleswitch_back {
display: none;
float: right;
font-size: 0.875em;
font-weight: bold;
text-align: center;
background: #fff;
color: #060607;
list-style: none;
margin-top: 20px;
padding: 5px 0;
width: 50px;
border: 3px outset #333333;
border-radius: 10px;
}
.styleswitch_UI:hover, .styleswitch_back:hover {
text-decoration: none;
background: #fff;
color: #000;
border: 3px outset #000;
-webkit-transform: scale(1.10); /* Safari and Chrome */
-moz-transform: scale(1.10); /* Firefox */
-ms-transform: scale(1.10); /* IE 9 */
-o-transform: scale(1.10); /* Opera */
transform: scale(1.10);
}
/*-- //styleswitch --*/
/*-- Advertisement --*/
.advertisement_link {
display: block;
font-size: 1em;
font-weight: 900;
text-align: center;
background: #fff;
color: #060607;
list-style: none;
margin-top: 20px;
width: auto;
border: 1px outset #333333;
border-radius: 10px;
}
/*-- //Advertisement --*/
/*-- zoom button --*/
.zoomFunction {
display: none;
position: fixed;
left: 0;
top: 62%;
width: 3.5em;
margin: -2.5em 0 0 0;
z-index: 999;
background: hsla(169.5, 98.77%, 31.76%, 0.7);
font-weight: bold;
font-size: x-large;
text-align: center;
border: solid hsla(169.5, 98.77%, 31.76%, 0.5);
border-left: none;
padding: 0.5em 0 0.5em 0;
box-shadow: 0 1px 3px black;
border-radius: 0.5em 1.5em 1.5em 0.5em;
}
#zoom_title {
font-weight: 700;
text-align: center;
display: inline-block;
background: none;
color: #3C4348;
left: 0;
border-radius: 0 0.5em 0.5em 0;
margin-bottom: 10px;
width: 100%;
cursor: context-menu;
}
#zoom_title:hover {
text-decoration: none;
}
#zoom_in, #zoom_out, #zoom_reset {
display: inline-block;
background: #016e5b;
color: #fff;
left: 0;
border: 1px outset #87D8EB;
border-radius: 0.5em 3em 3em 0.5em;
margin-bottom: 2px;
width: 100%;
cursor: pointer;
}
#zoom_in:hover, #zoom_out:hover, #zoom_reset:hover {
border: 1px outset #01a185;
background: #01ba9a;
color: white;
text-decoration: none;
}
/*-- //zoom button --*/
/*-- Back To Top --*/
#backtotop {
position: fixed;
background: hsla(169.5, 98.77%, 31.76%, 0.7);
color: #3C4348;
font-size: large;
font-weight: 700;
bottom: 23%;
right: -3.4em;
width: 8em;
margin: 0;
padding: 0;
border: solid hsla(169.5, 98.77%, 31.76%, 0.5);
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
cursor: pointer;
}
#backtotop {
transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
text-align: center;
}
#backtotop:hover {
background-color: #01efc5;
}
.ani-dur {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-ms-keyframes bounceIn {
0% {
opacity: 0;
-ms-transform: scale(.9);
}
100% {
-ms-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.ani-name {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-ms-animation-name: bounceIn;
animation-name: bounceIn;
}
/*-- //Back To Top --*/
/*-- Page Search --*/
.pagesearch {
text-align: center;
width: 100%;
margin: 0 auto;
}
.pagesearch input[type="search"] {
outline: none;
border: 1px solid #3c4348;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background: none;
font-size: 0.9375em;
padding: 10px 10px;
width: 60%;
margin-left: 7px;
vertical-align: middle;
}
.pagesearch input[type="search"]:focus {
background: white;
border: 2px solid #01ba9a;
}
.pagesearch input[type="search"]::-webkit-input-placeholder {
font-style: italic;
}
.pagesearch input[type="search"]::-moz-placeholder {
font-style: italic;
}
.pagesearch input[type="search"]:-ms-input-placeholder {
font-style: italic;
}
/* Page Search Submit Button */
.pagesearch button {
position: relative;
font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
text-transform: uppercase;
text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
color: #fff;
background: #483C32;
overflow: visible;
border: 0;
border-radius: 0 5px 5px 0;
cursor: pointer;
width: 110px;
height: 42px;
left: -7px;
vertical-align: middle;
}
.pagesearch .pageSearchbutton2 {
display: none;
width: 40px;
}
.pagesearch button:hover{
background: #01A185;
color: #000;
}
.pagesearch button:active,
.pagesearch button:focus{
background: #01816b;
color: #0C090A;
outline: 0;
}
/* left arrow */
.pagesearch button:before {
content: '';
position: absolute;
border-width: 8px 8px 8px 0;
border-style: solid solid solid none;
border-color: transparent #483C32 transparent;
top: 10px;
left: -6px;
}
.pagesearch button:hover:before{
border-right-color: #01A185;
}
.pagesearch button:focus:before,
.pagesearch button:active:before{
border-right-color: #01816b;
}
.pagesearch button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
border: 0;
padding: 0;
}
.pagesearchfixed {
background: #eee;
border-radius: 10px;
padding: 8px;
position: fixed;
top: 0;
left: 0;
z-index: 4;
width: 100%;
}
/*-- //Page Search --*/
/*-- Placeholder --*/
::-webkit-input-placeholder {
color: #555;
font-weight: bold;
}
:-moz-placeholder { /* older Firefox*/;
color: #555;
font-weight: bold;
}
::-moz-placeholder { /* Firefox 19+ */
color: #555;
font-weight: bold;
}
:-ms-input-placeholder {
color: #555;
font-weight: bold;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
/*-- //Placeholder --*/
/*-- focus(Main Page) --*/
.categories {
padding: 40px 0;
}
.focus-grid a {
text-decoration: none;
}
.focus-grid {
margin-top: 30px;
}
.focus-grid h4 {
text-align: left;
font-size: 2.5em;
font-weight: 400;
color: #323232;
}
.focus-grid h4 span {
display: block;
font-size: 0.5em;
margin: 10px 0;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.focus-grid p {
margin: 20px 0 0px 0;
font-size: 1.2em;
color: #797979;
font-weight: 300;
line-height: 1.9em;
}
.focus-border {
border: 1px solid #e7eaed;
}
.focus-layout{
background: #FBFBFB;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.focus-layout {
margin: 5px;
padding: 20px 0;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
text-align: center;
}
.focus-layout:hover {
background-color: #01a185;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.focus-layout h4 {
margin: 0 0 0 0;
color: #4C4C4C;
font-size: 1.125em;
text-align: center;
height: 35px;
margin-top: 20px;
}
.focus-layout:hover h4.clrchg {
color: #fff;
}
.focus-grids {
margin-top: 5em;
}
.focus-image {
text-align: center;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.focus-image i {
font-size: 2.5em;
color: #fff;
background: #dd0908;
border-radius: 50%;
width: 90px;
height: 90px;
line-height: 95px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.focus-layout:hover div.focus-image i {
background: #FBFBFB;
color: #000;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.focus-image i.fa-laptop {
background: #ff9e29;
}
.focus-image i.fa-car {
background: #3fb7d2;
}
.focus-image i.fa-motorcycle {
background: #15c01c;
}
.focus-image i.fa-wheelchair {
background: #7e3b07;
}
.focus-image i.fa-paw {
background: #1963ce;
}
.focus-image i.fa-book {
background: #c119ce;
}
.focus-image i.fa-asterisk {
background: #7fbad8;
}
.focus-image i.fa-gamepad {
background: #1ca39d;
}
.focus-image i.fa-shield {
background: #f49ecf;
}
.focus-image i.fa-at {
background: #070c1f;
}
.focus-image i.fa-home {
background: #df8012;
}
.focus-layout:hover div.focus-image i.mobile {
}
i.laptop {
}
.focus-layout:hover div.focus-image i.laptop {
}
i.car {
}
.focus-layout:hover div.focus-image i.car {
}
i.bike {
}
.focus-layout:hover div.focus-image i.bike {
}
i.furniture {
}
.focus-layout:hover div.focus-image i.furniture {
}
i.pets {
}
.focus-layout:hover div.focus-image i.pets {
}
i.books {
}
.focus-layout:hover div.focus-image i.books {
}
i.fashion {
}
.focus-layout:hover div.focus-image i.fashion {
}
i.kids {
}
.focus-layout:hover div.focus-image i.kids {
}
i.services {
}
.focus-layout:hover div.focus-image i.services {
}
i.job {
}
.focus-layout:hover div.focus-image i.job {
}
i.real-estate {
}
.focus-layout:hover div.focus-image i.real-estate {
}
/*-- //focus(Main Page) --*/
/*-- Sign-in --*/
.login-left {
padding: 0;
}
.login-left h3 {
font-size: 1.5em;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 0.5em;
}
.login-left p {
color: #0C090A;
display: block;
font-size: 0.875em;
text-align: justify;
margin: 0 2em 1.5em 0;
line-height: 1.8em;
}
.btmline {
display: none;
}
.login-right-hidden {
margin-bottom: 50px;
display: none;
}
.login-left form {
padding: 1em 0;
margin: 0;
}
.login-left form div {
padding: 0 0 1.5em 0;
}
.login-left span {
color: #555;
font-size: 0.8125em;
font-weight: bold;
padding-bottom: 0.2em;
display: block;
text-transform: uppercase;
}
.login-left .redstar {
color: red;
}
.login-left input[type="email"], .login-left input[type="password"], .login-left input[data-psswrd-toggle] {
outline: none;
border: 1px solid #3c4348;
background: none;
font-size: 0.9375em;
padding: 10px 10px;
width: 100%;
margin: 0.625em 0;
}
.login-left input[type="email"]:focus, .login-left input[type="password"]:focus {
border: 2px solid #01ba9a;
}
.login-left p.policy {
color: #0C090A;
display: block;
font-size: 0.8em;
line-height: 1.8em;
margin: 0;
}
.login-left p.policy a {
color: #01A185;
font-size: 1em;
font-weight: 500;
}
.login-left p.policy a:hover {
color: black;
font-weight: bold;
}
.acount-btn {
display: inline-block;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
background: #483C32 ;
color: #FFF;
border-radius: 5px;
padding: 0.6250em 3.125em;
box-shadow: 0 8px #999;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.acount-btn:hover {
color: #000;
background-color: #01A185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.acount-btn:focus {
color: #fff;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.acount-btn:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
.login-right {
border-left: 0.125em solid rgb(208, 208, 208);
}
.login-right h3 {
font-size: 1.5em;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 0.5em;
margin: 0 0 0 0.45em;
}
.login-right p {
color: #0C090A;
display: block;
font-size: 0.875em;
margin: 0 2em 1.5em 1em;
line-height: 1.8em;
}
.login-right form {
padding: 1em 0;
padding-bottom: 0;
margin: 0 0 0 0.75em;
}
.login-right form div {
padding: 0 0 1.5em 0;
}
.login-right span {
color: #555;
font-size: 0.8125em;
font-weight: bold;
padding-bottom: 0.2em;
display: block;
text-transform: uppercase;
}
.login-right .redstar {
color: red;
}
.login-right input[type="email"], .login-right input[type="password"], .login-right input[data-psswrd-toggle] {
outline: none;
border: 1px solid #3c4348;
background: none;
font-size: 0.9375em;
padding: 10px 10px;
width: 100%;
margin: 0.625em 0;
}
.login-right input[type="email"]:focus, .login-right input[type="password"]:focus {
border: 2px solid #01ba9a;
}
.data-psswrd-checkbox {
display: none;
top: 10%;
font-size: 1.1em;
cursor: pointer;
margin: 0;
}
.data-psswrd-text {
color: #060607;
font-size: 80%;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}
.data-psswrd-text:hover {
font-weight: bold;
color: black;
text-decoration: underline;
}
.data-psswrd-text.invalid:before {
content: "\f096";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
display:inline-block;
text-decoration: none;
padding: 0 10px 0 0;
cursor: pointer;
}
.data-psswrd-text.valid:before {
content: "\f046";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
display:inline-block;
text-decoration: none;
padding: 0 10px 0 0;
cursor: pointer;
}
a.forgot {
color: #01A185;
font-size: 0.8750em;
font-weight: 500;
}
a.forgot:hover {
color: black;
font-weight: bold;
}
p.policy {
color: #0C090A;
display: block;
font-size: 0.8em;
margin: 0 2em 1.5em 1em;
line-height: 1.8em;
}
p.policy a {
color: #01A185;
font-size: 1em;
font-weight: 500;
}
p.policy a:hover {
color: black;
font-weight: bold;
}
.sign-in-form input[type="submit"] {
display: block;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
outline: none;
border: none;
border-radius: 5px;
padding: 0.6250em 0;
width: 50%;
cursor: pointer;
margin: 0.5em 0 1em 27.5%;
box-shadow: 0 8px #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.sign-in-form input[type="submit"]:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.sign-in-form input[type="submit"]:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.sign-in-form input[type="submit"]:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
.sign-in-wrapper {
background: #f9f9f9;
}
.graphs {
padding: 50px 0;
margin-bottom: 5px;
}
.sign-in-form {
margin: 0 auto;
width: 85%;
}
.signin {
padding: 0.875em 2em 0.875em 2em;
position: relative;
background: #fff;
}
.sign-in-up {
background: #f9f9f9 !important;
min-height: 830px;
}
/*-- my account --*/
.my-acount-head p {
color: #394b50;
font-size: 1.5em;
font-weight: 500;
padding: 1.5625em 0 0.625em 0;
text-align: center;
}
/*-- //my account --*/
/*-- reset password --*/
.reset-password-form {
margin: 0 auto;
width: 85%;
}
.resetpassword {
padding: 0.875em 2em 0.875em 2em;
position: relative;
background: #fff;
}
.resetpassword h1 {
text-align: center;
font-size: 2em;
font-weight: bold;
margin: 0 0 0.5em;
}
p.resetting {
color: #0C090A;
font-size: 0.875em;
margin: .5em 0 2.5em;
line-height: 1.8em;
text-align: center;
}
.resetpassword span {
color: #555;
font-size: 0.8125em;
font-weight: bold;
padding-bottom: 0.2em;
display: block;
text-transform: uppercase;
}
.resetpassword input[type="email"] {
font-size: 0.9375em;
background: none;
padding: 10px 10px;
width: calc(45% + 80px);
outline: none;
border: 1px solid #3c4348;
margin: 0.625em 0;
margin-left: auto;
margin-right: auto;
}
.resetpassword input[type="email"]:focus {
border: 2px solid #01ba9a;
}
.reset-password-form input[type="submit"] {
font-size: 0.9375em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
border: none;
padding: 0.6250em;
display: block;
overflow: auto;
max-width: 356px;
width: 83%;
width: calc(90% + 28px);
max-height: calc(100% - 80px);
outline: none;
border-radius: 5px;
cursor: pointer;
margin: 0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.reset-password-form input[type="submit"]:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.reset-password-form input[type="submit"]:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.reset-password-form input.invalid {
border-color: #DD2C00;
border-width: medium;
}
.reset-password-form .redstar {
color: red;
}
#notify {
font-size: 0.9375em;
text-align: center;
color: #fff;
margin: 1em auto;
padding: 0.625em;
max-width: 356px;
width: 83%;
width: calc(90% + 28px);
display: block;
position: static;
}
#notify.error {
background-color: #DD2C00;
}
/*-- //reset-password --*/
.clear {
clear: both;
}
/*-- //sign-in --*/
/*-- sign-up --*/
.sign-up {
width: 85%;
margin: 0 auto;
}
.sign-up h1 {
text-align: center;
font-size: 2em;
font-weight: bold;
margin: 0 0 0.5em;
}
p.creating {
color: #0C090A;
font-size: 0.875em;
margin: .5em 0 3em;
line-height: 1.8em;
text-align: center;
width: 60%;
margin: 0 auto;
}
.sign-up h6 {
margin: 2em 0 1em;
color: #F44336;
font-size: 1.25em;
}
.register-top-grid h3, .register-bottom-grid h3 {
color: #000;
font-size: 1.25em;
font-weight: bold;
padding-bottom: 5px;
margin-top: 20px;
}
.register-top-grid div {
width: 50%;
float: left;
margin: 10px 0;
}
.register-bottom-grid .pass, .register-bottom-grid .retypepass {
width: 50%;
float: left;
margin: 10px 0;
}
.register-top-grid span, .register-bottom-grid span {
color: #060607;
font-size: 0.8125em;
font-weight: bold;
padding-bottom: 0.2em;
display: block;
text-transform: uppercase;
}
.register-top-grid .redstar, .register-bottom-grid .redstar {
color: red;
}
.register-top-grid input[type="text"], .register-top-grid input[type="email"], .register-bottom-grid input[type="password"], .register-bottom-grid input[data-psswrd-toggle] {
border: 1px solid #3c4348;
background: none;
font-size: 1em;
padding: 10px 10px;
width: 96%;
margin: 0.625em 0;
}
.register-top-grid input[type="text"]:focus, .register-top-grid input[type="email"]:focus, .register-bottom-grid input[type="password"]:focus {
outline-color: #01ba9a;
outline-width: medium;
outline-style: solid;
}
/*-- news letter --*/
.checkbox {
margin-bottom: 4px;
padding-left: 27px;
font-size: 1.1em;
line-height: 27px;
cursor: pointer;
}
.checkbox {
position: relative;
font-size: 1em;
font-weight: 500;
color: #060607;
}
.checkbox:hover {
color: black;
font-weight: bold;
}
.checkbox:last-child {
margin-bottom: 0;
}
.news-letter {
color: #555;
font-weight:600;
font-size: 0.85em;
margin-bottom: 1em;
display: block;
text-transform: uppercase;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
clear: both;
}
.checkbox i {
position: absolute;
bottom: 5px;
left: 0;
display: block;
width:20px;
height:20px;
outline: none;
border: 2px solid #3c4348;
}
.checkbox input + i:after {
content: "\f00c";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
top: 1px;
left: 0.5px;
width: 15px;
height: 15px;
font: normal 12px/16px FontAwesome;
text-align: center;
color: #01A185;
}
.checkbox input + i:after {
position: absolute;
opacity: 0;
transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s;
}
.checkbox input {
position: absolute;
left: -9999px;
}
.checkbox input:checked + i:after {
opacity: 1;
}
.news-letter:hover {
color: #00BFF0;
}
/*-- //news-letter --*/
.sign-up input[type="submit"] {
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
border: none;
padding: 0.6250em 0;
width: 45%;
display: block;
outline: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
margin: 0.5em 0 0 27.5%;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.sign-up input[type="submit"]:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.sign-up input[type="submit"]:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
/*-- Password Strength--*/
#passwordDescription {
font-size: 1.5em;
font-weight: bold;
width: 100%;
}
#pwd_strength_wrap {
font-size: 1em;
font-weight: bold;
line-height: 20px;
border: 1px solid #D5CEC8;
color: #060607;
display: none;
float: left;
padding: 20px;
position: relative;
width: 48%;
}
#pwd_strength_wrap:before {
border-bottom: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0.1);
border-top: 7px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: -18px;
position: absolute;
top: 37px;
}
#pwd_strength_wrap:after {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid #fff;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: -16px;
position: absolute;
top: 35px;
}
#pswd_info {
display: block;
width: 100%;
}
#pswd_info ul {
list-style-type: none;
margin: 5px 0 0;
padding: 0;
}
#pswd_info ul li {
font-size: 1em;
}
#pswd_info ul li:before {
content: "\f096";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding: 0 10px 0 0;
}
#pswd_info ul li.valid {
font-size: 1em;
color: #066e46;
}
#pswd_info ul li.valid:before {
content: "\f046";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding: 0 10px 0 0;
color: #066e46;
}
#passwordStrength {
display: block;
height: 5px;
margin-top: 10px;
margin-bottom: 10px;
transition: all 0.4s ease;
}
.strength0 {
background: none; /* too short */
width: 0;
}
.strength1 {
background: none repeat scroll 0 0 #FF4545; /* weak */
width: 25%;
}
.strength2 {
background: none repeat scroll 0 0 #FFC824; /* good */
width: 50%;
}
.strength3 {
background: none repeat scroll 0 0 #6699CC; /* strong */
width: 75%;
}
.strength4 {
background: none repeat scroll 0 0 #008000; /* best */
width: 100%;
}
/*-- //Password Strength --*/
/*-- //sign-up --*/
/*-- success-info --*/
.success-info {
width: 85%;
margin: 0 auto;
}
.success-info h1 {
text-align: center;
font-size: 2em;
font-weight: bold;
margin: 0 0 0.5em;
}
.success-info h2 {
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin: 0 0 0.5em;
}
p.successful {
color: #0C090A;
font-size: 1.25em;
margin: .5em 0 3em;
line-height: 1.8em;
text-align: center;
}
.success-info a {
display: inline-block;
font-size: 0.9375em;
font-weight: bold;
letter-spacing: 0.1em;
text-decoration: none;
color: #fff;
background: #483C32;
padding: 0.6250em 3.125em;
border-radius: 5px;
overflow: auto;
margin: 0 auto;
box-shadow: 0 8px #999;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.success-info a:hover {
color: #000;
background: #01A185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.success-info a:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.success-info a:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
.success-info countdown {
margin: .5em 0 3em;
}
.success-info table.userdetailborder {
width: auto;
white-space: nowrap;
border: 2px solid #3c4348;
border-collapse: separate;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 0 auto;
margin-bottom: 0.7em;
}
.success-info h3 {
text-align: center;
text-decoration: underline;
font-size: 1.25em;
font-weight: bold;
padding: 0.6250em 1.5625em;
margin-bottom: 0;
}
.success-info .userdetailborder th {
text-align: right;
font-size: 1.25em;
font-weight: bold;
background: #e5e5e5;
border-bottom: 2px solid #3c4348;
padding: 0.6250em 1.5625em;
padding-right: 0.78125em;
margin-bottom: 0.5em;
}
.success-info .userdetailborder td {
text-align: left;
font-size: 1.25em;
font-weight: 500;
border-bottom: 2px solid #3c4348;
padding: 0.6250em 1.5625em;
padding-left: 0.78125em;
margin-bottom: 0.5em;
}
/*-- lvImage CSS --*/
.lvImage {
display: none;
}
/*-- //success-info --*/
/*--flexisel--*/
.trending-ads {
background-color: rgba(1, 161, 133, 0.65);
padding: 50px 0px;
}
.flex-slider {
background: #242a2c;
padding: 100px 0;
}
#flexiselDemo1 {
display: none;
}
.nbs-flexisel-container {
position: relative;
max-width: 100%;
}
.nbs-flexisel-ul {
position: relative;
width: 9999px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.nbs-flexisel-inner {
overflow: hidden;
margin: 0px auto;
}
.nbs-flexisel-item {
float: left;
margin: 0;
padding: 0px;
cursor: pointer;
position: relative;
line-height: 0px;
}
.nbs-flexisel-item > img {
cursor: pointer;
position: relative;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
width: 20px;
height: 40px;
position: absolute;
cursor: pointer;
z-index: 100;
}
.nbs-flexisel-nav-left:hover, .nbs-flexisel-nav-right:hover {
transform:scale(1.15);
}
.nbs-flexisel-nav-left {
left: -45px;
top: 38% !important;
background: url(../images/themes1.png) no-repeat 1px 3px;
}
.nbs-flexisel-nav-right {
right: -45px;
top: 38% !important;
background: url(../images/themes1.png) no-repeat -23px 3px;
}
ul#flexiselDemo3.nbs-flexisel-nav-left, ul#flexiselDemo3.nbs-flexisel-nav-right {
width: 26px;
height: 44px;
position: absolute;
cursor: pointer;
z-index: 100;
display: none;
}
.biseller-column:hover {
display: block;
padding-top: 5px;
padding-bottom: 10px;
transform: scale(1.05);
}
.biseller-column img {
width: 100%;
position: relative;
border: 1px solid #F9F9F9;
box-shadow: 0 0 10px #F9F9F9;
-webkit-box-shadow: 0 0 10px #F9F9F9;
-moz-box-shadow: 0 0 10px #F9F9F9;
box-shadow: 0 0 10px #F9F9F9;
}
.biseller-column a {
display: block;
padding-top: 5px;
}
.trend-ads {
width: 90%;
margin: 0 auto;
}
.trend-ads h2 {
font-size: xx-large;
font-weight: bold;
margin-bottom: 35px;
text-align: center;
}
.ad-info h5 {
text-align: left;
font-size: 17px;
color: #000;
margin: 5px 5px 10px;
line-height: 20px;
transition :0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.biseller-column:hover div.ad-info h5 {
font-weight: 600;
color: #000;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.ad-info span {
display: block;
text-align: left;
line-height: 16px;
color: #fff;
margin-left: 5px;
}
span.price {
background-color: rgba(89, 194, 175, 0.79);
color: #3C4348;
display: block;
font-size: 16px;
font-weight: bold;
padding: 7px 15px;
position: absolute;
right: 10px;
text-align: right;
top: 5px;
z-index: 2;
line-height: 1;
letter-spacing: 3px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.biseller-column:hover span.price {
font-weight: bold;
color: #000;
background: #01efc5;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
span.price:after {
position: absolute;
right: 0;
top: 50%;
content: " ";
margin-top: 14px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 0;
border-color: rgba(89, 194, 175, 0.79) transparent transparent transparent;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.biseller-column:hover span.price:after {
border-color: rgba(243, 197, 0, 0.79) transparent transparent transparent;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
/*--//flexisel--*/
/*-- footer --*/
.footer {
margin: 60px 0;
}
.footer-top {
padding: 60px 0;
}
.footer-middle p {
margin: 20px 0 0 0;
color: #fff;
font-size: 0.875em;
}
.footer-middle {
background: #333333;
padding: 30px 0;
padding-bottom: 0;
}
h4.footer-head {
display: inline-block;
font-size: x-large;
font-weight: bold;
margin-bottom: 16px;
position: relative;
cursor: context-menu;
}
h4.footer-head:before {
content: "";
position: absolute;
width: 75%;
height: 1px;
bottom: 0;
left: 0;
border-bottom: 2px groove #01A185;
}
.footer-grid p {
color: #0C090A;
font-size: 0.875em;
line-height: 1.8em;
margin-top: 0.938em;
text-align: justify;
}
.footer-grid ul li {
list-style-type: none;
margin: 0.938em 0;
}
.footer-grid ul li a {
display: inline-block;
color: #0C090A;
font-size: 0.9rem;
font-weight: 400;
position: relative;
}
.footer-grid ul li a:before {
content: "";
position: absolute;
width: 25px;
height: 1px;
bottom: 0;
left: 0;
border-bottom: 1px solid #3C4348;
}
.footer-grid ul li a:hover {
color: #060607;
font-size: 1rem;
font-weight: bold;
}
.footer-grid ul li a:focus {
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
span.hq {
color: rgb(0, 5, 5);
font-size: 0.9em;
font-weight: 500;
margin-bottom: 1em;
display: block;
}
address {
width: 100%;
color: #767676;
font-size: 0.875em;
line-height: 2.4em;
}
ul.location {
margin-top: 1em;
}
ul.location li {
float: left;
display: inline-block;
margin: 0;
}
ul.location li a {
font-size: 1em !important;
}
ul.location li a:before {
border: none;
}
span.glyphicon.glyphicon-map-marker {
margin-top: 3px;
}
span.glyphicon.glyphicon-map-marker, span.glyphicon.glyphicon-earphone, .glyphicon.glyphicon-envelope {
color: #fff;
font-size: 12px;
background-color: rgb(0, 30, 25);
padding: 6px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
vertical-align: top;
}
ul.location li:nth-child(2) {
float: right;
width: 85%;
color: #0f0f0f;
font-size: 0.875rem;
line-height: 2em;
margin: 0;
text-align: justify;
}
ul.location li:nth-child(3) {
float: right;
width: 85%;
color: #0f0f0f;
font-size: 0.875rem;
line-height: 2em;
margin: 0;
text-align: justify;
}
.copyrights p,.diff p {
color: #979797;
font-size: 14px;
font-weight: bold;
margin-top: 0;
text-align: center;
}
.copyrights p a,.diff p a {
color: #F3C506;
margin-left: 2px;
font-weight: bold;
}
.copyrights p a:hover,.diff p a:hover {
color: #01A185;
font-weight: bold;
}
.footer-social-icons ul li {
display: inline-block;
margin: 0 0.2em;
}
.footer-social-icons ul li a{
width: 30px;
height: 30px;
background: url('../images/img-sprite.png') no-repeat 0px 0px;
display: inline-block;
position: relative;
}
.footer-social-icons ul li a span {
color: #fff;
position: absolute;
bottom: 0;
left: -25px;
right: -25px;
padding: 5px;
font-size: 14px;
border-radius: 2px;
background: #01a185;
visibility: hidden;
opacity: 0;
-o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.footer-social-icons ul li a span:before {
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #01a185;
position: absolute;
bottom: -5px;
left: 34px;
}
.footer-social-icons ul li a:hover span {
bottom: 41px;
visibility: visible;
opacity: 1;
}
.footer-social-icons ul li a.facebook {
background-position: 0px 0px;
}
.footer-social-icons ul li a.facebook:hover {
background-position: -0px -30px;
}
.footer-social-icons ul li a.facebook:focus {
outline: thin dotted;
outline: 5px auto #fff;
outline-offset: -2px;
background-position: -0px -30px;
}
.footer-social-icons ul li a.twitter {
background-position: -30px 0px;
}
.footer-social-icons ul li a.twitter:hover {
background-position: -30px -30px;
}
.footer-social-icons ul li a.twitter:focus {
outline: thin dotted;
outline: 5px auto #fff;
outline-offset: -2px;
background-position: -0px -30px;
}
.footer-social-icons ul li a.flickr {
background-position: -60px 0px;
}
.footer-social-icons ul li a.flickr:hover {
background-position: -60px -30px;
}
.footer-social-icons ul li a.flickr:focus {
outline: thin dotted;
outline: 5px auto #fff;
outline-offset: -2px;
background-position: -0px -30px;
}
.footer-social-icons ul li a.googleplus {
background-position: -90px 0px;
}
.footer-social-icons ul li a.googleplus:hover {
background-position: -90px -30px;
}
.footer-social-icons ul li a.googleplus:focus {
outline: thin dotted;
outline: 5px auto #fff;
outline-offset: -2px;
background-position: -0px -30px;
}
.footer-social-icons ul li a.instagram {
background-position: -120px 0px;
}
.footer-social-icons ul li a.instagram:hover {
background-position: -120px -30px;
}
.footer-social-icons ul li a.instagram:focus {
outline: thin dotted;
outline: 5px auto #fff;
outline-offset: -2px;
background-position: -0px -30px;
}
.footer-social-icons {
margin: 40px 0 15px 0;
}
.footer-logo a {
font-family: 'Segoe WP Black', sans-serif;
font-size: 40px;
color: #01a185;
text-decoration: none;
}
.footer-logo a span {
color: #f3c500;
}
.footer-logo a {
position: relative;
display: block;
}
.footer-logo a:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 40%;
height: 2px;
background: #545556;
}
.footer-logo a:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 40%;
height: 2px;
background: #545556;
}
.footer-logo a:focus {
outline: thin dotted;
outline: 5px auto #fff;
outline-offset: -2px;
}
/*--footer-bottom--*/
.footer-bottom {
background: #333333;
padding: 1% 0;
}
.copy {
float: left;
text-align: center;
}
.copy p {
color: #fff;
font-size: 0.8125em;
text-align: left;
cursor: context-menu;
}
.copy p a {
color: #efefef;
}
.copy p a:hover {
font-weight: bold;
color: #87D8EB;
}
.copy p a:focus {
outline: thin dotted;
outline: 5px auto #fff;
outline-offset: -2px;
}
.f-list2 {
float: right;
color: transparent;
margin-bottom: 10px;
}
.f-list2 li {
display: inline-block;
margin: 0;
}
.f-list2 li a {
color: #efefef;
font-size: 15px;
display: inline-block;
border: 2px outset #efefef;
box-shadow: 3px 3px 3px #888888;
width: 140px;
padding: 6px 20px;
text-align: center;
border-radius: 10px;
cursor: pointer;
}
.f-list2 li a:hover {
color: #060607;
font-weight: bold;
background: #01ba9a;
border: 1px outset #01a185;
}
.f-list2 li a:focus {
background: #01efc5;
color: #3C4348;
}
.f-list2 ul span {
display: none;
}
/*-- //footer --*/
/*-- Categories --*/
.category-list {
border: 1px solid #F5F5F5;
box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
-webkit-box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
-moz-box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
-o-box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
-ms-box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
font-family: 'Oxygen', sans-serif;
}
.categories-section {
padding: 0 0 60px 0;
}
ul.resp-tabs-list.hor_1 {
background-color: #F5F5F5;
padding: 35px 0;
}
ul.resp-tabs-list.hor_1 a {
text-decoration: none;
color: #f3c500;
font-size: 15px;
margin: 25px 0 0 0;
display: block;
text-align: center;
}
ul.resp-tabs-list.hor_1 a:hover {
color: #01a185;
}
span.total {
color: #fff;
font-size: 13px;
background: #01a185;
padding: 10px 20px;
margin: 3% 5%;
width: 90%;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
span.total strong {
margin-right: 5px;
font-size: 18px;
vertical-align: middle;
font-weight: normal;
}
.category {
padding: 20px;
border-bottom: 1px solid #eee;
}
.category-img {
float: left;
width: 25%;
text-align: center;
}
.category-img img {
width: 75%;
}
.category-info {
float: left;
width: 30%;
}
.category-info h4 {
color: #000;
font-size: 22px;
}
.category-info span {
color: #000;
font-size: 12px;
display: block;
margin: 10px 0;
}
.category-info a {
color: #f3c500;
text-decoration: none;
font-size: 14px;
}
.category-info a:hover {
color: #01a185;
}
.sub-categories {
margin-top: 20px;
margin-left: 20px;
}
.sub-categories ul li {
list-style-type: none;
margin: 20px 0;
float: left;
width: 50%;
}
.sub-categories ul li a {
text-transform: capitalize;
text-decoration: none;
color: #244A6F;
font-size: 15px;
}
.sub-categories ul li a:hover {
color:#01a185;
}
/*-- //Categories --*/
/*-- Regions --*/
.region-block:nth-child(even) {
background-color: #f4f4f4;
}
.sun-regions ul li {
display: inline-block;
width: 24%;
margin: 0 0 5px 0;
}
.sun-regions ul li a {
color: #4A4949;
font-size: 16px;
text-decoration: none;
text-transform: capitalize;
}
.sun-regions ul li a:hover {
color: #01A185;
font-weight: bold;
}
.region-block {
padding: 40px 0px;
}
.state h3 {
color: #3C4348;
font-size: 20px;
font-weight: bold;
}
.main-grid-border{
border-bottom: 3px solid #3c3d41;
}
h2.head {
color: #0C090A;
font-size: 35px;
font-weight: bold;
margin: 35px 0;
}
/*-- //Regions --*/
/*-- Popular-searches --*/
.popular-search {
padding: 0 0 60px 0;
}
.tags a:hover {
color: #01a185;
}
a.tag1 {
font-size: 1.8em;
margin: 0px 10px 0 0;
}
a.tag2 {
font-size: 1.3em;
margin: 0px 10px 0 0;
}
a.tag3 {
font-size: 1.5em;
margin: 0px 10px 0 0;
}
a.tag4 {
font-size: 1.8em;
margin: 0px 10px 0 0;
}
a.tag5 {
font-size: 1.9em;
margin: 0px 10px 0 0;
}
a.tag6 {
font-size: 1.4em;
margin: 0px 10px 0 0;
}
a.tag7 {
font-size: 1.1em;
margin: 0px 10px 0 0;
}
a.tag8 {
font-size: 1.6em;
margin: 0px 10px 0 0;
}
a.tag9 {
font-size: 1em;
margin: 0px 10px 0 0;
}
a.tag10 {
font-size: 0.9em;
margin: 0px 10px 0 0;
}
a.tag11 {
font-size: 1.2em;
margin: 0px 10px 0 0;
}
a.tag12 {
font-size: 1.8em;
margin: 0px 10px 0 0;
}
a.tag13 {
font-size: 1.5em;
margin: 0px 10px 0 0;
}
a.tag14 {
font-size: 1.2em;
margin: 0px 10px 0 0;
}
a.tag15 {
font-size: 1.1em;
margin: 0px 10px 0 0;
}
a.tag16 {
font-size: 1.5em;
margin: 0px 10px 0 0;
}
a.tag17 {
font-size: 1.5em;
margin: 0px 10px 0 0;
}
a.tag18 {
font-size: 1.8em;
margin: 0px 10px 0 0;
}
a.tag19 {
font-size: 1em;
margin: 0px 10px 0 0;
}
a.tag20 {
font-size: 1.2em;
margin: 0px 10px 0 0;
}
.tags a{
text-decoration: none;
color: #9C9C9C;
}
.tags p {
font-size: 1.2em;
}
.popular-regions {
background: #F9F9F9;
padding: 40px 0;
margin-top: 40px;
}
.popular-regions h4 {
color: #01A185;
font-size: 25px;
margin-bottom: 20px;
}
.popular-regions ul li {
display: inline-block;
width: 20%;
margin: 0 0 5px 0;
float: left;
}
.popular-regions ul li a {
color: #4A4949;
font-size: 13px;
text-decoration: none;
text-transform: capitalize;
}
.popular-regions ul li a:hover {
color: #f3c500;
}
h4.mpcwc {
margin-top: 40px;
}
.popular-category {
margin-top: 50px;
}
.popular-category h4 {
color: #01A185;
font-size: 20px;
margin-bottom: 12px;
}
.popular-category ul li a {
color: #4A4949;
font-size: 13px;
text-decoration: none;
text-transform: capitalize;
}
.popular-category ul li {
list-style-type: none;
margin: 0 0 5px 0;
}
.popular-category ul li a:hover {
color: #f3c500;
}
.popular-category {
width: 20%;
float: left;
}
/*-- //Popular-searches --*/
/*-- sitemap-searches --*/
.sitemap-regions {
background: #F9F9F9;
padding: 0 0 40px 0;
}
.sitemap-regions h4 {
color: #01A185;
font-size: 25px;
margin-bottom: 5px;
}
.sitemap-regions ul li {
list-style-type: none;
margin: 0 0 5px 0;
}
.sitemap-regions ul li a {
color: #4A4949;
font-size: 13px;
text-decoration: none;
text-transform: capitalize;
}
.sitemap-regions ul li a:hover {
color: #f3c500;
}
.sitemap-regions ul li.left-gap {
margin: -2px 0 0 15px;
}
.sitemap-region{
margin-top: 40px;
}
.sitemap-region ul {
margin-left: 10px;
}
.sitemap-region-grid {
width: 33.33%;
float: left;
}
/*-- //sitemap-searches --*/
/*-- terms of use --*/
.terms {
padding-bottom: 40px;
}
.panel-default {
border-color: #FFF;
}
.panel .top-button {
float: right;
font-size: medium;
font-weight: bold;
text-align: center;
color: white;
text-decoration: none;
border: 2px solid #424242;
border-radius: 5px;
padding: 3px 5px;
background-color: #7c7c7c;
width: 140px;
}
.panel .top-button:hover {
text-decoration: underline;
background-color: #01a185;
color: #000;
border: 2px solid #01816b;
}
.panel .top-button:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.panel-default>.panel-heading {
color: #222;
background-color: #FFFFFF;
border-color: #FFF;
text-transform: capitalize;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #FFF;
}
.panel-title {
font-size: 19px;
}
.panel-title:hover {
color: #0f0f0f;
text-decoration: none;
}
.panel-title span {
cursor: pointer;
}
.panel-title span:hover{
color: #01A185;
font-weight: bold;
text-decoration: underline;
}
.panel-body {
padding-top: 0;
padding-bottom: 0;
}
.panel-body p {
color: #2e2e2e;
font-size: 14px;
margin-left: 32px;
padding: 0px 15px 20px;
line-height: 25px;
text-align: justify;
}
.panel-body ol {
color: #2e2e2e;
font-size: 14px;
margin-left: 50px;
padding: 0px 15px 20px;
line-height: 25px;
text-align: justify;
}
.panel-body ol ol {
color: #2e2e2e;
font-size: 14px;
margin-left: 0px;
padding: 0px 15px 20px;
line-height: 25px;
text-align: justify;
}
.panel-body ol p {
color: #2e2e2e;
font-size: 14px;
margin-left: 0px;
padding: 0px 15px 20px;
line-height: 25px;
text-align: justify;
}
.panel-body dl {
color: #2e2e2e;
font-size: 14px;
margin-left: 50px;
padding: 0px 15px 20px;
line-height: 20px;
text-align: justify;
}
.panel-body p a {
color: #01A185;
}
.panel-body p a:hover {
font-weight: 600;
}
.panel-heading {
padding: 20px 15px;
}
.panel-group .panel+.panel {
margin-top: 0px;
}
.panel-group .panel {
margin-bottom: 0px;
}
/*-- //terms of use --*/
/*-- All-classifieds --*/
span.num-of-ads {
font-size: 13px;
margin-left: 3px;
color: #BAD4EC;
}
ul.all-cat-list li {
display: inline-block;
margin: 3px 15px;
line-height: 2;
}
ul.all-cat-list li a {
font-size: 14px;
color: #01a185;
text-decoration: none;
}
ul.all-cat-list li a:hover {
color: #000;
}
.all-categories {
border: 1px solid #D1E0EE;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
padding: 25px 5px;
margin-bottom: 25px;
}
.all-categories h3 {
margin: 0 0 15px 15px;
color: #f3c500;
font-size: 25px;
}
/*-- //All-classifieds --*/
/*-- mobile app --*/
.app {
padding: 70px 0px;
}
.app-image img {
width: 100%;
}
.app-left h2 {
font-size: 35px;
color: #000;
line-height: 40px;
margin: 70px 0 0px 0;
}
.app-left p {
margin: 20px 0 0px 0;
color: #676767;
font-size: 16px;
line-height: 25px;
}
.app-devices {
width: 65%;
margin: 30px 0 0 0;
}
.app-devices a {
float: left;
width: 46%;
margin-right:4%;
}
.app-devices a img {
width: 100%;
}
.app-devices h5 {
font-size: 22px;
margin-bottom: 12px;
}
.app-bottom-grids {
padding: 60px 0;
background-color: rgba(1, 161, 133, 0.65);
}
.app-bottom-grid h3 {
font-size: 28px;
color: #f3c500;
margin: 30px 0 0px 0;
}
.app-bottom-grid p {
color: #797979;
font-size: 13px;
line-height: 26px;
margin-top: 10px;
}
.app-bottom-grid i.search {
width: 60px;
height: 60px;
background: url('../images/img-sprite.png') no-repeat -720px -60px;
display: inline-block;
}
.app-bottom-grid i.notifications{
width: 60px;
height: 60px;
background: url('../images/img-sprite.png') no-repeat -780px -60px;
display: inline-block;
}
.app-bottom-grid i.addads{
width: 60px;
height: 60px;
background: url('../images/img-sprite.png') no-repeat -840px -60px;
display: inline-block;
}
.app-bottom-grid i.getreply{
width: 60px;
height: 60px;
background: url('../images/img-sprite.png') no-repeat -900px -60px;
display: inline-block;
}
.app-bottom-grid {
border: 1px solid #eee;
padding: 30px 15px;
width: 23%;
margin: 0 1%;
background-color: #FFF;
}
.app-bottom-grid i {
font-size: 50px;
color: #01A185;
}
/*-- //mobile app --*/
/*-- work-section --*/
.work-section {
padding: 0 0 60px 0;
}
.work-section-head p {
color: #394b50;
font-size: 1.5em;
font-weight: 500;
padding: 1.5625em 0 0.625em 0;
text-align: center;
}
.work-section-grid {
margin-top: 7em;
position: relative;
color: #625D5D;
}
span.arrow1 {
position: absolute;
top: -2.1875em;
right: -4em;
}
span.arrow2 {
position: absolute;
top: 4.6875em;
right: -4em;
}
.work-section-grid h4 {
color: #000000;
font-size: 1.5625em;
margin-bottom: 0.9375em;
text-transform: capitalize;
margin-top: 3.125em;
}
.work-section-grid p {
color: #0C090A;
font-size: 0.8125em;
font-weight: 400;
line-height: 1.8em;
text-align: justify;
margin-bottom: 6.25em;
}
a.work {
font-weight: bold;
font-size: 0.9375em;
letter-spacing: 0.1em;
color: #fff;
background: #483C32;
text-decoration: none;
text-transform: uppercase;
padding: 0.6250em 3.125em;
border-radius: 5px;
overflow: auto;
display: inline-block;
box-shadow: 0 8px #999;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
a.work:hover {
color: #000;
background: #01A185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
a.work:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
a.work:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
.work-section-grid i {
font-size: 4.375em;
color: #01A185;
}
/*-- //work-section --*/
/*-- faq --*/
.faq {
padding-bottom: 2.5em;
}
.faq-list dd {
position: relative;
}
.faq-list_h {
position: relative;
margin: 0 0 1.25em;
padding: 0 0 0 1.75em;
background: none;
font-weight: normal;
}
.faq-list .marker {
position: absolute;
top: 0;
left: 0;
display: block;
font-weight: bold;
margin-top: 0.125em;
}
p.m_13 {
padding-left: 1.875em;
font-size: 0.84375em;
text-align: justify;
line-height: 2em;
color: #0C090A;
margin-bottom: 1.5em;
}
.faq-list .marker1 {
position: absolute;
top: 0;
left: 0;
display: block;
font-weight: bold;
margin: 0;
}
h5.marker_head{
color: #000;
font-size: 1.1875em;
margin-top: 1.5em;
}
p.last_2{
margin-bottom: 0;
}
.faq .top-button {
float: right;
font-size: medium;
font-weight: bold;
text-align: center;
color: white;
background-color: #7c7c7c;
text-decoration: none;
border: 0.125em solid #424242;
border-radius: 5px;
padding: 0.1875em 0.3125em;
width: 140px;
}
.faq .top-button:hover {
text-decoration: underline;
background-color: #01a185;
color: #000;
border: 2px solid #01816b;
}
.faq .top-button:focus {
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
/*-- //faq --*/
/*-- Contact --*/
.contact section {
background: white;
margin: 50px auto 70px;
text-align: center;
width: 100%;
max-width: 1100px;
}
section#hire {
text-align: center;
}
form#filldetails {
width: 60%;
margin: 0 auto;
}
form .field {
width: 100%;
position: relative;
margin-bottom: 15px;
}
form .field label {
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
background: #01a185;
width: 100%;
padding: 1em 0;
font-size: 0.9375em;
letter-spacing: 0.075em;
color: #EAEAEA;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
font-weight: bold;
}
form .field label + span {
opacity: 0;
color: #01A185;
display: block;
position: absolute;
top: 0.4375em;
left: 3.5%;
font-size: 1.5625em;
text-shadow: 1px 2px 0 #3C4348;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
form .field input[type="text"],
form .field textarea {
border: none;
background: #E8E9EA;
width: 100%;
margin: 0;
padding: 1.1250em 0;
padding-left: 22%;
color: #313A3D;
font-size: 0.8125em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
form .field input[type="text"]#msg,
form .field textarea#msg {
resize: none;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
form .field input[type="text"]:focus, form .field input[type="text"].focused,
form .field textarea:focus,
form .field textarea.focused {
outline: none;
}
form .field input[type="text"]:focus#msg, form .field input[type="text"].focused#msg,
form .field textarea:focus#msg,
form .field textarea.focused#msg {
padding-bottom: 150px;
}
form .field input[type="text"]:focus + label, form .field input[type="text"].focused + label,
form .field textarea:focus + label,
form .field textarea.focused + label {
width: 18%;
background: #001e19;
color: #fff;
}
form .field input[type="text"].focused + label,
form .field textarea.focused + label {
color: #f3c500;
}
form .field:hover label {
width: 20%;
background: #313A3D;
color: white;
}
form input[type="submit"] {
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
background: #483C32;
color: white;
border: none;
border-radius: 5px;
position: relative;
width: 100%;
padding: 0.6250em;
margin-top: 1.250em;
outline: none;
box-shadow: 0 8px #999;
-webkit-appearance: none;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
form input[type="submit"]:hover {
background: #01a185;
color: #000;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
form input[type="submit"]:focus {
color: #fff;
text-decoration: underline !important;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
form input[type="submit"]:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
/*-- //Contact --*/
/*----------------------------
The file upload form
-----------------------------*/
#upload{
}
#drop{
}
#drop label {
display: inline-block;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 2px;
color: #fff;
background-color: #483C32;
padding: 0.6250em 1.625em;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 8px #999;
cursor: pointer;
}
#drop label:hover {
background-color: #01a185;
font-weight: bold;
color: black;
}
#drop .inputfile-1:focus + label,
#drop .inputfile-1.has-focus + label {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
#drop label:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
#drop input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
#upload ul{
}
#upload ul li{
padding: 0 0px;
height: 79px;
position: relative;
list-style-type: none;
clear: both;
overflow: hidden;
background-color: #E7E7E7;
margin-top: 20px;
}
#upload ul li input{
display: none;
}
#upload ul li p{
width: 120px;
overflow: hidden;
white-space: nowrap;
color: #CBB25C;
font-size: 16px;
font-weight: bold;
position: absolute;
top: 20px;
left: 100px;
}
#upload ul li i{
font-weight: normal;
font-style: normal;
color: #7f7f7f;
display: block;
}
#upload ul li canvas{
top: 15px;
left: 32px;
position: absolute;
}
#upload ul li span{
width: 15px;
height: 12px;
background: url('../images/icons.png') no-repeat;
position: absolute;
top: 34px;
right: 33px;
cursor: pointer;
}
#upload ul li.working span{
height: 16px;
background-position: 0 -12px;
}
#upload ul li.error p{
color: red;
}
.upload h3.tlt {
float: left;
margin-top: 9px;
}
form#upload {
float: left;
width: 45%;
}
.upload {
width: 60%;
margin: 4% auto 0;
}
form.submit {
text-align: left;
margin-top: 20px;
}
.showdetails {
text-align: left;
text-transform: uppercase;
font-size: 0.9375em;
font-weight: bold;
letter-spacing: 0.05em;
color: black;
background: #E8E9EA;
border: none;
width: 100%;
margin: 0 auto;
padding: 1.1250em 0;
padding-left: 22%;
}
/*-- //Contact --*/
/*-- single-page --*/
.single-page {
padding: 30px 0;
}
.product-view {
padding: 15px;
border: 2px solid #848482;
border-radius: 5px
}
.product-view .focusLine, p.focusLine {
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.product-view h2 {
font-size: 28px;
font-weight: 600;
color: #000;
line-height: 1.3;
}
.product-view p {
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #0C090A;
margin: 18px 0;
word-spacing: 3px;
cursor: context-menu;
}
.product-view p strong {
font-weight: 600;
}
.product-view p i {
margin-right: 4px;
color: rgb(0, 30, 25);
font-size: 14px;
}
.product-view p.phonedetail {
display: none;
}
.product-view p a {
margin-right: 4px;
color: #0e0e0e;
font-size: 15px;
font-weight: 500;
cursor: context-menu;
}
.product-view p a:hover, .product-view p a:focus {
text-decoration: none;
}
.product-view .flexslider .slides li img:hover {
cursor: url('../images/search-plus.png') 4 12, auto;
}
.product-desc {
margin-top: 45px;
}
.product-details tr {
font-size: 16px;
color: #000;
margin: 15px 0;
width: 100%;
}
.product-details th {
font-size: 18px;
font-weight: bold;
color: #000;
margin: 15px 0;
padding: 0.6250em 1.25em;
padding-left: 0;
}
.product-details td {
font-size: 16px;
color: #060607;
text-decoration: none;
cursor: context-menu;
padding: 0.6250em 1.25em;
padding-left: 0;
}
.product-details p {
font-size: 16px;
line-height: 1.8;
color: #0C090A;
margin: 8px 0;
}
.product-details p strong {
font-size: 18px;
font-weight: bold;
font-family: 'Ubuntu Condensed', sans-serif;
color: #000;
}
.item-price {
border: 3px solid rgba(1, 161, 133, 0.36);
border-radius: 5px;
margin-left: 15%;
padding: 0 15px;
position: relative;
}
.item-price:before {
content: '';
position: absolute;
z-index: 1;
left: -50.5%;
background-color: rgba(0,0,0,0);
border: 105px solid rgba(0,0,0,0);
border-right-color: rgba(1, 161, 133, 0.36);
height: 0;
width: 0;
top: -3px;
border-right-width: 80px;
}
p.p-price {
float: left;
font-size: 16px;
font-weight: 600;
color: #000;
width: 50%;
vertical-align: middle;
margin: 0;
margin-top: 4px;
margin-left: 20px;
cursor: context-menu;
}
p.p-price span strong {
color: red;
}
h3.rate {
float: left;
color: #1d1d1d;
font-size: 26px;
font-weight: bold;
}
.condition h4, .itemtype h4 {
margin: 0;
float: left;
font-size: 22px;
}
.condition p, .itemtype p {
margin: 0;
margin-top: 2px;
margin-left: 20px;
}
.product-price {
padding: 20px 0;
}
.condition {
padding: 20px 0;
border-top: 1px solid #d2d2d1;
border-bottom: 1px solid #d2d2d1;
}
.itemtype {
padding: 20px 0;
}
.interested {
margin: 20px;
padding: 40px 20px;
background: rgba(1, 161, 133, 0.36);
border-radius: 10px;
margin-left: 15%;
margin-right: 0;
}
.interested h4 {
color: #000;
font-size: 20px;
font-weight: 600;
cursor: context-menu;
}
.interested p {
color: #000;
font-size: 18px;
font-weight: 600;
margin: 30px 0 0 0;
}
.interested p i {
margin-right: 12px;
color: #FFFFFF;
font-size: 14px;
background-color: rgb(0, 30, 25);
padding: 7px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
vertical-align: middle;
}
.tips {
margin: 20px;
padding: 40px 20px 15px;
background: rgba(1, 161, 133, 0.36);
border-radius: 10px;
margin-left: 15%;
margin-right: 0;
}
.tips h4 {
color: #000;
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
}
.tips ol li a {
display: block;
font-size: 16px;
line-height: 30px;
text-decoration: none;
color: #0C090A;
margin: 5px 0;
}
.tips ol li a:hover, .tips ol li a:focus {
text-decoration: underline;
font-weight: bold;
}
.reviewInfo2 {
display: none;
}
.reviewInfo, .reviewInfo2 {
padding: 15px 20px;
margin-left: 15%;
margin-right: 0;
}
.reviewInfo a, .reviewInfo2 a {
display: block;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
width: 100%;
padding: 6px 20px;
box-shadow: 0 8px #999;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
cursor: pointer;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.reviewInfo a:hover, .reviewInfo2 a:hover {
color: #000;
background-color: #01a185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.reviewInfo a:focus, .reviewInfo2 a:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.reviewInfo a:active, .reviewInfo2 a:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
text-decoration: none;
transform: translateY(4px);
}
.reviewInfo a span, .reviewInfo2 a span,
.reviewInfo a:focus span, .reviewInfo2 a:focus span {
display: inline-block;
position: relative;
transition: 0.5s;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.reviewInfo a:focus span, .reviewInfo2 a:focus span {
text-decoration: underline;
}
.reviewInfo a span:after, .reviewInfo2 a span:after,
.reviewInfo a:focus span:after, .reviewInfo2 a:focus span:after {
content: '>>';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.reviewInfo a:hover span, .reviewInfo2 a:hover span,
.reviewInfo a:focus span, .reviewInfo2 a:focus span {
padding-right: 45px;
}
.reviewInfo a:hover span:after, .reviewInfo2 a:hover span:after,
.reviewInfo a:focus span:after, .reviewInfo2 a:focus span:after {
opacity: 1;
right: 0;
}
/*-- //single-page --*/
/*-- review-page --*/
.review-page {
padding: 25px 0;
}
.cart-title {
text-align: center;
}
.cart-title h2 {
display: inline-block;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
color: #000;
border-top: 2px solid #d2d2d1;
border-bottom: 2px solid #d2d2d1;
border-radius: 8px;
box-shadow: 10px 8px 8px #888888;
box-shadow: 8px 8px 8px #888888;
position: relative;
margin-bottom: 20px;
}
.product-review-desc {
margin-top: 25px;
}
.product-review-view {
padding: 15px;
border: 2px solid rgba(1, 161, 133, 0.36);
border-radius: 10px;
box-shadow: 4px 4px 10px #01ba9a;
overflow: hidden;
margin: 0 auto;
}
.product-review-image {
display: block;
float: left;
text-align: center;
padding: 0;
width: 25%;
}
.product-review-image a:hover {
text-decoration: none;
}
.product-review-image img {
transform: scale(0.8);
width: 100px;
height: 180px;
}
.product-review-image img:hover {
cursor: url('../images/search-plus.png') 4 12, auto;
}
.product-review-details {
margin-top: 18px;
}
.product-review-details h2 {
font-size: 18px;
font-weight: 600;
text-align: left;
line-height: 1.3;
color: #000;
padding-bottom: 15px;
}
.product-review-details th {
font-size: 18px;
font-weight: bold;
color: #000;
margin: 15px 0;
padding: 0.6250em 1.25em;
padding-left: 0;
}
.product-review-details .qualityTh th {
vertical-align: middle;
}
.product-review-details td {
font-size: 16px;
color: #060607;
text-decoration: none;
cursor: context-menu;
padding: 0.6250em 0;
}
.product-review-details td strong {
font-weight: 600;
}
.product-review-details input[type="number"] {
float: left;
position: relative;
padding: 10px 10px 10px 10px;
border: 1px solid #3c4348;
outline: none;
color: #555;
z-index: 999;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.product-review-details input[type="number"]:focus {
outline-color: #01ba9a;
outline-width: medium;
outline-style: solid;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.cal-price {
border: 3px solid rgba(1, 161, 133, 0.36);
border-radius: 5px;
box-shadow: 8px 8px 8px #888888;
margin-left: 15%;
margin-bottom: 15px;
padding: 0 15px;
position: relative;
}
.cal-price h2 {
font-size: 20px;
font-weight: 600;
text-align: center;
line-height: 1.3;
color: #000;
padding: 15px 0;
}
.cal-price h2 span {
display: inline-block;
position: relative;
}
.cal-price h2 span:before {
content: "";
position: absolute;
width: 98%;
height: 2px;
bottom: 0;
left: 0;
border-bottom: 2px solid #3C4348;
}
.cal-price h2 i {
color: #000;
cursor: pointer;
}
.cal-price h2 i:hover {
transform: scale(1.2);
text-decoration: none;
}
.cal-price:before {
content: '';
position: absolute;
z-index: 1;
left: -50.5%;
background-color: rgba(0,0,0,0);
border: 105px solid rgba(0,0,0,0);
border-right-color: rgba(1, 161, 133, 0.36);
height: 0;
width: 0;
top: 3px;
border-right-width: 80px;
}
p.sub-total {
float: left;
font-size: 16px;
font-weight: 600;
color: #000;
width: 50%;
vertical-align: middle;
margin: 0;
margin-top: 8px;
margin-left: 20px;
cursor: context-menu;
}
.subTotal {
padding: 20px 0;
}
.shippingFee h4, .subTotal h4 {
margin: 0;
float: left;
font-size: 22px;
}
.shippingFee p, .subTotal p {
margin: 0;
margin-top: 5px;
margin-left: 20px;
}
.shippingFee {
padding: 20px 0;
border-top: 1px solid #d2d2d1;
border-bottom: 1px solid #d2d2d1;
}
.total {
padding: 20px 0;
}
h3.totalPay {
float: left;
color: #1d1d1d;
font-size: 26px;
font-weight: bold;
}
.continueShop {
padding: 15px 20px;
margin-left: 15%;
margin-right: 0;
}
.continueShop2 {
display: none;
padding: 15px 20px;
margin-left: 15%;
margin-right: 0;
}
.continueShop a, .continueShop2 a {
display: block;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-decoration: none;
background-color: #483C32;
color: #fff;
width: 100%;
padding: 6px 20px;
box-shadow: 0 8px #999;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
cursor: pointer;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.continueShop a:hover, .continueShop2 a:hover {
color: #000;
background-color: #01a185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.continueShop a:focus, .continueShop2 a:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.continueShop a:active, .continueShop2 a:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
text-decoration: none;
transform: translateY(4px);
}
.checkout {
padding: 15px 20px;
margin-left: 15%;
margin-right: 0;
}
.checkout a {
display: block;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
width: 100%;
padding: 6px 20px;
box-shadow: 0 8px #999;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
cursor: pointer;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.checkout a:hover {
color: #000;
background-color: #01a185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.checkout a:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.checkout a:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
text-decoration: none;
transform: translateY(4px);
}
.checkout a span, .checkout a:focus span {
display: inline-block;
position: relative;
transition: 0.5s;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.checkout a:focus span {
text-decoration: underline;
}
.checkout a span:after, .checkout a:focus span:after {
content: '>>';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.checkout a:hover span, .checkout a:focus span {
padding-right: 45px;
}
.checkout a:hover span:after, .checkout a:focus span:after {
opacity: 1;
right: 0;
}
/*-- //review-page --*/
/*-- products-page --*/
.ads-list {
width: 33.333%;
float: left;
}
.select-box {
background: rgba(1, 161, 133, 0.39);
padding: 30px 30px;
margin: 40px 0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.ads-list label {
display: block;
font-size: 14px;
font-weight: 400;
color: #000;
margin-bottom: 6px;
}
.ads-list select {
width: 70%;
outline: none;
color: #000;
font-size: 15px;
border: 1px solid #eee;
padding: 7px 8px;
}
.btn-group.bootstrap-select.show-tick button {
padding: 8px 10px;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
border: 1.5px solid #3c4348;
width: 100%;
}
#custom-search-input {
padding: 3px;
border: solid 1px #D1E0EE;
border-radius: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
background-color: #fff;
width: 80%;
color: #000;
}
#custom-search-input input{
border: 0;
box-shadow: none;
}
#custom-search-input button{
margin: 2px 0 0 0;
background: none;
box-shadow: none;
border: 0;
color: #666666;
padding: 0 8px 0 10px;
border-left: solid 1px #ccc;
}
#custom-search-input button:hover{
border: 0;
box-shadow: none;
border-left: solid 1px #ccc;
}
#custom-search-input .glyphicon-search{
font-size: 23px;
}
.input-lg {
height: 29px;
padding: 0px 10px;
font-size: 15px;
line-height: 1.3333333;
border-radius: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
#custom-search-input .glyphicon-search {
font-size: 16px;
}
.btn-default {
border-color: #D1E0EE;
}
.btn {
display: inline-block;
}
.search-hotel form select span {
width: 100%;
}
.search-hotel input[type="text"] {
border: medium solid #01ba9a;
width: 100%;
}
.search-hotel form input[type="submit"] {
background: url(../images/search.png) no-repeat 13px 11px rgba(24, 169, 158, 0.47);
width: 44px;
height: 39px;
border: none;
padding: 0;
margin-top: 0;
}
.search-grid-left {
padding: 15px;
background: #f5f4f0;
}
h3.sear-head {
font-size: 22px;
font-weight: 600;
color: #3C4348;
margin-bottom: 10px;
}
.search-hotel {
padding: 15px 0;
border-bottom: 1.5px solid #d2d2d1;
}
/*-- Slider range --*/
ul.dropdown-menu6 ,ul.dropdown-menu5 {
margin: 0;
position: relative;
}
ul.dropdown-menu6 li {
list-style: none;
}
ul.dropdown-menu6 li p {
width: 100%;
}
span.amount {
color: #ffffff;
font-size: 16px;
}
input#amount, input#amount1 {
font-size: 15px;
word-spacing: 1em;
outline: none;
background: none;
color: #000 !important;
position: absolute;
top: -27px;
left: 0%;
margin-top: -8px;
}
.showPriceRange {
font-size: 15px;
word-spacing: 1em;
outline: none;
background: none;
color: #000 !important;
position: absolute;
left: 0%;
margin-top: 8px;
}
ul.dropdown-menu6 li a {
text-decoration: none;
}
.range, .brand-select, .featured-ads {
padding: 25px 0 30px 0;
border-bottom: 1.5px solid #d2d2d1;
}
.side-bar {
background-color: #F9F9F9;
padding: 25px 15px;
}
.ads-grid {
margin: 20px 0 70px 0;
}
.featured-ad-left {
float: left;
width: 44%;
margin-right: 6%;
}
.featured-ad-left img {
width: 100%;
}
.featured-ad-right {
float: left;
width: 50%;
}
.featured-ad {
padding: 12px 10px;
background-color: #fff;
margin-bottom: 15px;
}
h2.sear-head.fer {
text-align: center;
color: #F3C500;
font-size: 26px;
margin-bottom: 20px;
}
.featured-ad-right h4 {
font-size: 16px;
line-height: 1.3;
color: #000;
}
.featured-ad-right h4:hover {
color: #f3c500;
}
.featured-ad-right p {
color: red;
font-size: 16px;
text-align: right;
margin-top: 12px;
}
/*-- //Slider range --*/
@mixin ellipsis() {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
width: 100%;
}
@mixin icon-styles() {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@mixin transform($transform){
-webkit-transform: $transform;
-moz-transform: $transform;
-ms-transform: $transform;
-o-transform: $transform;
transform: $transform;
}
@media screen and (max-width: 479px) {
.nav-tabs-responsive {
> li {
display: none;
width: 23%;
> a {
@include ellipsis();
width: 100%;
text-align: center;
vertical-align: top;
}
&.active {
width: 54%;
&:first-child {
margin-left: 23%;
}
}
&.active,
&.prev,
&.next {
display: block;
}
&.prev,
&.next {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
&.next > a,
&.prev > a {
-webkit-transition: none;
transition: none;
.text {
display: none;
}
&:after,
&:after {
@include icon-styles();
}
}
&.prev > a:after {
content: "\e079";
}
&.next > a:after {
content: "\e080";
}
&.dropdown {
> a > .caret {
display: none;
}
> a:after {
content: "\e114";
}
&.active > a {
&:after {
display: none;
}
> .caret {
display: inline-block;
}
}
.dropdown-menu {
&.pull-xs-left {
left: 0;
right: auto;
}
&.pull-xs-center {
right: auto;
left: 50%;
@include transform(translateX(-50%));
}
&.pull-xs-right {
left: auto;
right: 0;
}
}
}
}
}
}
/**
* Demo Styles
*/
.wrapper {
padding: 15px 0;
}
.bs-example-tabs .nav-tabs {
margin-bottom: 15px;
}
@media (max-width: 479px) {
#narrow-browser-alert {
display: none;
}
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
position: relative;
z-index: 1;
margin-bottom: -1px!important;
border-top: 1px solid;
border: 1.5px solid #3c4348 !important;
border-top: 4px solid #3C4348 !important;
border-bottom: 1px #FFF solid !important;
background-color: #fff!important;
margin: 0;
box-shadow: -5px 0 0.6em -5px #9da1a3, 5px 0 5px -5px #9da1a3;
-webkit-box-shadow: -5px 0 5px -5px #9da1a3, 5px 0 5px -5px #9da1a3;
-o-box-shadow: -5px 0 5px -5px #9da1a3, 5px 0 5px -5px #9da1a3;
-moz-box-shadow: -5px 0 5px -5px #9da1a3, 5px 0 5px -5px #9da1a3;
-ms-box-shadow: -5px 0 5px -5px #9da1a3, 5px 0 5px -5px #9da1a3;
}
.nav-tabs>li>a:hover {
border-color: transparent;
background-color: transparent;
}
.ads-display.col-md-9 {
padding-left: 40px;
}
div#myTabContent {
border: 1.5px solid #3c4348 !important;
border-radius: 5px;
padding: 15px;
position: relative;
box-shadow: 0 0 0.6em #9da1a3;
-webkit-box-shadow: 0 0 0.6em #9da1a3;
-o-box-shadow: 0 0 0.6em #9da1a3;
-moz-box-shadow: 0 0 0.6em #9da1a3;
-ms-box-shadow: 0 0 0.6em #9da1a3;
}
.nav-tabs>li>a {
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
font-weight: 400;
font-size: 17px;
display: inline-block;
padding: 13px 15px;
list-style: none;
cursor: pointer;
float: left;
font-family: 'Ubuntu Condensed', sans-serif;
}
.nav-tabs>li>a>span {
color: #01A185;
}
.nav-tabs>li {
cursor: pointer;
border: 1px solid #F5F5F5;
border-bottom: none;
border-color: rgb(245, 245, 245)!important;
border-left: none;
background-color: rgb(249, 249, 249)!important;
}
.bs-example-tabs .nav-tabs {
margin-bottom: 0;
border-bottom: none;
}
/* LIST VIEW */
#container .list {
width: 100%;
}
#container .list li {
background: #F9F9F9;
margin-bottom: 30px;
padding: 20px;
list-style-type: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
box-shadow: 0 0 0.6em #9da1a3;
-webkit-box-shadow: 0 0 0.6em #9da1a3;
-o-box-shadow: 0 0 0.6em #9da1a3;
-moz-box-shadow: 0 0 0.6em #9da1a3;
-ms-box-shadow: 0 0 0.6em #9da1a3;
}
#container .list li:hover {
background: #fff;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
box-shadow: 0 0 0.9em #01ba9a;
-webkit-box-shadow: 0 0 0.9em #01ba9a;
-o-box-shadow: 0 0 0.9em #01ba9a;
-moz-box-shadow: 0 0 0.9em #01ba9a;
-ms-box-shadow: 0 0 0.9em #01ba9a;
}
#container .list li img {
float: left;
margin-right: 0;
padding-bottom: 0;
border: 1px solid #c4c6c8;
padding: 0;
width: 20%;
background-color: #F9F9F9;
box-shadow: 0 0 0.6em #9da1a3;
-webkit-box-shadow: 0 0 0.6em #9da1a3;
-o-box-shadow: 0 0 0.6em #9da1a3;
-moz-box-shadow: 0 0 0.6em #9da1a3;
-ms-box-shadow: 0 0 0.6em #9da1a3;
}
#container .list li a:focus img {
outline: thin dotted;
outline: 5px auto #01ba9a;
outline-offset: -2px;
}
#container ul.list li.alt {
background: gray;
}
#container .list li p {
overflow: hidden;
word-wrap: break-word;
color: #0C090A;
font-size: 13px;
margin-top: 15px;
cursor: context-menu;
}
#container .list li .title {
word-wrap: break-word;
font-size: 20px;
text-decoration: none;
color: #3C4348;
font-weight: 600;
letter-spacing: 1px;
cursor: context-menu;
}
#container .list li .adprice {
display:block;
font-size:22px;
display: block;
font-size: 22px;
color: #ACD3F7;
margin: 5px 0 0 0;
cursor: context-menu;
}
span.adprice {
display: block;
font-size: 22px;
color: rgba(1, 161, 133, 0.57);
margin: 5px 0 0 0;
}
#container .list li .list-left {
width: 60%;
margin-left: 3%;
float: left;
}
#container .list li .list-right {
width: 15%;
float: right;
text-align: right;
}
#container .list li .date {
float: right;
font-size: 14px;
display: block;
width: 100%;
margin: 15px 0 5px 0;
color: #1e2124;
font-weight: 400;
}
#container .list li .cityname {
display:block;
color: #1e2124;
}
span.cityname {
display: block;
color: #404040;
}
#container .list li .adprice {
display: block;
font-size: 22px;
color: #0C090A;
margin: 10px 0 0 0;
}
#container .list li .list-right.title {
overflow: hidden;
word-wrap: break-word;
font-size: 17px;
text-decoration: none;
color: #f3c500;
font-weight: 700;
}
/* GRID VIEW */
#container .grid li {
float: left;
width: 29.333%;
box-shadow: 0 0 0.6em #ccc;
-webkit-box-shadow: 0 0 0.3em #E4E4E4;
-o-box-shadow: 0 0 0.3em #E4E4E4;
-moz-box-shadow: 0 0 0.3em #E4E4E4;
-ms-box-shadow: 0 0 0.3em #E4E4E4;
margin: 2%;
background: #F7F7F7;
list-style-type: none;
}
#container .grid li img {
text-align: center;
width: 100%;
}
#container .grid li p {
display: none;
}
#container .grid li .list-left {
text-align: left;
font-size: 24px;
margin-left: 10px;
margin-top: 10px;
}
#container .grid li .icon-group-btn {
font-size:14px;
}
#container .grid li .list-right {
display: block;
margin-left: 10px;
padding-bottom: 13px;
}
#container .grid li .list-right .date {
font-size: 14px;
display: block;
width: 100%;
margin: 15px 0 5px 0;
color: #404040;
font-weight: 400;
}
#container .grid {
width: 100%;
}
h5.title {
word-wrap: break-word;
font-size: 20px;
text-decoration: none;
color: #000000;
font-weight: 500;
letter-spacing: 1px;
}
/* SWITCH CONTROLS */
.view-controls-list {
width: 20%;
text-align: left;
margin-bottom: 30px;
float: left;
}
.view-controls-list h2 {
font-size: 18px;
}
.view-controls-grid {
width: 20%;
text-align: left;
margin-bottom: 15px;
float: left;
}
div#viewcontrols label {
font-size: 14px;
color: #9A9A9A;
font-weight: 400;
}
#viewcontrols a {
padding: 5px;
color: black;
cursor: pointer;
}
#viewcontrols a:hover {
color: #f3c500;
}
#viewcontrols .active {
color: #f3c500;
}
/* MISCELLANEOUS */
.button {
background-color: white;
background-image: -webkit-linear-gradient(top, white, white);
background-image: -moz-linear-gradient(top,white,white);
border:#4FAFC2 solid 2px;
display: inline-block;
font-size: 18px;
font-family: 'Meiryo UI';
color: #4FAFC2;
text-decoration: none !important;
padding: 5px 20px;
line-height: inherit;
overflow: hidden;
position: relative;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
margin-top: 13px;
margin-bottom: 10px;
}
.button:hover {
opacity: 0.9;
background: #4FAFC2;
color: white;
}
.button.red {
background-color: palevioletred;
background-image: -webkit-linear-gradient(top, palevioletred, palevioletred);
background-image: -moz-linear-gradient(top,palevioletred,palevioletred);
color: white;
box-shadow: 0 0 5px palevioletred inset, 0 1px 1px palevioletred;
border: 0px;
}
.button.red:hover {
opacity: 0.9;
}
i.glyphicon.glyphicon-th,i.glyphicon.glyphicon-th-list {
font-size: 20px;
}
.sort {
float: RIGHT;
}
.sort-by label, .view-controls-list label {
float: left;
font-size: 14px;
font-weight: 600;
color: #000;
margin-top: 11px;
margin-right: 8px;
}
.sort-by select {
float: left;
border: 1px solid #3c4348;
width: 190px;
}
.sort-by select:hover, .sort-by select:focus {
border: 2px solid #01ba9a;
}
.sort-by select option {
color: #060607;
margin: 2px 5px;
border: 2px solid #01ba9a;
}
section.list-right span.price:after {
content: none;
}
#container .grid li .list-left {
text-align: left;
font-size: 15px;
margin-left: 10px;
margin-top: 10px;
}
/*-- //products-page --*/
/*-- Feedback-page --*/
.feedback {
padding-bottom: 3.125em;
}
.feed-back h3 {
font-weight: 400;
font-size: 1.5625em;
color: #000;
}
.feed-back p {
font-size: 0.8750em;
text-align: justify;
color: #000;
line-height: 1.875em;
margin: 1em 0;
margin-bottom: 2.5em;
}
.feed-back-form span {
color: #000;
font-weight: 600;
font-size: 1.125em;
}
.feed-back-form .redstar {
color: red;
}
.feed-back-form input[type="text"] {
font-family: 'Open Sans', sans-serif;
font-size: 0.875em;
font-weight: 600;
color: #555;
background: none;
outline: none;
width: 50%;
display: BLOCK;
padding: 10px 10px;
margin: 0.625em 0 1.5625em 0;
border: 1px solid #3c4348;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.feed-back-form input[type="text"]:focus {
outline-color: #01ba9a;
outline-width: medium;
outline-style: solid;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.feed-back-form textarea {
font-family: 'Open Sans', sans-serif;
color: #555;
width: 50%;
display: BLOCK;
padding: 0.4375em;
height: 9.375em;
outline: none;
border: 0.0625em solid #0C090A;
margin: 1.25em 0;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.feed-back-form textarea:focus {
outline: none;
border: 0.1875em solid #01ba9a;
}
.feed-back-form input[type="submit"] {
font-size: 1.1em;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
padding: 0.6250em 3.125em;
width: 50%;
border: none;
box-shadow: 0 8px #999;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.feed-back-form input[type="submit"]:hover {
color: #000;
font-weight: bold;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.feed-back-form input[type="submit"]:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.feed-back-form input[type="submit"]:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
/*-- //Feedback-page --*/
/*-- Privacy-page --*/
.privacy {
padding-bottom: 0.125em;
}
.privacy-default {
border-color: #FFF;
}
.privacy .top-button {
float: right;
font-size: medium;
font-weight: bold;
text-align: center;
color: white;
background-color: #7c7c7c;
text-decoration: none;
border: 0.125em solid #424242;
border-radius: 5px;
padding: 3px 5px;
width: 140px;
}
.privacy .top-button:hover {
text-decoration: underline;
background-color: #01a185;
color: #000;
border: 2px solid #01816b;
}
.privacy .top-button:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.privacy-default>.privacy-heading {
color: #222;
background-color: #FFFFFF;
border-color: #FFF;
text-transform: capitalize;
}
.privacy-default>.privacy-heading+.privacy-collapse>.privacy-body {
border-top-color: #FFF;
}
.privacy-title {
font-size: 19px;
color: #0f0f0f;
}
.privacy-title:hover {
text-decoration: none;
}
.privacy-title span {
cursor: pointer;
}
.privacy-title span:hover {
color: #01A185;
font-weight: bold;
text-decoration: underline;
}
.privacy-body {
padding-top: 0;
padding-bottom: 0;
}
.privacy-body p {
color: #0C090A;
font-size: 14px;
margin-left: 32px;
padding: 0px 15px 20px;
line-height: 20px;
text-align: justify;
}
.privacy p {
font-family: 'Open Sans', sans-serif;
font-size: 100%;
text-align: justify;
line-height: 2em;
color: #0C090A;
padding: 0px 0px 20px;
}
.privacy-body ul {
color: #2e2e2e;
font-size: 14px;
margin-left: 50px;
padding: 0px 15px 20px;
line-height: 2em;
text-align: justify;
}
.privacy-body dl {
color: #2e2e2e;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: justify;
margin-left: 50px;
padding: 0px 15px 20px;
}
.privacy-body p a {
color: #01a185;
font-weight: bold;
}
.privacy-body p a:hover {
font-weight: 900;
}
.privacy-heading {
padding: 20px 15px;
}
.privacy-group .privacy+.privacy {
margin-top: 0px;
}
.privacy-group .privacy {
margin-bottom: 5px;
}
/*-- //Privacy-page --*/
/*-- //About-page --*/
.about-head p {
color: #394b50;
font-size: 1.5em;
font-weight: 500;
padding: 1.5625em 0 0.625em 0;
text-align: center;
}
.about-top {
padding: 0.875em 2em 0.875em 2em;
background: #fff;
}
.about-middle {
padding: 0.875em 2em 0.875em 2em;
background: #fff;
margin-top: 1.5625em;
}
.about-bottom {
padding: 0.875em 2em 0.875em 2em;
background: #fff;
margin-top: 1.5625em;
margin-bottom: 1.25em;
}
.about-top-line, .about-middle-line {
border-bottom: 0.125em solid rgb(208, 208, 208);
margin-bottom: 1.5625em;
}
.about-top h3, .about-middle h3 {
font-size: 1.5625em;
font-weight: bold;
margin-bottom: 1.4375em;
}
.about-left, .about-right {
padding: 0;
}
.about-left p {
font-size: 1em;
line-height: 1.8em;
color: #0C090A;
display: block;
margin: 0 2em 1.5em 0;
}
.about-left p a {
font-size: 1.125em;
font-weight: 500;
color: #01A185;
}
.about-left p a:hover {
text-decoration: none;
font-weight: bold;
}
.about-left img {
display: block;
margin: 0 2em 1.5em 0;
padding-right: 2em;
}
.about-left p span {
font-weight: bold;
font-stretch: semi-expanded;
}
.about-right img {
display: block;
margin: 0 0 1.5em 0;
}
.about-right p {
font-size: 1em;
line-height: 1.8em;
color: #0C090A;
display: block;
margin: 0 0 1.5em 0;
}
.about .top-button {
float: right;
font-size: medium;
font-weight: bold;
text-align: center;
color: white;
background-color: #7c7c7c;
text-decoration: none;
border: 2px solid #424242;
border-radius: 5px;
padding: 3px 5px;
width: 140px;
}
.about .top-button:hover {
text-decoration: underline;
border: 2px solid #01816b;
background-color: #01a185;
color: #000;
}
.about .top-button:focus {
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
/*-- //About-page --*/
/*-- Post ad --*/
.post-ad-form {
border: 2px solid #848482;
padding: 40px;
margin-bottom: 60px;
}
.post-ad-form form label {
font-size: 0.9375em;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 8px;
color: #000;
margin-top: 10px;
display: BLOCK;
float: left;
width: 16%;
text-align: right;
margin-right: 4%;
}
.post-ad-form form label span {
color: red;
}
.post-ad-form form select {
font-weight: bolder;
border: 1px solid #3c4348;
}
.post-ad-form form select option {
font-weight: bold;
color: #121415;
}
.post-ad-form input[type="text"] {
padding: 10px 10px 10px 10px;
width: 70%;
margin-bottom: 25px;
border: 1px solid #3c4348;
outline: none;
color: #555;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
float: left;
}
.post-ad-form input[type="number"] {
padding: 10px 10px 10px 10px;
width: 70%;
margin-bottom: 25px;
border: 1px solid #3c4348;
outline: none;
color: #555;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
float: left;
}
.post-ad-form input[type="date"] {
padding: 10px 10px 10px 10px;
width: 30%;
margin-bottom: 25px;
border: 1px solid #3c4348;
outline: none;
color: #555;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
float: left;
}
.post-ad-form textarea {
height: 180px;
outline: none;
resize: none;
padding: 10px 10px 10px 10px;
width: 70%;
margin-bottom: 25px;
border: 1px solid #3c4348;
outline: none;
color: #555;
}
.post-ad-form form select {
border: 1px solid #3c4348;
background-color: #fff;
padding: 8px;
width: 30%;
margin-bottom: 25px;
}
.post-ad-form .setW {
width: 70%;
float: left;
}
.post-ad-form input[type="text"]:focus, .post-ad-form input[type="number"]:focus, .post-ad-form textarea:focus, .post-ad-form form select:focus {
outline-color: #01ba9a;
outline-width: medium;
outline-style: solid;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.post-ad-form input[type="submit"], .post-ad-form input[type="reset"] {
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #483C32;
border: none;
border-radius: 5px;
width: 30%;
position: relative;
padding: 0.6250em 3.125em;
margin-top: 20px;
margin-left: 5px;
margin-right: 5px;
float: right;
letter-spacing: 0.1em;
-webkit-appearance: none;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.post-ad-form input[type="submit"]:hover, .post-ad-form input[type="reset"]:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.post-ad-form input[type="submit"]:focus, .post-ad-form input[type="reset"]:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
legend {
font-weight: bold;
color: #333;
}
#filedrag {
display: none;
font-weight: 700;
text-align: center;
padding: 25px 0;
margin: 25px 0;
color: #01A185;
border: 2px dashed #4f555a;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
cursor: default;
font-size: 20px;
}
#filedrag.hover {
color: #f00;
border-color: #f00;
border-style: solid;
box-shadow: inset 0 3px 4px #888;
}
img {
max-width: 100%;
}
pre {
width: 95%;
height: 8em;
font-family: monospace;
font-size: 0.9em;
padding: 1px 2px;
margin: 0 0 1em auto;
border: 1px inset #666;
background-color: #eee;
overflow: auto;
}
#messages {
padding: 15px 10px;
margin: 15px 0;
border: 2px solid #01A185;
}
#messages p {
color: #3c4348;
font-size: 14px;
}
#progress p {
display: block;
width: 240px;
padding: 2px 5px;
margin: 2px 0;
border: 1px inset #446;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
background: #eee url("progress.png") 100% 0 repeat-y;
}
#progress p.success {
background: #0c0 none 0 0 no-repeat;
}
#progress p.failed {
background: #c00 none 0 0 no-repeat;
}
.photos-upload-view{
float: left;
width: 70%;
margin-top: 10px;
}
.upload-ad-photos {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 20px 0;
margin: 20px 0;
}
.personal-details label {
font-size: 15px;
text-transform: capitalize;
margin-bottom: 8px;
color: #000;
margin-top: 10px;
display: BLOCK;
font-weight: 400;
float: left;
width: 16%;
text-align: right;
margin-right: 4%;
}
p.post-terms {
margin-left: 20%;
color: #000;
font-size: 15px;
letter-spacing: 1px;
}
p.post-terms a {
color: #01A185;
}
p.post-terms a:hover {
color: black;
font-weight: bold;
}
/*-- File Upload (New) --*/
#drop-zone {
width: 100%;
min-height: 150px;
border: 3px dashed rgba(0, 0, 0, .3);
border-radius: 5px;
font-family: Arial;
text-align: center;
position: relative;
font-size: 2em;
color: #060607;
padding-top: 20px;
}
#drop-zone input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
/*Important*/
#drop-zone.mouse-over {
border: 3px dashed #3c4348;
color: #7E7E7E;
}
/*If you dont want the button*/
#clickHere {
display: inline-block;
margin: 0 auto;
cursor: pointer;
}
#clickHere .inputfile + label * {
pointer-events: none;
}
#clickHere .inputfile + label {
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #483C32;
border: none;
border-radius: 5px;
width: 30%;
position: relative;
padding: 0.6250em 3.125em;
margin-top: 20px;
margin-left: 5px;
margin-right: 5px;
float: right;
letter-spacing: 0.1em;
-webkit-appearance: none;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
display: inline-block;
font-size: 17px;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
outline: none;
border: none;
border-radius: 5px;
padding: 0.6250em 0;
width: 250px;
cursor: pointer;
outline: none;
box-shadow: 0 8px #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
#clickHere .inputfile + label:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
#clickHere .inputfile:focus + label,
#clickHere .inputfile.has-focus + label {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
#clickHere .inputfile + label:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
#filename {
margin-top: 10px;
margin-bottom: 10px;
color: #0C090A;
font-size: 0.625em;
line-height: 1.5em;
}
.file-preview {
background: #ccc;
border: 5px solid #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
font-size: 14px;
margin-top: 5px;
}
.closeBtn:hover {
color: red;
display: inline-block;
cursor: pointer;
}
/*-- //File Upload (New) --*/
/*-- //Post ad --*/
footer.diff {
margin-bottom: 40px;
}
/*--typography--*/
.typography {
padding-bottom: 50px;
}
.typo-1 {
padding: 16px;
}
.grid_3 {
background-color: #fff;
padding: 1.8em;
margin-bottom: 1em;
border: 1px solid #ebeff6;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
h3.head-top {
font-size: 2em;
margin-bottom: 1em;
color: #01A185;
}
.grid_3 p {
color: #999;
font-size: 0.85em;
margin-bottom: 1em;
}
.but_list h1,.but_list h2,.but_list h3,.but_list h4,.but_list h5,.but_list h6 {
margin-bottom: 0.7em;
}
a#myTabDrop1,a#profile-tab,a#home-tab {
padding: 0.8em;
}
div#home {
padding: 1em 0 0;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 15px !important;
font-size: 0.85em;
color: #999;
border-top: none !important;
}
.btn {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
outline: none;
}
.btn-default:active, .btn-default:focus, .btn-default:hover {
outline: none !important;
}
.form-control1, .form-control_2.input-sm {
border: 1px solid #e0e0e0;
padding: 5px 18px;
color: #616161;
background: #fff;
box-shadow: none !important;
width: 100%;
font-size: 0.85em;
font-weight: 300;
height: 40px;
border-radius: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
-webkit-appearance: none;
outline: none;
}
.control3 {
margin: 0 0 1em 0;
}
.btn-warning {
color: #fff;
background-color: rgb(6, 217, 149);
border-color: rgb(6, 217, 149);
padding: 8.5px 12px;
}
.tag_01{
margin-right: 5px;
}
.tag_02{
margin-right: 3px;
}
.btn-warning:hover{
background-color: rgb(3, 197, 135);
border-color: rgb(3, 197, 135);
}
.btn-success:hover{
border-color: #8BC34A !important;
background: #8BC34A !important;
}
.control2{
height: 253px;
}
.alert-info {
color: #31708f;
background-color: rgb(240, 253, 249);
border-color: rgb(201, 247, 232);
}
.bs-example4 {
background: #fff;
padding: 2em;
}
button.note-color-btn {
width: 20px !important;
height: 20px !important;
border: none !important;
}
.form-control1:focus {
border: 1px solid #03a9f4;
background: #fff;
box-shadow: none;
}
.show-grid [class^=col-] {
background: #fff;
text-align: center;
margin-bottom: 10px;
line-height: 2em;
border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
background: #e0e0e0;
}
.grid_3 {
margin-bottom: 2em;
}
.xs h3, .widget_head {
color: #000;
font-size: 1.7em;
font-weight: 300;
margin-bottom: 1em;
}
.grid_3 p {
color: #999;
font-size: 0.85em;
margin-bottom: 1em;
font-weight: 300;
}
label {
font-weight: 500;
}
.badge-primary {
background-color: #03a9f4;
}
.badge-success {
background-color: #8bc34a;
}
.badge-warning {
background-color: #ffc107;
}
.badge-danger {
background-color: #e51c23;
}
/*-- PHP CSS --*/
/*-- sidebar --*/
/*-- sidebar for IPad --*/
.sidebarPad {
display: none;
}
/*-- //sidebar for IPad --*/
#sideBar {
display: table-cell;
background: transparent;
border: 2px solid #848482;
border-radius: 5px;
padding: 0;
margin: 0 50px 35px 0;
opacity: .99;
float: left;
width: 20%;
height: 100%;
overflow-y: auto;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.main-nav {
margin-bottom: 0;
list-style-type: none;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.main-nav li {
line-height: 40px;
border-bottom: 1px solid #585858;
box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.12);
}
.main-nav li.main-search {
border: none;
box-shadow: none;
}
.main-nav li.main-search .search-input.form-control {
font-size: 0.875em;
font-weight: 600;
border-radius: 0;
background: #e6e6e6;
border-top: 1px solid #3c4348;
border-bottom: 1px solid #3c4348;
padding-right: 30px;
color: #060607;
font-size: 0.875em;
font-weight: normal;
}
.main-nav li.main-search .search-input.form-control:focus {
background: white;
border-top: 2px solid #01ba9a;
border-bottom: 2px solid #01ba9a;
}
.main-nav li.main-search i {
float: right;
margin-top: -25px;
margin-right: 15px;
color: #555;
}
.main-nav li.nav-brand {
font-size: 1.3125em;
font-weight: bold;
line-height: 80px;
height: 80px;
border: none;
box-shadow: none;
padding: 0 15px;
cursor: context-menu;
}
.main-nav li.nav-brand h2 {
margin-top: -18px;
}
.main-nav li.nav-brand h3 {
margin-top: -55px;
margin-bottom: -18px;
}
.main-nav li.group-name {
font-size: 1.125em;
font-weight: bold;
text-align: center;
line-height: 80px;
height: 80px;
border: none;
box-shadow: none;
cursor: context-menu;
text-decoration: underline;
-moz-text-decoration-color: #b6b5b5; /* Code for Firefox */
text-decoration-color: #b6b5b5;
}
.main-nav li.historyback {
color: #0C090A;
display: block;
font-weight: normal;
text-decoration: none;
line-height: 60px;
padding: 0;
border: none;
}
.main-nav li a {
color: #0C090A;
display: block;
font-weight: normal;
text-decoration: none;
padding: 0 15px;
}
.main-nav li.active a, .main-nav li.active a:hover {
text-decoration: none;
font-weight: bold;
color: #fff;
background: #01A185;
border-radius: 15px ;
cursor: context-menu;
}
.main-nav li a:hover {
text-decoration: none;
font-weight: bold;
color: #0C090A;
background: #01A185;
}
.main-nav li a:focus {
text-decoration: none;
font-weight: 400;
color: #0C090A;
background: #01efc5;
}
.main-nav li.active a:before {
content: '\f0da';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin: 0px 10px;
text-decoration: none;
}
/*-- //sidebar --*/
/*-- my account --*/
.my-account {
display: table-cell;
border: 2px solid #848482;
border-radius: 5px;
left: 20%;
width: 999px;
margin: 60px 0;
padding: 20px;
}
.my-password-head p {
color: #394b50;
font-size: 1.25em;
font-weight: 500;
width: 100%;
padding: 0 0 0.625em 0;
}
.my-acount-head p {
color: #394b50;
font-size: 1.25em;
font-weight: 500;
width: 100%;
padding: 0 0 0.625em 0;
margin: 0 auto;
}
.my-account-table {
margin: 0 auto;
}
.my-account-table #mytable {
border-collapse: collapse;
background: white;
border-radius: 25px;
}
#mytable tbody {
overflow: initial;
float: left;
width: 100%;
}
#mytable td {
font-size: 1.0em;
text-align: center;
color: #0C090A;
background: #e6e6e6;
padding: 0.6250em 1.5625em;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
#mytable th {
font-size: 1.125em;
font-weight: bold;
text-align: center;
background: #01A185;
padding: 0.6250em 1.5625em;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#mytable tr {
width: 100%;
border-bottom: 1px solid black;
}
/*-- //my account --*/
/*-- Profile Update --*/
/*-- Post ad --*/
.outer-wrapper {
display: table;
}
.post-profile-form {
display: table-cell;
table-layout: fixed;
width: 999px;
border: 2px solid #848482;
border-radius: 5px;
left: 20%;
margin: 60px 0;
padding: 20px;
}
.post-profile-form form label {
font-size: 0.9375em;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 8px;
color: #000;
margin-top: 10px;
float: left;
width: 19%;
text-align: right;
margin-right: 4%;
}
.post-profile-form form label span {
color: red;
}
.post-profile-form form select {
font-weight: bolder;
border: 1px solid #3c4348;
}
.post-profile-form form select option {
font-weight: bold;
color: #121415;
}
.post-profile-form input[type="text"] {
padding: 10px 10px 10px 10px;
width: 70%;
margin-bottom: 25px;
border: 1px solid #3c4348;
outline: none;
color: #555;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
float: left;
}
.post-profile-form input[type="number"] {
padding: 10px 10px 10px 10px;
width: 70%;
margin-bottom: 25px;
border: 1px solid #3c4348;
outline: none;
color: #555;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
float: left;
}
.post-profile-form input[type="date"] {
padding: 10px 10px 10px 10px;
width: 70%;
margin-bottom: 25px;
border: 1px solid #3c4348;
outline: none;
color: #555;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
float: left;
}
.post-profile-form textarea {
height: 180px;
outline: none;
resize: none;
padding: 10px 10px 10px 10px;
width: 70%;
margin-bottom: 25px;
border: 1px solid #3c4348;
outline: none;
color: #555;
}
.post-profile-form form select {
border: 1px solid #3c4348;
background-color: #fff;
padding: 8px;
width: 30%;
margin-bottom: 25px;
}
.post-profile-form .setWH {
float: left;
width: 70%;
}
.post-profile-form input[type="text"]:focus, .post-profile-form input[type="number"]:focus,
.post-profile-form textarea:focus, .post-profile-form form select:focus,
.post-profile-form input[type="date"]:focus {
outline-color: #01ba9a;
outline-width: medium;
outline-style: solid;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.post-profile-form input[type="submit"], .post-profile-form input[type="reset"] {
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #483C32;
border: none;
border-radius: 5px;
width: 30%;
position: relative;
padding: 0.6250em 3.125em;
margin-top: 20px;
margin-left: 5px;
margin-right: 5px;
float: right;
letter-spacing: 0.1em;
-webkit-appearance: none;
box-shadow: 0 8px #999;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.post-profile-form input[type="submit"]:hover, .post-profile-form input[type="reset"]:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.post-profile-form input[type="submit"]:focus, .post-profile-form input[type="reset"]:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.post-profile-form input[type="submit"]:active, .post-profile-form input[type="reset"]:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
/*-- Profile Update Button --*/
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 0.6250em 0;
padding-right: 2.375em;
margin-top: 5px;
float: right;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.flex-child {
font-size: 1.1em;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
background-color: #483C32;
color: #fff;
border: none;
border-radius: 5px;
padding: 0.6250em 3.125em;
margin-top: 20px;
position: relative;
cursor: pointer;
box-shadow: 0 8px #999;
-webkit-appearance: none;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex-child:hover {
color: #000;
background-color: #01A185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.flex-child:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.flex-child:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
/*-- //Profile Update Button --*/
/*-- //Profile Update --*/
/*-- Edit Password --*/
.edit-password {
padding: 0 40px;
}
.edit-password form label.passdiv {
font-size: 0.9375em;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 8px;
color: #000;
margin-top: 18px;
display: BLOCK;
float: left;
width: 100%;
text-align: left;
}
.edit-password form label.requirediv {
display: BLOCK;
float: left;
font-size: 0.9375em;
font-weight: bold;
text-align: left;
text-transform: capitalize;
color: #000;
margin-top: 10px;
width: 100%;
}
.edit-password form label span {
color: red;
}
.edit-password input[type="password"], .edit-password input[data-psswrd-toggle] {
padding: 10px 10px 10px 10px;
width: 100%;
border: 1px solid #3c4348;
outline: none;
color: #555;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
float: left;
}
.edit-password input[type="password"]:focus {
outline-color: #01ba9a;
outline-width: medium;
outline-style: solid;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.edit-password input[type="submit"] {
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #483C32;
border: none;
width: 30%;
position: relative;
padding: 0.6250em 3.125em;
margin-top: 20px;
margin-left: 5px;
float: right;
letter-spacing: 0.1em;
-webkit-appearance: none;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.edit-password input[type="submit"]:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.edit-password input[type="submit"]:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.edit-password input[type="submit"]:active {
color: #000;
background-color: #01a185;
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
/*-- Password Strength--*/
#passwordDescription1 {
font-size: 1.5em;
font-weight: bold;
padding-top: 5px;
width: 100%;
}
#passwordDescriptionTitle.invalid {
display: none;
}
#passwordDescriptionTitle.valid {
display: inline-block;
position: relative;
font-size: 1.0em;
font-weight: bold;
padding-left: 1px;
width: auto;
}
#passwordDescriptionTitle.valid:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 1px;
border-bottom: 1px solid #3C4348;
}
#pwd_strength_wrap1 {
font-size: 1em;
font-weight: bold;
line-height: 20px;
border: 1px solid #D5CEC8;
border-radius: 5px;
color: #060607;
display: none;
float: left;
padding: 10px 20px;
position: relative;
width: 100%;
}
#pwd_strength_wrap1:before {
border-bottom: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0.1);
border-top: 7px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: -18px;
position: absolute;
top: 37px;
}
#pwd_strength_wrap1:after {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid #fff;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: -16px;
position: absolute;
top: 35px;
}
#pswd_info1 {
display: none;
width: 100%;
}
#pswd_info1 ul {
list-style-type: none;
margin: 5px 0 0;
padding: 0;
}
#pswd_info1 ul li {
font-size: 1em;
}
#pswd_info1 ul li:before {
content: "\f096";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding: 0 10px 0 0;
}
#pswd_info1 ul li.valid {
font-size: 1em;
color: #066e46;
}
#pswd_info1 ul li.valid:before {
content: "\f046";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding: 0 10px 0 0;
color: #066e46;
}
#passwordStrength1 {
display: block;
height: 5px;
margin-top: 10px;
margin-bottom: 10px;
transition: all 0.4s ease;
}
.strengthline0 {
background: none; /* too short */
width: 0;
}
.strengthline1 {
background: none repeat scroll 0 0 #FF4545; /* weak */
border: 1px solid #3c4348;
border-radius: 5px;
width: 25%;
}
.strengthline2 {
background: none repeat scroll 0 0 #FFC824; /* good */
border: 1px solid #3c4348;
border-radius: 5px;
width: 50%;
}
.strengthline3 {
background: none repeat scroll 0 0 #6699CC; /* strong */
border: 1px solid #3c4348;
border-radius: 5px;
width: 75%;
}
.strengthline4 {
background: none repeat scroll 0 0 #008000; /* best */
border: 1px solid #3c4348;
border-radius: 5px;
width: 100%;
}
/*-- //Password Strength --*/
/*--// Edit Password--*/
/*-- Delivery Address --*/
.edit-password input[type="text"] {
padding: 10px 10px 10px 10px;
width: 100%;
border: 1px solid #3c4348;
outline: none;
color: #555;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
float: left;
}
.edit-password input[type="text"]:focus {
outline-color: #01ba9a;
outline-width: medium;
outline-style: solid;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
/*-- //Delivery Address --*/
/*-- My Order --*/
.order-review {
display: table-cell;
border: none;
border-radius: 5px;
left: 20%;
width: 999px;
margin: 60px 0;
padding: 0;
}
.order-content {
border: 2px solid #848482;
border-radius: 5px;
padding: 20px;
position: relative;
box-shadow: 0 0 0.6em #9da1a3;
-webkit-box-shadow: 0 0 0.6em #9da1a3;
-o-box-shadow: 0 0 0.6em #9da1a3;
-moz-box-shadow: 0 0 0.6em #9da1a3;
-ms-box-shadow: 0 0 0.6em #9da1a3;
}
#container .list li .order-left {
width: 60%;
float: left;
}
#container .list li .order-right {
width: 15%;
float: right;
text-align: right;
}
#container .list li table {
width: 100%;
float: left;
line-height: inherit;
text-align: left;
margin-top: 15px;
}
#container .list li .orderID {
word-wrap: break-word;
font-size: 16px;
text-decoration: none;
color: #3C4348;
font-weight: 600;
letter-spacing: 1px;
}
#container .list li .orderID a {
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
width: 100%;
padding: 2px 25px;
outline: none;
border: none;
box-shadow: 0 4px #999;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
}
#container .list li .orderID a:hover {
text-decoration: none;
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
#container .list li .orderID a:focus {
color: #fff;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
#container .list li .orderID a:active {
background-color: #3e8e41;
box-shadow: 0 1px #666;
text-decoration: none;
transform: translateY(4px);
}
#container .list li .orderID a span {
display: inline-block;
position: relative;
transition: 0.5s;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
#container .list li .orderID a:focus span {
text-decoration: underline;
}
#container .list li .orderID a span:after {
content: '>>';
position: absolute;
opacity: 0;
top: 0;
right: 300px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
#container .list li .orderID a:hover span,
#container .list li .orderID a:focus span {
padding-right: 30px;
}
#container .list li .orderID a:hover span:after,
#container .list li .orderID a:focus span:after {
opacity: 1;
right: 0;
}
#container .list li .payment {
display: block;
font-size: 14px;
color: #0C090A;
margin: 5px 0 0 0;
}
#container .list li .timeOn {
float: right;
display: block;
font-size: 14px;
font-weight: 500;
width: 100%;
color: #1e2124;
}
#container .list li table {
border: 2px solid #01ba9a;
}
#container .list li table td {
padding: 5px;
vertical-align: top;
}
#container .list li table tr td:nth-child(2),
#container .list li table tr td:nth-child(3) {
border-left: 1px solid #01ba9a;
text-align: right;
}
#container .list li table tr.heading td {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
background: #01A185;
color: white;
border-bottom: 1px solid #01ba9a;
}
#container .list li table tr.heading td span {
text-transform: none;
}
#container .list li table tr.item td {
border-top: 1px solid #d6d6d6;
}
#container .list li table tr.subtotal td:nth-child(1) {
border-top: 1px solid #d6d6d6;
}
#container .list li table tr.subtotal td:nth-child(2) {
border-top: 1px solid #01ba9a;
}
#container .list li table tr.item:last-child {
border-bottom: none;
}
#container .list li table tr.shipping {
border-top: 2px solid #01ba9a;
}
#container .list li table tr.shipping span {
font-weight: bold;
text-transform: uppercase;
}
#container .list li table tr.total {
border-top: 1.5px solid #a6a6a6;
border-bottom: 1.5px solid #a6a6a6;
background: #01A185;
color: white;
}
#container .list li table tr.total td:nth-child(2) {
font-weight: bold;
}
#container .list li table tr.total span {
font-weight: bold;
text-transform: uppercase;
}
/*-- //My Order --*/
/*-- My Order Details --*/
.orderDetails {
display: block;
background: #fff;
margin-bottom: 30px;
padding: 20px;
width: 100%;
list-style-type: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
box-shadow: 0 0 0.9em #01ba9a;
-webkit-box-shadow: 0 0 0.9em #01ba9a;
-o-box-shadow: 0 0 0.9em #01ba9a;
-moz-box-shadow: 0 0 0.9em #01ba9a;
-ms-box-shadow: 0 0 0.9em #01ba9a;
}
.orderDetails table {
width: 100%;
border: 2px solid #01ba9a;
box-shadow: 10px 10px 5px #99e3d6;
table-layout: fixed;
}
.orderDetails table tr {
width: 100%;
}
.orderDetails table th {
padding: 5px;
vertical-align: top;
}
.orderDetails table th.headtitle {
font-size: 16px;
font-weight: bold;
background: #01A185;
color: white;
border-right: 1px solid #01ba9a;
border-bottom: 1px solid #01ba9a;
}
.orderDetails table th.headtails {
color: #0C090A;
text-align: left;
}
.orderDetails table th.headline {
border-bottom: 1px solid #01ba9a;
}
.orderDetails table th.heads {
text-align: center;
color: #0C090A;
border-right: 1px solid #01ba9a;
}
.orderDetails table th.headsnd {
text-align: right;
color: #0C090A;
border-bottom: 1px solid #01ba9a;
}
.orderDetails table th.headtotal {
font-size: 16px;
font-weight: bold;
text-align: center;
background: #01A185;
color: white;
border-right: 1px solid #01ba9a;
border-bottom: 1px solid #01ba9a;
}
.orderDetails table.showdata2 {
display: none;
}
#container .list li .status {
display: block;
font-size: 18px;
color: #0C090A;
margin: 10px 0 0 0;
cursor: context-menu;
}
#container .list li .list-left span.order_receive a {
display: inline-block;
position: relative;
vertical-align: middle;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #fff;
background-color: #483C32;
border-radius: 10px;
box-shadow: 0 8px #999;
padding: 7px 15px;
margin: 0;
width: 57%;
cursor: pointer;
-webkit-appearance: none;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
#container .list li .list-left span.order_receive a {
display: none;
margin-top: 10px;
}
#container .list li .list-left span.order_receive a:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
#container .list li .list-left span.order_receive a:focus {
color: #fff;
text-decoration: none;
}
#container .list li .list-left span.order_receive a:active {
color: #000;
background-color: #01a185;
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
/*-- //My Order Details--*/
/*-- My Sales --*/
.m-order, .m-prodt {
padding: 15px 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 15px;
}
.m-order h3, .m-prodt h3 {
display: inline-block;
position: relative;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 1px;
color: #333333;
margin-bottom: 16px;
cursor: context-menu;
}
.m-order h3:before, .m-prodt h3:before {
content: "";
position: absolute;
width: 75%;
height: 1px;
bottom: -5px;
left: 0;
border-bottom: 2px groove #333333;
}
.m-order a, .m-prodt a {
display: block;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
width: 100%;
padding: 10px 20px;
box-shadow: 0 12px #999;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
cursor: pointer;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.m-order a:hover, .m-prodt a:hover {
color: #000;
background-color: #01a185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.m-order a:focus, .m-prodt a:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.m-order a:active, .m-prodt a:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
text-decoration: none;
transform: translateY(4px);
}
.m-order a span, .m-prodt a span,
.m-order a:focus span, .m-prodt a:focus span {
display: inline-block;
position: relative;
transition: 0.5s;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.m-order a:focus span, .m-prodt a:focus span {
text-decoration: underline;
}
.m-order a span:after, .m-prodt a span:after,
.m-order a:focus span:after, .m-prodt a:focus span:after {
content: '>>';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.m-order a:hover span, .m-prodt a:hover span,
.m-order a:focus span, .m-prodt a:focus span {
padding-right: 45px;
}
.m-order a:hover span:after, .m-prodt a:hover span:after,
.m-order a:focus span:after, .m-prodt a:focus span:after {
opacity: 1;
right: 0;
}
/*-- //My Sales --*/
/*-- //My Sales Report --*/
#container .list li .list-left-report {
width: 75%;
margin-left: 3%;
float: left;
}
#container .list li .list-left-report p {
font-size: 16px;
text-decoration: none;
color: #3C4348;
font-weight: 600;
letter-spacing: 1px;
cursor: context-menu;
margin-top: 0;
}
#container .list li .list-left-report form#statusInform {
width: 50%;
margin-top: 10px;
}
#container .list li .list-left-report span.statusButton .statusUpdate {
display: inline-block;
position: relative;
vertical-align: middle;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #fff;
background-color: #483C32;
border-radius: 10px;
box-shadow: 0 8px #999;
padding: 7px 15px;
margin-top: -10px;
width: 100%;
cursor: pointer;
-webkit-appearance: none;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
#container .list li .list-left-report span.statusButton .statusUpdate:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
#container .list li .list-left-report.statusButton .statusUpdate:focus {
color: #fff;
text-decoration: none;
}
#container .list li .list-left-report.statusButton .statusUpdate:active {
color: #000;
background-color: #01a185;
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
/*-- //My Sales Report --*/
/*-- My Cart --*/
.my-cart {
padding: 35px 0;
}
.my-order {
padding: 0;
}
.order-listcenter a.start1, .order-listcenter a.start2 {
text-align: center;
}
.order-listcenter a.start2 {
display: none;
}
.order-listcenter a.start1, .order-listcenter a.start2 {
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #483C32;
border: none;
border-radius: 5px;
width: 30%;
position: relative;
padding: 0.6250em 3.125em;
margin: auto;
cursor: pointer;
letter-spacing: 0.1em;
-webkit-appearance: none;
box-shadow: 0 8px #999;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.order-listcenter a.start1:hover, .order-listcenter a.start2:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.order-listcenter a.start1:active, .order-listcenter a.start2:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
#container .list li .list-right-order {
width: 15%;
float: right;
text-align: right;
}
#container .list li .list-right-order i {
color: #0C090A;
font-size: 1.875em;
}
#container .list li .list-right-order i:hover {
color: #01A185;
-webkit-transform: scale(1.25); /* Safari and Chrome */
-moz-transform: scale(1.25); /* Firefox */
-ms-transform: scale(1.25); /* IE 9 */
-o-transform: scale(1.25); /* Opera */
transform: scale(1.25);
}
#container .list li .quantity {
position: absolute;
bottom: 0;
right: 0;
font-size: 14px;
display: block;
width: 100%;
margin: 15px 0 5px 0;
color: #404040;
font-weight: 400;
}
section.list-left form#quantityAdd .numbers-row {
display: inline-block;
}
section.list-left form#quantityAdd .numbers-row input#quantity {
display: inline-block;
outline: none;
border: 1px solid #3c4348;
background: none;
font-size: 0.9375em;
padding: 10px 10px;
width: 30%;
margin: 0.625em 0;
}
section.list-left form#quantityAdd .numbers-row input#quantity:focus {
border: 2px solid #01ba9a;
}
section.list-left form#quantityAdd .numbers-row .inc.button,
section.list-left form#quantityAdd .numbers-row .dec.button,
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
display: inline-block;
position: relative;
vertical-align: middle;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #000;
background-color: #483C32;
border: 2px solid #3C4348;
border-radius: 10px;
padding: 7px 15px;
margin: 0;
cursor: pointer;
width: 15%;
-webkit-appearance: none;
}
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
color: #fff;
background-color: #483C32;
border: none;
box-shadow: 0 8px #999;
-webkit-appearance: none;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
width: 57%;
margin: 0;
}
#container .list li .list-left span.order_delete a {
display: none;
margin-top: 10px;
}
section.list-left form#quantityAdd .numbers-row .inc.button:hover,
section.list-left form#quantityAdd .numbers-row .dec.button:hover {
font-weight: bold;
color: #000;
background: #01A185;
border: 2px solid #01816b;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
section.list-left form#quantityAdd .buttons .quanSubmitButton:hover,
#container .list li .list-left span.order_delete a:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
section.list-left form#quantityAdd .numbers-row .inc.button:active,
section.list-left form#quantityAdd .numbers-row .dec.button:active {
background: #01efc5;
color: #3C4348;
font-weight: bold;
}
section.list-left form#quantityAdd .buttons .quanSubmitButton:active,
#container .list li .list-left span.order_delete a:active {
color: #000;
background-color: #01a185;
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
.cart-cal-price {
border: 3px solid rgba(1, 161, 133, 0.36);
border-radius: 5px;
box-shadow: 8px 8px 8px #888888;
margin-left: 15%;
margin-bottom: 15px;
padding: 0 15px;
position: relative;
}
.cart-cal-price h2 {
font-size: 20px;
font-weight: 600;
text-align: center;
line-height: 1.3;
color: #000;
padding: 15px 0;
}
.cart-cal-price h2 span {
display: inline-block;
position: relative;
}
.cart-cal-price h2 span:before {
content: "";
position: absolute;
width: 98%;
height: 2px;
bottom: 0;
left: 0;
border-bottom: 2px solid #3C4348;
}
.cart-cal-price:before {
content: '';
position: absolute;
z-index: 1;
left: -24.5%;
background-color: rgba(0,0,0,0);
border: 105px solid rgba(0,0,0,0);
border-right-color: rgba(1, 161, 133, 0.36);
height: 0;
width: 0;
top: 3px;
border-left-width: 10px;
border-right-width: 80px;
}
p.cart-sub-total {
float: left;
font-size: 16px;
font-weight: 600;
color: #000;
width: 50%;
vertical-align: middle;
margin: 0;
margin-top: 8px;
margin-left: 20px;
cursor: context-menu;
}
.cart-subTotal {
padding: 20px 0;
}
.cart-shippingFee h4, .cart-subTotal h4 {
margin: 0;
float: left;
font-size: 22px;
}
.cart-shippingFee p, .cart-subTotal p {
margin: 0;
margin-top: 5px;
margin-left: 20px;
}
.cart-shippingFee {
padding: 20px 0;
border-top: 1px solid #d2d2d1;
border-bottom: 1px solid #d2d2d1;
}
.cart-total {
padding: 20px 0;
}
h3.cart-totalPay {
float: left;
color: #1d1d1d;
font-size: 26px;
font-weight: bold;
}
.cart-continueShop {
padding: 15px 20px;
margin-left: 15%;
margin-right: 0;
}
.cart-continueShop2 {
display: none;
padding: 15px 20px;
margin-left: 15%;
margin-right: 0;
}
.cart-continueShop a, .cart-continueShop2 a {
display: block;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
width: 100%;
padding: 6px 20px;
box-shadow: 0 8px #999;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
cursor: pointer;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.cart-continueShop a:hover, .cart-continueShop2 a:hover {
color: #000;
background-color: #01a185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.cart-continueShop a:focus, .cart-continueShop2 a:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.cart-continueShop a:active, .cart-continueShop2 a:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
text-decoration: none;
transform: translateY(4px);
}
.cart-checkout {
padding: 15px 20px;
margin-left: 15%;
margin-right: 0;
}
.cart-checkout a {
display: block;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
width: 100%;
padding: 6px 20px;
box-shadow: 0 8px #999;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
cursor: pointer;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.cart-checkout a:hover {
color: #000;
background-color: #01a185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.cart-checkout a:focus {
color: #fff;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.cart-checkout a:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
text-decoration: none;
transform: translateY(4px);
}
.cart-checkout a span, .cart-checkout a:focus span {
display: inline-block;
position: relative;
transition: 0.5s;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.cart-checkout a:focus span {
text-decoration: underline;
}
.cart-checkout a span:after, .cart-checkout a:focus span:after {
content: '>>';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.cart-checkout a:hover span, .cart-checkout a:focus span {
padding-right: 45px;
}
.cart-checkout a:hover span:after, .cart-checkout a:focus span:after {
opacity: 1;
right: 0;
}
/*-- //My Cart --*/
/*-- Select Shipping Address --*/
.addrChoose {
display: block;
background: #fff;
margin-bottom: 30px;
padding: 20px;
width: 100%;
list-style-type: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
box-shadow: 0 0 0.9em #01ba9a;
-webkit-box-shadow: 0 0 0.9em #01ba9a;
-o-box-shadow: 0 0 0.9em #01ba9a;
-moz-box-shadow: 0 0 0.9em #01ba9a;
-ms-box-shadow: 0 0 0.9em #01ba9a;
}
.addrChoose .addrDefault {
width: 100%;
border: 1px solid #555555;
border-radius: 5px;
}
.addrChoose .addrDefault table,
.addrChoose .addrDefault table thead,
.addrChoose .addrDefault table thead tr {
display: block;
width: 100%;
}
th.tickButton {
width: 10%;
vertical-align: middle;
}
th.tickButton i {
color: #01ba9a;
margin-left: 5px;
}
th.shipInfo {
overflow: visible;
}
.phDisplay {
display: none;
}
.addrChoose .addrDefault input.ship, .addrChoose .addrDefault p {
font-size: 100%;
width: 100%;
border: none;
margin: 5px 0;
cursor: context-menu;
}
.addrChoose .addrDefault p {
font-weight: 400;
}
.addrChoose .addrOptional {
display: block;
width: 100%;
border: 1px solid #555555;
border-radius: 5px;
margin: 5px 0;
margin-top: 8px;
}
.addrChoose .addrOptional form {
margin: 10px;
margin-bottom: 15px;
}
.addrChoose .addrOptional form input#shipAddrsOptional {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.shipAddrsOptLabel {
color: #060607;
font-size: 80%;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}
.shipAddrsOptLabel:hover {
color: black;
font-weight: bold;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
#shipAddrsOptional:focus + .shipAddrsOptLabel {
color: black;
font-weight: bold;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.shipAddrsOptLabel.invalid:before {
content: "\f096";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: none;
padding: 0 10px 0 0;
cursor: pointer;
}
.shipAddrsOptLabel.valid:before {
content: "\f046";
color: #01ba9a;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: none;
padding: 0 7px 0 0;
cursor: pointer;
}
hr.shipHr {
margin-top: 10px;
margin-bottom: 25px;
border: 0;
border-top: 1px solid #555555;
}
.reveal-if-active {
display: none;
width: 100%;
max-height: 0;
overflow: hidden;
transform: scale(1.0);
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
input[type="radio"]:checked ~ .reveal-if-active,
input[type="checkbox"]#shipAddrsOptional:checked ~ .reveal-if-active {
display: initial;
width: 100%;
max-height: 999px;
overflow: visible;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.reveal-if-active label {
display: inline-block;
float: left;
font-size: 0.9375em;
font-weight: bold;
text-transform: capitalize;
margin: 0 0 5px 0;;
color: #000;
width: 100%;
}
.reveal-if-active label span {
color: red;
}
.reveal-if-active input {
float: left;
padding: 10px 10px 10px 10px;
width: 100%;
margin-bottom: 20px;
border: 1px solid #3c4348;
outline: none;
color: #555;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.reveal-if-active input:focus {
border: 2px solid #01ba9a;
}
#container .list a {
text-decoration: none;
}
#container .list a:focus {
outline: thin dotted;
outline: 5px auto #01ba9a;
outline-offset: -2px;
}
#container .list li .list-left-InfoShow {
width: 100%;
}
#container .list li p.itemInfoShow {
color: #0C090A;
font-size: 14px;
margin-top: 10px;
cursor: pointer;
}
#container .list li p.itemInfoShow b {
font-weight: bold;
}
/*-- //Select Shipping Address --*/
/*-- Payment --*/
.addrChoose .bankingPI .bankingPaymentInfo,
.addrChoose .addrOptional .paymentInfo {
margin: 10px;
margin-bottom: 15px;
}
.addrChoose .bankingPI input#bankingInfo,
.addrChoose .addrOptional input#creditCardInfo {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
#creditCardInfo:focus + .shipAddrsOptLabel,
#bankingInfo:focus + .shipAddrsOptLabel {
color: black;
font-weight: bold;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.addrChoose .bankingPI {
width: 100%;
border: 1px solid #555555;
border-radius: 5px;
}
.addrChoose .bankingPI.active {
border: 2px solid #555555;
}
.addrChoose .addrOptional.active {
border: 2px solid #555555;
}
input[type="radio"]#bankingInfo:checked ~ .reveal-if-active,
input[type="radio"]#creditCardInfo:checked ~ .reveal-if-active {
opacity: 1;
width: 100%;
max-height: 999px;
overflow: visible;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
#expiration-date span.select2.select2-container.select2-container--default {
margin-bottom: 10px !important;
}
.cart-payment {
border: 3px solid rgba(1, 161, 133, 0.36);
border-radius: 5px;
box-shadow: 8px 8px 8px #888888;
margin-left: 15%;
margin-bottom: 15px;
padding: 0 15px;
position: relative;
}
.cart-payment h2 {
font-size: 20px;
font-weight: 600;
text-align: center;
line-height: 1.3;
color: #000;
padding: 15px 0;
}
.cart-payment h2 span {
display: inline-block;
position: relative;
}
.cart-payment h2 i {
color: #000;
cursor: pointer;
}
.cart-payment h2 i:hover {
transform: scale(1.2);
text-decoration: none;
}
.cart-payment h2 i:active {
transform: scale(1.2);
box-shadow: 3px 3px 3px #666;
transform: translateY(2px);
}
.cart-payment h2 span:before {
content: "";
position: absolute;
width: 98%;
height: 2px;
bottom: 0;
left: 0;
border-bottom: 2px solid #3C4348;
}
.cart-payment-addrs {
padding: 20px 0;
padding-top: 0;
}
.cart-payment .cart-payment-addrs input.shipAddrs,
.cart-payment .cart-payment-addrs p {
font-size: 100%;
width: 100%;
border: none;
margin: 5px 0;
cursor: context-menu;
}
.cart-payment .cart-payment-addrs p {
font-weight: 400;
}
#container .list li .list-left-product {
width: 80%;
margin-left: 3%;
float: left;
}
section.list-left-product form#quantityAdd .numbers-row {
display: inline-block;
}
section.list-left-product form#quantityAdd .numbers-row input#quantity {
display: inline-block;
outline: none;
border: 1px solid #3c4348;
background: none;
font-size: 0.9375em;
padding: 10px 10px;
width: 30%;
margin: 0.625em 0;
}
section.list-left-product form#quantityAdd .numbers-row input#quantity:focus {
border: 2px solid #01ba9a;
}
section.list-left-product form#quantityAdd .numbers-row .inc.button,
section.list-left-product form#quantityAdd .numbers-row .dec.button,
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
display: inline-block;
position: relative;
vertical-align: middle;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #000;
background-color: #483C32;
border: 2px solid #3C4348;
border-radius: 10px;
padding: 7px 15px;
margin: 0;
cursor: pointer;
width: 15%;
-webkit-appearance: none;
}
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
color: #fff;
background-color: #483C32;
border: none;
box-shadow: 0 8px #999;
-webkit-appearance: none;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
width: 43%;
margin: 0;
}
#container .list li .list-left-product span.order_delete a {
display: none;
margin-top: 10px;
}
section.list-left-product form#quantityAdd .numbers-row .inc.button:hover,
section.list-left-product form#quantityAdd .numbers-row .dec.button:hover {
font-weight: bold;
color: #000;
background: #01A185;
border: 2px solid #01816b;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
section.list-left-product form#quantityAdd .numbers-row .inc.button:active,
section.list-left-product form#quantityAdd .numbers-row .dec.button:active {
background: #01efc5;
color: #3C4348;
font-weight: bold;
}
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay:hover,
#container .list li .list-left-product span.order_delete a:hover {
color: #000;
background-color: #01a185;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay:focus,
#container .list li .list-left-product span.order_delete a:focus {
color: #fff;
text-decoration: none;
}
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay:active,
#container .list li .list-left-product span.order_delete a:active {
color: #000;
background-color: #01a185;
background-color: #3e8e41;
box-shadow: 0 4px #666;
transform: translateY(4px);
}
/*-- //Payment --*/
/*-- Invoice --*/
.invoice-page {
padding: 25px 0;
}
.invoice-box {
max-width: 800px;
margin: auto;
padding: 30px;
border: 1px solid #8e8e8e;
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
font-size: 16px;
line-height: 24px;
font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
color: #060607;
}
.invoice-box table {
width: 100%;
line-height: inherit;
text-align: left;
}
.invoice-box table td {
padding: 5px;
vertical-align: top;
}
.invoice-box table tr td:nth-child(2) {
text-align: right;
}
.invoice-box table tr.top table td {
padding-bottom: 20px;
}
.invoice-box table tr.top table td.title {
font-family: 'Segoe WP Black', sans-serif;
font-size: 45px;
font-weight: 600;
line-height: 45px;
color: #01a185;
padding-left: 0;
}
.invoice-box table tr.top table td.title img {
vertical-align: middle;
margin-bottom: 10px;
}
.invoice-box table tr.top table td.title span {
font-size: 45px;
line-height: 45px;
color: #f3c500;
}
.invoice-box table tr.information table td {
padding-bottom: 40px;
font-size: 16px;
text-transform: capitalize;
}
.invoice-box table tr.heading td {
background: #eee;
border-bottom: 1px solid #ddd;
font-weight: bold;
}
.invoice-box table tr.details td {
padding-bottom: 20px;
}
.invoice-box table tr.item td {
border-bottom: 1px solid #eee;
}
.invoice-box table tr.item.last td {
border-bottom: none;
}
.invoice-box table tr.shipping span {
font-weight: bold;
}
.invoice-box table tr.total {
border-top: 2px solid #a6a6a6;
border-bottom: 2px solid #a6a6a6;
background: #d6d6d6;
}
.invoice-box table tr.total td:nth-child(2) {
font-weight: bold;
}
.invoice-box table tr.total span {
font-weight: bold;
}
/*-- Invoice Print --*/
.invoice-box table tr.logoTime table td {
padding-bottom: 20px;
}
.invoice-box table tr.logoTime table td.title {
font-family: 'Segoe WP Black', sans-serif;
font-size: 45px;
font-weight: 600;
line-height: 45px;
color: #01a185;
padding-left: 0;
}
.invoice-box table tr.logoTime table td.title img {
vertical-align: middle;
margin-bottom: 10px;
}
.invoice-box table tr.logoTime table td.title span {
font-size: 45px;
line-height: 45px;
color: #f3c500;
}
.invoice-box table tr.addrsInfo table td {
padding-bottom: 40px;
font-size: 16px;
text-transform: capitalize;
}
/*-- //Invoice Print --*/
.invoice-footer {
margin: 0 auto;
margin-top: 50px;
text-align: center;
}
.invoice-footer img {
filter: grayscale(100%);
}
.invoice-footer .emailC {
display: none;
}
.inv-print {
padding: 15px 20px;
margin: 0 auto;
max-width: 800px;
}
.inv-print a {
display: block;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
width: 100%;
padding: 6px 20px;
box-shadow: 0 8px #999;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
cursor: pointer;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.inv-print a:hover {
color: #000;
background-color: #01a185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.inv-print a:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.inv-print a:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
text-decoration: none;
transform: translateY(4px);
}
.inv-print a span, .inv-print a:focus span {
display: inline-block;
position: relative;
transition: 0.5s;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.inv-print a:focus span {
text-decoration: underline;
}
.inv-print a span:after, .inv-print a:focus span:after {
content: '>>';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.inv-print a:hover span, .inv-print a:focus span {
padding-right: 45px;
}
.inv-print a:hover span:after, .inv-print a:focus span:after {
opacity: 1;
right: 0;
}
.inv-continueShop {
padding: 15px 20px;
margin: 0 auto;
max-width: 800px;
}
.inv-continueShop2 {
display: none;
padding: 15px 20px;
margin: 0 auto;
max-width: 800px;
}
.inv-continueShop a, .inv-continueShop2 a {
display: block;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: #483C32;
color: #fff;
width: 100%;
padding: 6px 20px;
box-shadow: 0 8px #999;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
cursor: pointer;
transition: 0.05s all;
-webkit-transition: 0.05s all;
-moz-transition: 0.05s all;
-o-transition: 0.05s all;
-ms-transition: 0.05s all;
}
.inv-continueShop a:hover, .inv-continueShop2 a:hover {
color: #000;
background-color: #01a185;
text-decoration: none;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
}
.inv-continueShop a:focus, .inv-continueShop2 a:focus {
color: #fff;
text-decoration: underline;
outline: thin dotted;
outline: 5px auto #333;
outline-offset: -2px;
}
.inv-continueShop a:active, .inv-continueShop2 a:active {
background-color: #3e8e41;
box-shadow: 0 4px #666;
text-decoration: none;
transform: translateY(4px);
}
/*-- //Invoice --*/
/*-- //PHP CSS --*/
/*-- responsive media queries --*/
@media (max-width: 1366px) {
.main-banner {
min-height: 380px;
}
}
@media (max-width: 1280px) {
.main-banner {
min-height: 350px;
padding: 90px 0 0 0;
}
.menu-right {
display: none;
}
/*-- Footer --*/
.footer-logo a:before {
width: 39%;
top: 53%;
}
.footer-logo a:after {
width: 39%;
top: 53%;
}
/*-- //Footer --*/
/*-- Region --*/
.region-block {
padding: 30px 0px;
}
/*-- //Region --*/
/*-- zoom button --*/
.zoomFunction {
top: 2%;
left: -1em;
width: 2.0em;
margin: 0;
padding: 2.2em 0 0 1em;
border-radius: 0.5em;
}
.zoomFunction:hover {
width: 3.5em;
left: 0;
padding: 0.5em 0 0.5em 0;
border-radius: 0.5em 1.5em 1.5em 0.5em;
}
#zoom_title {
transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform : rotate(270deg);
-webkit-transform : rotate(270deg);
text-align: center;
}
.zoomFunction:hover #zoom_title {
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform : rotate(360deg);
-webkit-transform : rotate(360deg);
text-align: center;
}
#zoom_in, #zoom_out, #zoom_reset {
display: none;
}
.zoomFunction:hover #zoom_in, .zoomFunction:hover #zoom_out, .zoomFunction:hover #zoom_reset {
display: block;
}
/*-- //zoom button --*/
}
@media (max-width: 1180px) {
#backtotop {
bottom: 28%;
}
.item-price:before {
content: '';
position: absolute;
z-index: 1;
left: -58.7%;
background-color: rgba(0,0,0,0);
border: 105px solid rgba(0,0,0,0);
border-right-color: rgba(1, 161, 133, 0.36);
height: 0;
width: 0;
top: -3px;
border-right-width: 70px;
}
.cal-price:before {
left: -58.7%;
top: 13px;
border-right-width: 70px;
}
.cart-cal-price:before {
left: -27%;
border-right-width: 70px;
}
.reviewInfo a {
padding: 6px 15px;
}
/*-- Profile Update Button --*/
.flex {
padding-right: 0;
}
/*-- sidebar --*/
#sideBar {
width: 25%;
margin: 0 20px 35px 0;
}
/*-- my account --*/
.my-acount-head p {
display: none;
}
/*-- Profile Update --*/
.post-profile-form form label {
width: 23%;
}
/*-- //Profile Update --*/
/*-- Edit Password --*/
.edit-password {
padding: 0 20px;
}
.edit-password input[type="submit"] {
width: 40%;
}
/*-- My Cart --*/
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
width: 63%;
}
/*-- Payment --*/
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
width: 52%;
}
}
@media (max-width: 1080px) {
.banner h1 {
font-size: 40px;
}
.banner p {
margin: 8px 0 30px 0;
font-size: 16px;
}
.main-banner {
min-height: 280px;
padding: 60px 0 0 0;
}
.logo a {
display: none;
}
a.menu {
display: block;
}
.header-right {
display: none;
}
.menu-right {
display: inline-block;
margin: 0 auto;
}
/*-- Page Search --*/
.pagesearch input[type="search"] {
width: 50%;
}
/*-- zoom button --*/
.zoomFunction {
top: 2%;
}
/*-- Back To Top Button --*/
#backtotop {
bottom: 25%;
}
/*-- Mobile Menu Bar --*/
.nav-collapse {
display: block;
}
.nav-collapse span.logobutton, .nav-collapse span.sidemenubutton {
display: none;
}
.container2 {
text-align: center;
}
.sidenav a {
font-size: 1.125em;
font-weight: bold;
text-decoration: none;
color: #eeeeee;
padding: 8px 8px 8px 25px;
display: block;
justify-content: space-between;
}
.sidenav p {
margin: 0px;
margin-top: auto;
font-size: 0.6875em;
color: #E1E1E1;
text-align: center;
bottom: 0;
cursor: context-menu;
}
.sidenav p a, .sidemenunav p a {
margin: 0px;
margin-top: auto;
font-size: 0.725em;
color: #E1E1E1;
text-align: center;
}
.sidenav p a, .sidemenunav p a {
display: inline;
padding: 0;
}
.sidenav p a:hover, .sidemenunav p a:hover {
font-size: 0.8125em;
font-weight: bold;
text-decoration: underline;
background: none;
color: white;
border-radius: 0 ;
border: none;
}
.sidenav a:hover {
background: #01ba9a;
color: white;
border-radius: 15px ;
border: 3px outset #01a185;
}
.sidenav .closebtn, .sidemenunav .closemenubtn {
font-size: 2.25em;
top: 0;
right: 0px;
padding-right: 25px;
position: absolute;
margin-left: 50px;
}
.sidenav .menuName, .sidemenunav .menuName {
font-size: 1.875em;
font-weight: bold;
top: 2px;
left: -50px;
padding-right: 25px;
position: absolute;
margin-left: 50px;
cursor: context-menu;
}
.sidenav .menuName:hover {
border: none;
background: #016e5b;
}
.sidemenunav .menuName:hover {
border: none;
background: none;
}
.sidemenunav a {
font-size: 1.125em;
font-weight: bold;
text-decoration: none;
color: #060607;
padding: 8px 8px 8px 25px;
display: block;
justify-content: space-between;
}
.sidemenunav a:hover {
background: #01A185;
color: #0C090A;
border-radius: 15px;
border: 3px outset #01a185;
}
.sidemenunav p {
margin: 0px;
margin-top: auto;
font-size: 0.6875em;
color: #191919;
bottom: 0;
}
.sidemenunav .sideline {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid black;
}
.sidemenunav .sidegroup-name {
font-size: 1.125em;
font-weight: bold;
margin-left: 5px;
margin-bottom: 20px;
border: none;
box-shadow: none;
cursor: context-menu;
text-decoration: underline;
-moz-text-decoration-color: #b6b5b5; /* Code for Firefox */
text-decoration-color: #b6b5b5;
}
.sidemenunav .sidegroup-name:hover {
border: none;
background: #e5e5e5;
}
.sidemenunav a.active {
text-decoration: none;
font-weight: bold;
color: #fff;
background: #01A185;
border-radius: 15px ;
border: 3px outset #01a185;
}
.sidemenunav a.active:after {
float: right;
content: '\f152';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin: 0px 10px;
text-decoration: none;
}
.sidemenunav a.active:hover {
background: #01A185;
color: #0C090A;
border-radius: 15px ;
border: 3px outset #01a185;
}
.sidemenunav .sidemenusearch {
border: none;
box-shadow: none;
padding: 0px 8px 15px 25px;
}
.sidemenunav .sidemenusearch .search-input.form-control {
font-size: 0.875em;
font-weight: 600;
background: #e6e6e6;
color: #060607;
border: 1px solid #3c4348;
border-radius: 5px;
}
.sidemenunav .sidemenusearch .search-input.form-control:focus {
background: white;
border: 2px solid #01ba9a;
}
.sidemenunav .sidemenusearch i {
float: right;
margin-top: -25px;
margin-right: 15px;
color: #060607;
cursor: pointer;
}
.sidemenunav .sidemenusearch i:hover {
font-weight: bold;
transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2); /* Code for Firefox */
}
/*-- // Mobile Menu Bar --*/
/*-- Focus Menu(Main Page) --*/
.focus-image i {
font-size: 35px;
width: 85px;
height: 85px;
line-height: 85px;
}
.focus-grid {
padding: 0 10px;
}
.focus-layout {
margin: 3px;
padding: 20px 0px 20px 0;
}
/*-- //Focus Menu(Main Page) --*/
/*-- Footer --*/
.col-md-3.footer-grid:nth-child(3), .col-md-3.footer-grid:nth-child(4) {
margin-top: 10px;
margin-bottom: 50px;
}
.footer-bottom {
padding: 20px 0 25px;
text-align: center;
}
.footer-grid p {
font-size: 0.875em;
line-height: 25px;
margin-top: 10px;
}
.footer-top {
padding: 50px 0;
}
.copy {
float: none;
text-align: center;
margin-bottom: 10px;
}
.copy p {
text-align: center;
}
.f-list2 {
float: none;
width: 80%;
margin: 0 auto;
}
.f-list2 li {
margin: 0;
}
.footer-grid ul li a {
font-size: 0.875em;
}
.footer-logo a:before {
width: 38%;
top: 53%;
}
.footer-logo a:after {
width: 38%;
top: 53%;
}
h4.footer-head {
font-size: 26px;
}
/*-- //Footer --*/
/*-- Most Recent Ads --*/
.trend-ads h2 {
font-size: 38px;
}
.col-md-3.biseller-column {
padding: 0 10px;
}
.col-md-3.biseller-column:hover {
padding-top: 5px;
padding-bottom: 10px;
}
span.price {
top: 2px;
}
span.price {
right: 6px;
}
/*-- Product All --*/
#container .list li .title {
font-size: 18px;
}
#container .list li .adprice {
font-size: 20px;
margin: 8px 0 0 0;
}
#container .list li .date {
font-size: 13px;
}
#container .list li .cityname {
font-size: 12.5px;
}
#container .list li p {
font-size: 12px;
margin-top: 10px;
}
h5.title {
font-size: 18px;
height: 57px;
}
span.adprice {
font-size: 20px;
}
.search-hotel input[type="text"] {
border: medium solid #01ba9a;
width: 100%;
}
.ads-list select {
width: 85%;
}
#custom-search-input {
width: 95%;
}
.btn-group.bootstrap-select.show-tick button {
width: 100%;
}
.btn-group>.btn:first-child {
width: 78%;
}
/*-- Slider range --*/
.featured-ad-right h4 {
font-size: 15px;
}
/*-- Single Product --*/
.item-price:before {
left: -58.5%;
border-right-width: 68px;
}
.cal-price:before {
left: -58.5%;
border-right-width: 68px;
}
.cart-cal-price:before {
left: -26.5%;
border-right-width: 68px;
}
.product-view h2 {
font-size: 25px;
}
/*-- Review Page & My Cart --*/
.checkout, .reviewInfo, .continueShop,
.cart-checkout, .cart-continueShop, .cart-continueShop2 {
padding: 15px 20px;
margin-left: 15%;
margin-right: 0;
}
.continueShop, .cart-continueShop {
display: none;
}
.continueShop2, .cart-continueShop2 {
display: block;
margin: 0 auto;
}
/*-- About Page --*/
.about-left p {
margin: 0;
margin-bottom: 2em;
}
.about-left img {
margin: 0;
padding: 0;
}
.about-right img {
margin: 0;
}
.about-right p {
margin: 0;
margin-top: 2em;
}
/*-- Contact --*/
form#filldetails {
width: 70%;
}
.upload {
width: 70%;
}
/*-- Post Ads --*/
.post-ad-form form label {
width: 20%;
margin-right: 3%;
}
p.post-terms {
margin-left: 23%;
}
/*-- Popular Search --*/
.popular-category {
width: 25%;
}
.popular-regions ul li {
width: 25%;
}
.tags p {
font-size: 1.05em;
}
/*-- How It Works --*/
.work-section-head p {
font-size: 1.25em;
padding: 15px 0 0px 0;
}
.work-section-grid h4 {
font-size: 23px;
}
.work-section-grid p {
margin-bottom: 85px;
}
span.arrow2 {
top: 75px;
}
.client {
width: 24%;
margin-right: 5%;
margin-top: 2%;
}
.client-info {
width: 71%;
}
.happy-clients-grid {
padding: 2em 1em;
}
.happy-clients {
padding: 50px 0;
}
/*-- Region --*/
h2.head {
font-size: 33px;
margin: 33px 0;
}
/*-- Sign In Page --*/
.btmline {
display: block;
margin-bottom: 50px;
}
.btmline span {
text-align: center;
}
.btmline span:before, .btmline span:after {
content: "";
display: inline-block;
position: relative;
width: 47%;
height: 2px;
background: #545556;
vertical-align: middle;
}
.login-right {
border-left: none;
}
.login-right-hidden {
display: block;
}
.login-right {
display: none;
}
.sign-in-form {
width: 45%;
}
.sign-in-form-account {
width: 90%;
margin: 0 auto;
}
/*-- Profile Update--*/
.post-profile-form form label {
width: 20%;
margin-right: 3%;
}
/*--// Profile Update--*/
/*-- Sign Up Page --*/
.sign-up {
width: 75%;
}
.sign-up input[type="submit"] {
width: 96%;
margin: 0;
margin-top: 30px;
}
.register-top-grid div, .register-bottom-grid .pass, .register-bottom-grid .retypepass {
width: 100%;
float: left;
margin: 10px 0;
}
#pwd_strength_wrap {
width: 96%;
}
p.creating {
width: 100%;
}
/*-- After Register --*/
.success-info .userdetailborder th {
display: block;
text-align: center;
border-bottom: none;
}
.success-info .userdetailborder td {
display: block;
text-align: center;
}
.success-info .userdetailborder td:nth-child(2) {
border-bottom: none;
}
/*-- My Cart --*/
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
width: 52%;
}
/*-- Payment --*/
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
width: 52%;
}
/*-- Mobile --*/
.app-left img {
width: 85%;
}
.app-right {
margin-top: 40px;
padding-left: 0;
}
.app-right p {
font-size: 14px;
line-height: 27px;
}
i.postanad {
width: 70px;
height: 70px;
background: url('../images/img-sprite.png') no-repeat 3px -93px;
background-size: 800px;
}
i.finditem {
width: 70px;
height: 70px;
background: url('../images/img-sprite.png') no-repeat -62px -93px;
background-size: 800px;
}
i.contact-seller {
width: 70px;
height: 70px;
background: url('../images/img-sprite.png') no-repeat -126px -93px;
background-size: 800px;
}
i.maketransaction {
width: 70px;
height: 70px;
background: url('../images/img-sprite.png') no-repeat -191px -93px;
background-size: 800px;
}
}
@media (max-width: 991px) {
.main-banner {
min-height: 260px;
padding: 55px 0 0 0;
}
.banner h1 {
font-size: 35px;
}
.banner p {
margin: 6px 0 30px 0;
font-size: 15px;
}
.banner a {
font-size: 16px;
padding: 8px 20px;
}
.menu-right {
display: inline-block;
margin: 0 auto;
}
.btn-primary {
padding: 0 0 0 20px;
}
/*-- Page Search --*/
.pagesearch input[type="search"] {
width: 60%;
}
/*-- Most Recent Ads --*/
.focus-grid {
width: 25%;
float: left;
}
.col-md-3.biseller-column {
width: 33.333%;
float: left;
}
.col-md-3.biseller-column:nth-child(4) {
display: none;
}
.trend-ads h2 {
font-size: 35px;
margin-bottom: 30px;
}
.trending-ads {
padding: 40px 0 60px 0px;
}
/*-- Footer --*/
.col-md-3.footer-grid {
width: 100%;
float: left;
}
.col-md-3.footer-grid:nth-child(3), .col-md-3.footer-grid:nth-child(4) {
margin-top: 0;
margin-bottom: 0;
}
h4.footer-head {
font-size: 25px;
margin-top: 35px;
}
ul.location li:nth-child(2) {
width: 88%;
}
.footer-grid ul li {
margin: 10px 0;
}
ul.location li {
margin: 0;
}
.footer-top {
padding: 30px 0 50px 0;
}
.footer-logo a:before {
width: 35%;
}
.footer-logo a:after {
width: 35%;
}
.footer-social-icons {
margin: 30px 0 10px 0;
}
.footer-bottom {
text-align: center;
}
.copy {
float: none;
text-align: center;
margin-bottom: 10px;
}
.copy p {
text-align: center;
line-height: 150%;
}
.f-list2 {
float: none;
width: 80%;
margin: 0 auto;
}
/*-- //Footer --*/
/*-- Product All --*/
.ads-display.col-md-9 {
padding: 0;
margin-top: 30px;
}
.btn-group.bootstrap-select.show-tick button {
width: 100%;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
font-size: large;
}
/*-- Slider range --*/
.featured-ad {
width: 32.3333%;
float: left;
margin: 0 0.5%;
}
/*-- Single Product --*/
.item-price {
margin-left: 0;
padding: 0 15px;
margin-top: 17%;
}
.cal-price,
.cart-cal-price {
margin-left: 0;
padding: 0 15px;
margin-top: 15%;
}
.item-price:before {
left: 27%;
border-right-width: 90px;
top: -205px;
transform: rotate(90deg);
}
.cal-price:before,
.cart-cal-price:before {
left: 33.5%;
border-left-width: 105px;
border-right-width: 90px;
top: -205px;
transform: rotate(90deg);
}
.interested,.tips {
margin-left: 0;
margin-right: 0;
}
/*-- Sign In Page --*/
.sign-in-form input[type="submit"] {
float: right;
width: 100%;
}
.acount-btn {
width: 100%;
}
/*-- //sidebar --*/
#sideBar {
display: none;
}
.sidebarPad {
display: table-cell;
background: transparent;
border: 2px solid #848482;
border-radius: 5px;
padding: 0;
margin: 0 20px 35px 0;
opacity: .99;
float: left;
width: 5%;
height: 100%;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.sidebarPad:hover {
width: 30%;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.main-nav-pad {
margin-bottom: 0;
list-style-type: none;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.main-nav-pad li {
line-height: 20px;
border-bottom: 1px solid #585858;
box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.12);
}
.sidebarPad:hover .main-nav-pad li {
line-height: 40px;
}
.main-nav-pad li.main-search {
display: none;
border: none;
box-shadow: none;
}
.main-nav-pad li.main-search .search-input.form-control {
font-size: 0.875em;
font-weight: 600;
border-radius: 0;
background: #e6e6e6;
border-top: 1px solid #3c4348;
border-bottom: 1px solid #3c4348;
padding-right: 30px;
color: #060607;
font-size: 0.875em;
font-weight: normal;
}
.main-nav-pad li.main-search .search-input.form-control:focus {
background: white;
border-top: 2px solid #01ba9a;
border-bottom: 2px solid #01ba9a;
}
.main-nav-pad li.main-search i {
float: right;
margin-top: -25px;
margin-right: 15px;
color: #555;
}
.main-nav-pad li.nav-brand {
display: none;
font-size: 1.3125em;
font-weight: bold;
line-height: 80px;
height: auto;
border: none;
box-shadow: none;
padding: 0 15px;
padding-top: 5px;
cursor: context-menu;
}
.main-nav-pad li.nav-brand h3 {
margin-top: -15px;
}
.main-nav-pad li.group-name {
display: none;
font-size: 1.125em;
font-weight: bold;
text-align: center;
line-height: 80px;
padding-top: 25px;
height: 80px;
border: none;
box-shadow: none;
cursor: context-menu;
text-decoration: underline;
-moz-text-decoration-color: #b6b5b5; /* Code for Firefox */
text-decoration-color: #b6b5b5;
}
.main-nav-pad li.historyback {
color: #0C090A;
display: block;
font-weight: normal;
text-decoration: none;
line-height: 20px;
padding: 0;
border: none;
}
.main-nav-pad li a {
color: #0C090A;
display: block;
font-weight: normal;
text-decoration: none;
padding: 0 7px;
padding-right: 9px;
padding-top: 15px;
}
.main-nav-pad li a span {
display: none;
}
.main-nav-pad li.active a {
text-decoration: none;
font-weight: bold;
color: #fff;
background: #01A185;
}
.main-nav-pad li a:hover {
text-decoration: none;
font-weight: bold;
color: #0C090A;
background: #01A185;
}
.main-nav-pad li.active a:before {
display: none;
content: '\f0da';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin: 0px 5px;
text-decoration: none;
}
.sidebarPad:hover .main-nav-pad li.group-name,
.sidebarPad:hover .main-nav-pad li.nav-brand {
display: block;
}
.sidebarPad:hover .main-nav-pad li a span,
.sidebarPad:hover .main-nav-pad li.active a:before {
display: inline-block;
}
.sidebarPad:hover .main-nav-pad li a {
padding: 0 15px;
}
.sidebarPad:hover .main-nav-pad li.historyback {
line-height: 60px;
}
.sidebarPad:hover .main-nav-pad li.main-search {
display: block;
border: none;
box-shadow: none;
}
/*-- //sidebar --*/
/*-- Profile Update--*/
.post-profile-form form label {
width: 24%;
}
/*-- Profile Update Button --*/
.flex {
display: block;
}
/*-- // Profile Update --*/
/*-- Review & My Cart --*/
.checkout, .reviewInfo, .continueShop,
.cart-checkout, .cart-continueShop, .cart-continueShop2 {
margin: 0 auto;
}
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
width: 52%;
}
/*-- Sign Up Page --*/
.sign-up {
width: 75%;
}
/*-- Contact --*/
form#filldetails {
width: 85%;
}
form .field label + span {
top: 0.375em;
left: 2.5%;
}
.upload {
width: 85%;
}
/*-- Post Ads --*/
.post-ad-form {
padding: 35px 20px;
}
.post-ad-form form label {
width: 22%;
}
.post-ad-form input[type="number"], .post-ad-form input[type="date"], .post-ad-form input[type="date"], .post-ad-form form select {
padding: 9px 9px 9px 9px;
width: 70%;
margin-bottom: 20px;
}
p.post-terms {
margin-left: 25%;
font-size: 14px;
letter-spacing: 0px;
}
/*-- Feedback --*/
.feed-back-form input[type="text"], .feed-back-form textarea, .feed-back-form input[type="submit"] {
width: 70%;
}
/*-- Popular Search --*/
.popular-category {
width: 33.333%;
}
.popular-regions ul li {
width: 33.333%;
}
.popular-category:nth-child(3){
margin-bottom: 28px;
}
.tags p {
font-size: 1em;
}
/*-- How It Works --*/
.happy-clients-grid {
width: 100%;
margin: 4% 0% 0 0;
}
.client {
width: 13%;
margin-right: 3%;
margin-top: 0%;
}
.happy-clients-grid {
padding: 2em 2em;
}
.client-info {
width: 84%;
}
.work-section-head p {
font-size: 1.125em;
padding: 10px 0 0px 0;
}
.work-section-grid {
margin-top: 6em;
position: relative;
width: 25%;
float: left;
}
.work-section-grid h4 {
font-size: 20px;
}
.work-section-grid p {
margin-bottom: 75px;
}
/*-- Region --*/
.state.col-md-3 {
width: 25%;
float: left;
}
.sun-regions.col-md-9 {
width: 75%;
float: left;
}
/*-- Payment --*/
.cart-payment {
margin-left: 0;
padding: 0 15px;
}
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
width: 39%;
}
/*-- Categories --*/
.sub-categories ul li a {
font-size: 14px;
}
.category-img {
width: 35%;
}
.category-info {
width: 50%;
}
.category-info h4 {
font-size: 20px;
}
/*-- Mobile --*/
.app-left {
width: 40%;
float: left;
}
.app-left img {
width: 90%;
}
.app-right {
width: 60%;
float: left;
margin-top: 10px;
}
.app-right h3 {
font-size: 24px;
}
.app-right p {
font-size: 13px;
line-height: 25px;
margin: 10px 0 20px 0;
}
.app-button img {
width: 80%;
}
.app-devices {
width: 50%;
margin: 20px 0 0 0;
}
.app-left p {
margin: 5px 0 0px 0;
font-size: 15px;
}
.app-left h2 {
margin: 0px 0 0px 0;
font-size: 32px;
}
.app-bottom-grid {
padding: 30px 20px;
width: 44%;
margin: 4% 3%;
float: left;
}
.app-bottom-grids {
padding: 50px 0;
}
.col-md-7.app-image {
width: 80%;
float: left;
margin: 8% 0 0 10%;
}
.mobile-app {
padding-top: 60px;
}
.mpl {
width: 100%;
}
}
@media (max-width: 900px) {
.main-banner,.banner {
min-height: 240px;
padding: 50px 0 0 0;
}
/*-- Page Search --*/
.pagesearch input[type="search"] {
width: 65%;
}
/*-- Footer --*/
.col-md-3.footer-grid {
width: 100%;
float: left;
}
.footer-bottom {
text-align: center;
}
.copy {
float: none;
margin-bottom:10px;
}
.copy p {
text-align: center;
line-height: 150%;
}
.f-list2 {
float: none;
}
/*-- //Footer --*/
/*-- Sign In Page --*/
.sign-in-form {
width: 50%;
}
.sign-in-form input[type="submit"] {
float: right;
width: 100%;
}
.sign-in-form-account {
width: 90%;
margin: 0 auto;
}
/*-- Profile Update Button --*/
.flex {
display: block;
}
/*-- sidePad --*/
.main-nav-pad li a {
padding: 0 7px;
padding-right: 9px;
padding-top: 15px;
}
/*-- Sign Up Page --*/
.sign-up {
width: 75%;
}
}
@media (max-width: 800px) {
.menu-right {
display: inline-block;
}
/*-- Footer --*/
.col-md-3.footer-grid {
float: left;
width: 100%;
}
.col-md-3.footer-grid:nth-child(3), .col-md-3.footer-grid:nth-child(4) {
height: auto;
margin-top: 0;
margin-bottom: 0;
}
.footer-logo a:before {
width: 33%;
top: 54%;
}
.footer-logo a:after {
width: 33%;
top: 54%;
}
.footer-bottom {
text-align: center;
}
.copy {
float: none;
margin-bottom:10px;
}
.copy p {
text-align: center;
line-height: 150%;
}
.f-list2 {
float: none;
width: 85%;
}
.f-list2 li {
width: 140px;
}
/*-- //Footer --*/
/*-- Popular Search --*/
.tags p {
font-size: 0.95em;
}
/*-- Post Ads --*/
.post-ad-form input[type="submit"], .post-ad-form input[type="reset"] {
padding: 0.5em 2.5em;
font-size: 1em;
}
/*-- Sign In Page --*/
.sign-in-form {
width: 60%;
}
.sign-in-form-account {
width: 90%;
}
/*-- Profile Update --*/
.post-profile-form input[type="submit"], .post-profile-form input[type="reset"] {
padding: 0.5em 2.5em;
font-size: 1em;
}
.post-profile-form input[type="number"], .post-profile-form input[type="date"],
.post-profile-form form select {
padding: 9px 9px 9px 9px;
width: 70%;
margin-bottom: 20px;
}
/*-- Profile Update Button --*/
.flex {
display: block;
}
/*-- Sign Up Page --*/
.sign-up {
width: 75%;
}
/*-- Mobile --*/
.app-right h3 {
font-size: 22px;
line-height: 32px;
}
/*-- // Mobile --*/
.nbs-flexisel-nav-right {
right: -25px;
}
.nbs-flexisel-nav-left {
left: -25px;
}
}
@media (max-width: 720px) {
.menu-right {
display: inline-block;
}
/*-- Footer --*/
.col-md-3.footer-grid {
width: 100%;
}
.f-list2 li, .f-list2 li a {
width: 125px;
}
/*-- //Footer --*/
/*-- Contact --*/
form .field label + span {
top: 0.375em;
left: 1.5%;
}
/*-- Post Ads --*/
.post-ad-form input[type="submit"], .post-ad-form input[type="reset"] {
width: 35%;
}
/*-- Single Product --*/
.item-price {
margin-top: 15%;
}
/*-- review-page --*/
.cal-price,
.cart-cal-price {
margin-left: 0;
padding: 0 15px;
margin-top: 17%;
}
/*-- sidePad --*/
.sidebarPad {
margin: 0 20px 35px 15px;
}
.main-nav-pad li a {
padding-left: 4px;
padding-right: 14px;
padding-top: 15px;
}
.sidebarPad:hover {
width: 40%;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
/*-- Profile Update --*/
.post-profile-form input[type="submit"], .post-profile-form input[type="reset"] {
width: 40%;
}
/*-- My Cart --*/
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
width: 58%;
}
/*-- Payment --*/
.cart-payment {
margin-left: 0;
padding: 0 15px;
}
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
width: 44%;
}
}
@media (max-width: 640px) {
.main-banner, .banner {
min-height: 210px;
padding: 40px 0 0 0;
}
.banner h1 {
font-size: 33px;
}
.banner p {
margin: 5px 0 30px 0;
font-size: 14px;
}
.banner a {
font-size: 16px;
padding: 7px 18px;
}
.logo a {
display: none;
}
.logo a {
font-size: 47px;
}
.menu-right {
display: none;
}
.header {
padding: 0;
margin-bottom: 0;
}
.header-right {
display: none;
}
a.menu {
display: none;
}
a.account {
margin-top: 19px;
font-size: 14px;
padding: 5px 19px;
}
span.active.uls-trigger,.btn-primary {
font-size: 14px;
margin-top: 24px;
}
/*-- zoom button --*/
.zoomFunction {
display: none;
}
.zoomFunction {
top: 2%;
left: -1.5em;
width: 2.5em;
margin: 0;
padding: 1.8em 0 0.5em 1.5em;
border-radius: 0.5em;
}
.zoomFunction:hover {
width: 3.5em;
left: 0;
padding: 0.5em 0 0.5em 0;
border-radius: 0.5em 1.5em 1.5em 0.5em;
}
#zoom_title {
margin: 10px 0;
margin-bottom: 0;
}
.zoomFunction:hover #zoom_title {
margin-bottom: 10px;
}
/*-- Page Search --*/
.pagesearch input[type="search"] {
width: 68%;
}
.pagesearch .pageSearchbutton1 {
display: none;
}
.pagesearch .pageSearchbutton2 {
display: inline-block;
}
/*-- Back To Top Button --*/
#backtotop {
bottom: 30%;
}
/*-- Mobile Menu Bar --*/
.nav-collapse {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
margin-bottom: 0;
}
.nav-collapse span.logobutton {
display: block;
background: #01A185;
padding: 0;
margin: auto 0;
float: right;
}
.nav-collapse a {
margin: 0 auto;
text-align: center;
vertical-align: middle;
}
.nav-collapse span.sidemenubutton {
display: block;
background: #01A185;
padding-top: 2px;
margin: auto 0;
float: left;
}
.sidenav {
display: block;
height: 100%;
width: 0;
position: fixed;
z-index: 5;
top: 0;
right: 0;
background: #016e5b;
overflow-x: hidden;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
padding-top: 60px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.sidenav .closebtn, .sidemenunav .closemenubtn {
float: right;
}
.sidemenunav {
display: block;
height: 100%;
width: 0;
position: fixed;
z-index: 5;
top: 0;
left: 0;
background: #e5e5e5;
overflow-x: hidden;
transition: 0.25s all;
-webkit-transition: 0.25s all;
-moz-transition: 0.25s all;
-o-transition: 0.25s all;
-ms-transition: 0.25s all;
padding-top: 60px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.sidemenunav .sidemenusearch .search-input.form-control {
padding-right: 26px;
}
/*-- // Mobile Menu Bar --*/
/*-- Footer --*/
.col-md-3.footer-grid:nth-child(2) {
margin-bottom: 0px;
float: left;
}
.footer-logo a {
font-size: 35px;
}
.footer-logo a:before {
width: 30%;
top: 54%;
}
.footer-logo a:after {
width: 30%;
top: 54%;
}
.f-list2 {
color: #efefef;
border: 1px outset #efefef;
box-shadow: 2px 2px 2px #888888;
border-radius: 10px;
padding: 6px 10px;
width: 90%;
margin: 0 auto;
}
.f-list2 li {
display: inline-block;
margin: 0;
width: initial;
}
.f-list2 li a {
display: inline;
border: none;
width: initial;
margin: 0;
padding: 6px 10px;
border-radius: 0;
box-shadow: none;
cursor: pointer;
}
.f-list2 li a:hover {
background: none;
border: none;
}
.f-list2 ul span {
display: initial;
}
/*-- //Footer --*/
/*-- focus(Main Page) --*/
.focus-layout h4 {
font-size: 17px;
height: 35px;
}
.categories {
padding: 30px 0;
}
/*--flexisel--*/
.ad-info h5 {
font-size: 16px;
}
.ad-info span {
font-size:13px;
}
/*-- Most Recent Ads --*/
span.price {
font-size: 14px;
padding: 7px 12px;
position: absolute;
letter-spacing: 1px;
}
.col-md-3.biseller-column {
padding: 0 8px;
}
/*-- Product All --*/
.ads-list {
width: 100%;
float: left;
}
.ads-list:nth-child(2){
margin:20px 0;
}
.ads-list select {
width: 48.5%;
}
#custom-search-input {
width: 48.5%;
}
.btn-group.bootstrap-select.show-tick button {
width: 100%;
}
/*-- Single Product --*/
/*-- Item Price --*/
.product-view p.deskdetail {
display: none;
}
.product-view p.phonedetail {
display: block;
}
.item-price {
margin-top: 19%;
}
.cal-price,
.cart-cal-price {
margin-top: 20%;
}
.item-price:before, .cal-price:before, .cart-cal-price:before {
top: -205px;
left: 32%;
}
.product-review-image {
display: block;
float: left;
text-align: center;
padding-right: 15px;
width: 25%;
}
/*-- //Item Price --*/
/*-- Contact --*/
.contact section {
margin: 30px auto 45px;
}
form .field label + span {
top: 0.375em;
left: 1.5%;
font-size: 1.25em;
}
form.submit input[type="submit"] {
padding: 0.5em 2.5em;
font-size: 0.9333em;
}
form .field input[type="text"], form .field textarea {
padding: 13px 0;
padding-left: 22%;
}
form .field label {
padding: 12px 0;
font-size: 0.8750em;
}
.upload h3.tlt {
margin-top: 11px;
font-size: 20px;
}
/*-- Feedback --*/
.feed-back h3 {
font-size: 1.375em;
}
.feed-back-form span {
font-size: 0.875em;
}
.feed-back-form span {
font-size: 0.875em;
}
/*-- Post Ads --*/
.post-ad-form input[type="text"], .post-ad-form textarea, .post-ad-form input[type="number"], .post-ad-form input[type="date"], .post-ad-form form select {
padding: 9px 9px 9px 9px;
width: 100%;
margin-bottom: 20px;
}
.post-ad-form form label {
width: 100%;
display: block;
text-align: left;
font-size: 14px;
margin: 0 0 5px 0;
}
.post-ad-form .setW {
width: 100%;
float: none;
}
.post-ad-form input[type="submit"], .post-ad-form input[type="reset"] {
padding: 0.375em 1.875em;
font-size: 0.9333em;
width: 100%;
margin-right: 0;
}
p.post-terms {
margin-left: 0%;
line-height: 1.7;
}
.photos-upload-view {
width: 100%;
}
.post-ad-form input[type="submit"], .post-ad-form input[type="reset"] {
padding: 0.5em 2.5em;
font-size: 1em;
}
/*-- Popular-searches --*/
.tags p {
font-size: 0.9em;
}
/*-- How It Works --*/
.work-section-head p {
font-size: 0.9375em;
padding: 0px 0 0px 0;
}
.work-section-grid h4 {
font-size: 17px;
margin-bottom: 10px;
}
.work-section-grid p {
margin-bottom: 60px;
}
/*-- Regions --*/
h2.head {
font-size: 30px;
}
.sitemap-region-grid {
width: 50%;
}
/*-- Terms of use --*/
.panel-body p {
font-size: 13px;
line-height: 27px;
}
.panel-title {
font-size: 18px;
}
/*-- Sign In Page --*/
.sign-in-form {
width: 75%;
}
.sign-in-form-account {
width: 100%;
}
/*-- my account --*/
#mytable td {
padding: 0.6250em 1.125em;
display: block;
}
#mytable th {
padding: 0.6250em 1em;
display: block;
}
#mytable tr {
display: block;
}
.flex {
display: block;
}
/*-- sideBar sidePad--*/
#sideBar, .sidebarPad {
display: none;
}
/*-- Profile Update--*/
.post-profile-form form label {
width: 100%;
display: block;
text-align: left;
font-size: 14px;
margin: 0 0 5px 0;
}
.post-profile-form input[type="text"], .post-profile-form textarea,
.post-profile-form input[type="date"], .post-profile-form input[type="number"] {
padding: 9px 9px 9px 9px;
width: 100%;
margin-bottom: 20px;
}
.post-profile-form form select {
width: 100%;
margin-bottom: 20px;
}
.post-profile-form input[type="submit"], .post-profile-form input[type="reset"] {
padding: 0.375em 1.875em;
font-size: 0.9333em;
width: 100%;
margin-right: 0;
}
.photos-upload-view {
width: 100%;
}
.post-profile-form .setWH {
width: 100%;
}
/*--// Profile Update--*/
/*-- My Cart --*/
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
width: 64%;
}
/*-- Payment --*/
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
width: 51%;
}
/*-- Invoice --*/
.invoice-footer .emailC {
display: block;
}
.invoice-footer span#slash {
display: none;
}
/*-- Sign Up Page --*/
.sign-up {
width: 80%;
}
.register-top-grid div, .register-bottom-grid .pass, .register-bottom-grid .retypepass {
width: 100%;
float: left;
margin: 10px 0;
}
.sign-up input[type="submit"] {
width: 96%;
margin: 0;
margin-top: 30px;
}
/*-- Mobile --*/
.app-button {
float: left;
width: 45%;
}
.app-button img {
width: 90%;
}
.app-right {
margin-top: 0px;
}
.app-left img {
width: 95%;
margin-top: 20%;
}
.app-right p {
font-size: 12.5px;
line-height: 22px;
margin: 6px 0 20px 0;
}
/*-- //Mobile --*/
/*--typo--*/
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 8px !important;
}
.btn-group-lg>.btn, .btn-lg {
padding: 10px 8px;
}
.but_list h1 {
font-size: 1.6em;
}
.but_list h2 {
font-size: 1.5em;
}
.but_list h2 {
font-size: 1.4em;
}
/*--typo--*/
}
@media (max-width: 600px) {
/*-- Page Search --*/
.pagesearch input[type="search"] {
width: 70%;
}
/*-- Footer --*/
.col-md-3.footer-grid:nth-child(3) {
margin-top: 0;
}
.col-md-3.footer-grid:nth-child(4) {
margin-top: 0;
margin-bottom: 0;
}
.f-list2 {
border: 2px outset #efefef;
border-radius: 10px;
padding: 6px 10px;
width: 90%;
margin: 0 auto;
}
.f-list2 li {
display: inline-block;
margin: 0;
width: initial;
}
.f-list2 li a {
display: inline;
font-size: 0.8125em;
border: none;
width: initial;
margin: 0;
padding: 6px 10px;
border-radius: 0;
cursor: pointer;
}
.f-list2 li a:hover {
background: none;
border: none;
}
/*-- //Footer --*/
/*-- Single Product --*/
/*-- Item Price --*/
.cal-price,
.cart-cal-price {
margin-top: 19%;
}
.item-price:before, .cal-price:before, .cart-cal-price:before {
top: -205px;
left: 31.5%;
}
/*-- //Item Price --*/
/*-- Edit Password --*/
.edit-password {
padding: 0;
}
.edit-password input[type="submit"] {
width: 100%
}
/*-- My Order --*/
#container .list li .order-left {
width: 100%;
float: none;
}
#container .list li .order-right {
width: 100%;
float: none;
text-align: left;
}
#container .list li .timeOn {
margin-top: 5px;
}
/*-- My Cart --*/
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
width: 64%;
}
#container .list li .title {
overflow: hidden;
}
/*-- Payment --*/
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
width: 59%;
}
/*-- Invoice --*/
.invoice-box table tr.information table td {
width: 100%;
display: block;
text-align: center;
}
.invoice-box table tr.top table td {
width: 100%;
display: block;
text-align: center;
}
.invoice-footer emailC {
display: initial;
}
/*-- //My Sales Report --*/
#container .list li .list-left-report form#statusInform {
width: 100%;
}
}
@media (max-width: 480px) {
.main-banner,.banner {
min-height: 180px;
padding: 30px 0 0 0;
}
.banner h1 {
font-size: 26px;
}
.banner p {
margin: 5px 0 20px 0;
font-size: 13px;
}
.banner a {
font-size: 15px;
padding: 6px 20px;
}
.logo a {
font-size: 45px;
}
.header-right {
display: none;
}
.container2 {
height: 0;
}
.header {
padding: 0px 0 5px;
margin-bottom: 0;
}
.menu-right {
display: none;
}
a.menu {
display: none;
}
a.account {
margin-top: 10px;
font-size: 15px;
padding: 0;
background: transparent;
color: #6D6D6D;
}
a.account:hover {
background: transparent;
color: #6D6D6D;
}
/*-- Modal Select Region --*/
.modal-lg {
width: 420px;
padding: 15px 27px;
}
.modal-title {
font-size: 26px;
}
.modal-header {
padding: 25px 0 15px 0;
}
.modal-dialog {
width: 390px;
}
span.active.uls-trigger, .btn-primary {
margin-top: 10px;
}
/*-- Back To Top Button --*/
#backtotop {
display: none;
}
#backtotop {
bottom: 35%;
}
/*-- Mobile Menu Bar --*/
.nav-collapse span.logobutton {
display: block;
background: #01A185;
border-radius: 3px;
float: right;
}
.nav-collapse span.sidemenubutton {
display: block;
background: #01A185;
border-radius: 3px;
float: left;
}
.sidenav .closebtn, .sidemenunav .closemenubtn {
padding: 8px 15px 8px 15px;
}
/*-- // Mobile Menu Bar --*/
/*-- Focus Menu(Main Page) --*/
.focus-image i {
font-size: 35px;
width: 75px;
height: 75px;
line-height: 75px;
}
.focus-grid {
width: 33.333%;
height: 50%;
}
.focus-layout {
padding: 16px 0px 16px 0;
}
/*-- Most Recent Ads --*/
.col-md-3.biseller-column {
width: 50%;
}
.col-md-3.biseller-column:nth-child(3) {
display: none;
}
.trending-ads {
padding: 30px 0 50px 0px;
}
/*-- Footer --*/
.col-md-3.footer-grid {
width: 100%;
height: auto;
margin: 0;
}
.col-md-3.footer-grid:nth-child(2) {
margin-bottom: 0px;
}
.col-md-3.footer-grid:nth-child(3) {
margin-top: 0px;
margin-bottom: 0px;
}
.col-md-3.footer-grid:nth-child(4) {
margin-top: 0px;
margin-bottom: 0px;
}
h4.footer-head {
margin-bottom: 10px;
}
ul.location li:nth-child(2) {
width: 91%;
margin-top: 5px;
}
.footer-logo a:before {
width: 27%;
top: 54%;
}
.footer-logo a:after {
width: 27%;
top: 54%;
}
.footer-top {
padding: 10px 0 30px 0;
}
.footer-bottom {
text-align: center;
}
.copy {
float: none;
margin-bottom: 10px;
}
.copy p {
text-align: center;
line-height: 150%;
}
.f-list2 {
float: none;
border: 1.5px solid #efefef;
border-radius: 5px;
padding: 0;
width: 95%;
}
.f-list2 li{
margin: 0;
margin-bottom: 3px;
padding: 6px 8px;
border: none;
width: initial;
}
.f-list2 li:hover {
border: none;
background: none;
color: white;
}
.f-list2 li a {
padding: 6px 0;
}
/*-- //Footer --*/
/*-- Product All --*/
.ads-list select, #custom-search-input {
width: 69.5%;
}
.search-hotel input[type="text"] {
width: 100%;
}
#container .list li {
padding: 10px;
}
#container .grid li {
width: 46%;
}
.view-controls-list,.view-controls-grid {
width: 30%;
}
#container .list li .list-right {
width: 100%;
}
#container .list li .list-left {
width: 72%;
margin-left: 3%;
}
#container .list li img {
width: 25%;
}
h5.title {
height: 40px;
}
.product-view h2 {
font-size: 22px;
}
.item-price, .cal-price, .cart-cal-price {
margin-top: 18%;
}
.item-price:before, .cal-price:before, .cart-cal-price:before {
left: 26.5%;
border-right-width: 60px;
top: -189px;
}
.btn {
margin-bottom: 0;
}
#container .list li .title {
overflow: hidden;
}
/*-- Slider range --*/
.featured-ad {
width: 46%;
float: left;
margin: 2% 2%;
}
.featured-ad:nth-child(3){
display:none;
}
/*-- review-page --*/
.product-review-image {
width: 100%;
margin-bottom: 20px;
}
.product-review-details h2 {
text-align: center;
}
.product-review-details table {
margin: 0 auto;
}
/*-- Contact --*/
form#filldetails {
width: 90%;
}
form.submit input[type="submit"] {
padding: 0.4375em 2.1875em;
font-size: 0.8667em;
}
form .field label + span {
top: 0.375em;
left: 1.5%;
font-size: 1.1875em;
}
.upload {
width: 90%;
}
/*-- Popular-searches --*/
.popular-regions ul li {
width: 50%;
}
.popular-category {
width: 50%;
}
.tags p {
font-size: 0.85em;
}
/*-- How It Works --*/
span.arrow2 {
DISPLAY: NONE;
}
.work-section-grid {
width: 50%;
MARGIN-TOP: 5EM;
}
.work-section-grid h4 {
margin-top: 15px;
font-size: 18px;
}
.happy-clients-head h3 {
font-size: 30px;
}
.happy-clients-head p {
font-size: 15px;
margin-top: 10px;
}
.happy-clients-grids {
margin-top: 2.5em;
}
.happy-clients {
padding: 40px 0;
}
.happy-clients-grid p {
font-size: 12.5px;
}
/*-- Sign In Page --*/
.graphs {
padding: 30px 0 50px;
}
.sign-in-form {
width: 90%;
}
.btmline span:before, .btmline span:after {
width: 46%;
}
.acount-btn {
padding: 0.6250em 0;
}
.sign-in-form-account {
width: 100%;
}
.sign-in-form input[type="submit"] {
font-size: 0.8125em;
padding: 0.5333em 0;
float: right;
width: 100%;
}
/*-- my account --*/
.my-acount-head p {
width: 90%;
}
#mytable td {
padding: 0.6250em 1.125em;
}
#mytable th {
padding: 0.6250em 1em;
}
.flex-child {
padding: 0.6250em 1.25em;
}
/*-- Sign Up Page --*/
.new_people a {
padding: 10px 25px;
font-size: 15px;
}
/*-- Edit Password --*/
.edit-password input[type="submit"] {
width: 100%;
}
/*-- My Cart --*/
.order-listcenter a.start2{
display: initial;
padding: 0.375em 1.5em;
}
.order-listcenter a.start1{
display: none;
}
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
width: 64%;
}
#container .list li .list-left span.order_delete a {
width: 64%;
text-decoration: none;
display: inline-block;
}
#container .list li .list-right-order i {
display: none;
}
/*-- Payment --*/
#container .list li .list-left-product {
width: 94%;
margin: 0 3%;
float: left;
}
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay {
width: 58%;
}
#container .list li .list-left-product span.order_delete a {
width: 58%;
text-decoration: none;
display: inline-block;
}
/*-- My Order Details --*/
#container .list li .list-left span.order_receive a {
width: 50%;
text-decoration: none;
display: inline-block;
}
/*-- //My Sales Report --*/
#container .list li .list-left-report {
width: 60%;
}
/*-- Sign Up Page --*/
.sign-up h2 {
margin: 0 0 0.5em;
}
.sign-up {
width: 90%;
}
.sign-up2 {
width: 65%;
}
.sign-up1 {
width: 35%;
}
/*-- Regions --*/
h2.head {
font-size: 28px;
margin: 25px 0;
}
.state h3 {
font-size: 19px;
}
.sun-regions ul li {
width: 32%;
margin: 0 0 5px 0;
}
.sun-regions ul li a {
font-size: 13px;
}
.region-block {
padding: 25px 0px;
}
.sitemap-regions h4 {
font-size: 22px;
}
/*-- faq --*/
p.m_13 {
font-size: 13px;
line-height: 26px;
}
/*-- Feedback --*/
.feed-back-form input[type="text"], .feed-back-form textarea, .feed-back-form input[type="submit"]{
width: 90%;
}
/*-- Privacy --*/
.privacy p {
font-size: 13px;
}
/*-- success-info --*/
.success-info .userdetailborder th {
padding: 0.6250em 1em;
}
/*-- Categories --*/
.sub-categories ul li {
margin: 10px 0;
width:100%;
}
/*-- Mobile --*/
.app-right {
margin-top: 20px;
width: 100%;
padding-left: 15px;
}
.app-button {
width: 35%;
}
.app-devices a img {
border-bottom: none;
}
.app-devices h5 {
margin-bottom: 0;
}
.app-left img {
width: 100%;
margin-top: 10%;
border-bottom: 1px solid #788B9E;
}
.app-left {
width: 50%;
margin-left: 25%;
}
.app-left h2 {
font-size: 27px;
line-height: 30px;
}
.app-left p {
margin: 10px 0 0px 0;
font-size: 14px;
}
.app-bottom-grid h3 {
font-size: 26px;
margin: 15px 0 0px 0;
}
.app-bottom-grid {
padding: 20px 10px;
width: 46%;
margin: 2% 2%;
}
.col-md-7.app-image {
width: 100%;
margin: 12% auto 0;
padding: 0;
}
.app {
padding: 40px 0px;
}
.mobile-app {
padding: 30px 0;
}
/*-- //Mobile --*/
/*--typography--*/
h3.head-top {
font-size: 1.8em;
}
.grid_3 {
background-color: #fff;
padding: 1em;
}
div#home {
padding: 0em 0 0;
}
.grid_3 p {
margin-bottom: 0em;
}
.label {
font-weight: 400;
line-height: 2.2em;
}
.but_list h1, .but_list h2, .but_list h3 {
margin-bottom: 0em;
}
.but_list h4, .but_list h5, .but_list h6 {
margin-bottom: 1em;
}
.pagination {
margin: 10px 0;
}
.mpl {
width: 100%;
margin-left:0;
}
}
@media (max-width: 414px){
.main-banner, .banner {
padding: 15px 0 0 0;
}
.header-right {
display: none;
}
/*-- Modal Select Region --*/
.modal-lg {
width: 380px;
padding: 15px 27px;
}
.uls-wide {
min-width: 380px;
}
span.checkbox1 {
width: 56%;
}
/*-- Page Search --*/
.pagesearch input[type="search"] {
width: 70%;
}
/*-- focus(Main Page) --*/
.focus-grid {
width: 50%;
}
.focus-layout {
padding: 16px 5px 16px 5px;
}
/*-- Footer --*/
ul.location li:nth-child(2) {
width: 89%;
}
.copyrights p {
font-size: small;
color: #666666;
text-align: center;
}
.footer-logo a:before {
width: 21%;
top: 53%;
}
.footer-logo a:after {
width: 21%;
top: 53%;
}
.f-list2 {
width: auto;
}
.f-list2 li{
margin: 0 1px;
margin-top: 3px;
margin-bottom: 6px;
padding: 0 5px;
}
/*-- Contact --*/
form .field label + span {
top: 0.625em;
left: 0.75%;
font-size: 1.0em;
}
#drop a {
padding: 9px 20px;
font-size: 15px;
letter-spacing: 1px;
}
/*-- Product All --*/
.search-hotel input[type="text"] {
width: 100%;
}
.ads-list select, #custom-search-input {
width: 84.5%;
}
.view-controls-list, .view-controls-grid {
width: 33%;
}
/*-- Slider range --*/
.featured-ad {
width: 75%;
margin: 2% 12.5%;
}
.featured-ad-left {
width: 36%;
}
/*-- Single Product --*/
p.p-price, p.sub-total {
margin-left: 10px;
}
.cal-price, .cart-cal-price {
margin-top: 16%;
}
.item-price:before {
left: 27.5%;
border-right-width: 49px;
top: -185px;
}
.cal-price:before,
.cart-cal-price:before {
left: 27.5%;
border-right-width: 49px;
top: -184px;
}
/*-- Review Page --*/
.product-review-details th {
width: 45%;
padding: 0.6250em 0;
}
.product-review-details input[type="number"] {
width: 100%;
}
.reviewInfo, .checkout, .continueShop,
.cart-checkout, .cart-continueShop, .cart-continueShop2 {
padding: 15px 0;
}
.reviewInfo {
display: none;
}
.reviewInfo2 {
display: block;
padding: 15px 0;
margin: 0 auto;
}
.continueShop, .cart-continueShop {
display: block;
}
.continueShop2, .cart-continueShop2 {
display: none;
}
/*-- How It Works --*/
.happy-clients-grid {
padding: 1.5em 1em;
}
.client {
width: 20%;
margin-right: 5%;
}
.client-info {
width: 75%;
}
/*-- Sign In Page --*/
.signin-rit p {
margin-top: 4px;
}
/*-- Sign Up Page --*/
.sign-up1 {
width: 100%;
}
.sign-up2 {
width: 100%;
}
.sign-up2 input[type="text"],.sign-up2 input[type="password"],.sign-up2 input[type="password"] {
margin: 0 0 0 0;
}
.sign-up1 h4 {
margin: 1.6em 0 0.5em;
}
.sign-up input[type="submit"] {
font-size: 0.8em;
}
.sub_home_left {
width: 35%;
}
/*-- Region --*/
.state.col-md-3 {
width: 100%;
margin-bottom: 5%;
}
.sun-regions ul li {
width: 49%;
}
/*-- Terms of use --*/
.panel-title {
font-size: 17px;
}
.panel-heading {
padding: 15px 10px;
}
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
width: 70%;
}
/*-- Payment --*/
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay {
width: 64%;
}
#container .list li .list-left-product span.order_delete a {
width: 64%;
text-decoration: none;
display: inline-block;
}
/*-- Invoice --*/
.inv-continueShop {
display: none;
}
.inv-continueShop2 {
display: block;
}
/*-- Invoice Print --*/
.invoice-box table tr.addrsInfo table td {
width: 50%;
}
.invoice-box table tr.logoTime table td {
width: 50%;
}
/*-- My Order Details --*/
.orderDetails table.showdata1 {
display: none;
}
.orderDetails table.showdata2 {
display: table;
}
#container .list li .list-left span.order_receive a {
width: 72%;
text-decoration: none;
display: inline-block;
}
/*-- My Sales --*/
.m-order h3, .m-prodt h3 {
text-align: center;
}
.m-order a , .m-prodt a {
font-size: 1em;
}
.m-order a span:after, .m-prodt a span:after {
display: none;
}
.m-order a:hover span, .m-prodt a:hover span {
padding-right: 0;
}
/*-- Categories --*/
.category-info h4 {
font-size: 19px;
}
.category-info {
width: 59%;
}
.category-img {
width: 41%;
}
.category {
padding: 20px 15px;
}
/*-- Mobile --*/
.app-devices {
width: 70%;
}
.app-bottom-grid {
padding: 20px 20px 25px;
width: 100%;
margin: 2% 0%;
}
.app-button {
width: 45%;
}
/*-- //Mobile --*/
}
@media (max-width: 375px){
.header-right {
display: none;
}
a.menu {
display: none;
}
a.account {
font-size: 14px;
text-align: center;
float: none;
display: block;
}
/*-- Modal Select Region --*/
span.active.uls-trigger, .btn-primary {
margin-top: 15%;
text-align: center;
float: right;
display: block;
margin-right: 44%;
width: 120%;
}
.selectregion {
float: right;
text-align: center;
margin-top: -5%;
margin-right: -7%;
margin-left: 0%;
width: 100%;
}
.btn-primary {
padding: 0 0 0 12px;
}
.uls-wide {
min-width: 340px;
}
.modal-lg {
width: 340px;
}
.modal-title {
font-size: 24px;
}
/*-- Mobile Menu Bar --*/
.sidenav a, .sidemenunav a {
padding: 8px 8px 8px 12px;
}
.sidemenunav .sidemenusearch {
padding: 0px 8px 15px 15px;
}
.sidenav .closebtn, .sidemenunav .closemenubtn {
padding: 4px 4px 4px 4px
}
/*-- // Mobile Menu Bar --*/
/*-- Footer --*/
.footer-logo a:before {
width: 19%;
top: 53%;
}
.footer-logo a:after {
width: 19%;
top: 53%;
}
/*-- //Footer --*/
/*-- Contact --*/
form .field label + span {
top: 0.75em;
left: 0.75%;
font-size: 0.9375em;
}
/*-- Product All --*/
.view-controls-list, .view-controls-grid {
width: 100%;
}
.pagination > li > a.active, .pagination > li > .active a,
.pagination-sm>li>a, .pagination-sm>li>span {
padding: 6px 8px;
font-size: 11px;
}
.ads-list select, #custom-search-input {
width: 95.5%;
}
/*-- Slider range --*/
.featured-ad {
width: 80%;
margin: 2% 10%;
}
/*-- Single Product --*/
.product-view p {
font-size: 11px;
word-spacing: 1px;
}
/*-- Review Page --*/
.product-view h2 {
font-size: 19px;
}
.item-price:before {
left: 22.5%;
border-right-width: 44px;
top: -182px;
}
.cal-price:before,
.cart-cal-price:before {
left: 25%;
border-right-width: 44px;
top: -182px;
}
/*-- Popular Search --*/
.popular-regions ul li {
width: 100%;
}
.popular-category {
width: 100%;
}
/*-- Sign In Page --*/
.signin {
padding: 2em 1.5em;
}
/*-- Region --*/
.sitemap-region ul {
margin-left: 0;
}
.sitemap-region-grid {
width: 100%;
}
/*-- Faq --*/
.faq-list_h {
margin: 0 0 10px;
padding: 0 0 0 25px;
}
/*-- Categories --*/
span.total {
font-size: 12px;
padding: 8px 15px;
margin: 3% 3%;
width: 94%;
}
/*-- Mobile --*/
.app-left h2 {
font-size: 23px;
line-height: 28px;
}
.app-devices h5 {
font-size: 20px;
}
.app-devices {
width: 85%;
}
/*-- //Mobile --*/
}
@media (max-width: 320px){
.main-banner, .banner {
min-height: 200px;
}
.banner h1 {
font-size: 22px;
}
.banner p {
font-size: 12.5px;
}
.header-right {
display: none;
}
a.menu {
display: none;
}
a.account {
font-size: 14px;
text-align: center;
float: none;
display: block;
}
/*-- Modal Select Region --*/
span.active.uls-trigger, .btn-primary {
margin-top: 15%;
text-align: center;
float: right;
display: block;
margin-right: 44%;
width: 120%;
}
.selectregion {
float: right;
text-align: center;
margin-top: -5%;
margin-right: -7%;
margin-left: 0%;
width: 100%;
}
.modal-lg {
width: 300px;
}
.modal-content {
padding: 0px;
}
.modal-title {
font-size: 22px;
}
.modal-body {
padding: 20px 15px 5px;
}
.uls-wide {
min-width: 300px;
}
span.checkbox1 {
width: 70%;
}
input[type=file] {
width: 100%;
}
/*-- Page Search --*/
.pagesearch input[type="search"] {
width: 60%;
}
/*-- Mobile Menu Bar --*/
.nav-collapse span.logobutton {
padding-top: 0;
}
/*-- Footer --*/
ul.location li:nth-child(2) {
width: 85%;
font-size: 0.8em;
}
.footer-logo a:before {
width: 14%;
}
.footer-logo a:after {
width: 14%;
}
.footer-bottom {
text-align: center;
}
.copy {
float: none;
margin-bottom:10px;
}
.copy p {
text-align: center;
line-height: 150%;
}
.f-list2 {
float: none;
margin: 0 auto;
}
.f-list2 li{
margin-bottom: 0;
text-align: center;
border-radius: 10px;
padding: 0;
text-decoration: none;
}
.f-list2 li:hover{
border: 1px outset #01a185;
background: #01ba9a;
}
.f-list2 li a:hover{
text-decoration: none;
}
.f-list2 li:nth-child(4){
margin-bottom: 3px;
}
footer.diff {
padding: 0 15px;
}
/*-- //Footer --*/
/*-- Product All --*/
.nav-tabs>li>a {
font-size: 16px;
padding: 10px 10px;
}
.ads-list select, #custom-search-input {
width: 99.5%;
}
.select-box {
padding: 25px 15px;
margin: 35px 0;
}
.btn-group.bootstrap-select.show-tick button {
width: 93%;
}
.pagination > li > a.active, .pagination > li > .active a,
.pagination-sm>li>a, .pagination-sm>li>span {
padding: 4px 6px;
font-size: 10px;
}
.pagination-sm>li>a:hover, .pagination-sm>li>span:hover {
border: 1px solid #3c4348;
}
.search-hotel input[type="text"] {
width: 100%;
}
/*-- Slider range --*/
.ads-grid {
margin: 20px 0 30px 0;
}
.featured-ad {
width: 100%;
margin: 2% 0%;
}
/*-- Categories --*/
span.total {
font-size: 11px;
padding: 8px 10px;
}
/*-- Single Product --*/
p.p-price, p.sub-total {
margin-left: 0;
}
.interested h4 {
font-size: 17px;
}
.interested {
padding: 40px 0px;
}
.single-page {
padding: 25px 0;
}
.product-desc {
margin-top: 20px;
}
/*-- Review Page --*/
.reviewInfo a, .reviewInfo2 a {
padding: 6px 0;
}
.reviewInfo a span:after, .reviewInfo2 a span:after {
display: none;
}
.reviewInfo a:hover span, .reviewInfo2 a:hover span {
padding-right: 0;
}
.checkout a, .continueShop a,
.cart-checkout a, .cart-continueShop a, .cart-continueShop2 a {
padding: 6px 0;
}
h3.totalPay, h3.rate {
font-size: 24px;
}
.item-price {
margin-top: 18%;
}
.cal-price, .cart-cal-price {
margin-top: 20%;
}
.item-price:before, .cal-price:before, .cart-cal-price:before {
left: 22%;
border-right-width: 37px;
top: -179px;
}
/*-- Contact --*/
form#filldetails {
width: 100%;
}
form.submit input[type="submit"] {
padding: 0.375em 1.875em;
font-size: 0.8667em;
}
#drop a {
padding: 8px 10px;
font-size: 14px;
letter-spacing: 0px;
}
.upload h3.tlt {
margin-top: 5px;
font-size: 20px;
}
.contact section {
margin: 30px auto 30px;
}
/*-- Post Ads --*/
.post-ad-form {
padding: 25px 15px;
}
/*-- Feedback --*/
.feed-back-form span {
font-size: 0.8125em;
}
/*-- Sign In Page --*/
.sign-in-form-account {
width: 100%;
}
.btmline span:before, .btmline span:after {
width: 44%;
}
/*-- Profile Update--*/
.post-profile-form {
padding: 25px 15px;
}
/*--// Profile Update--*/
/*-- My Cart --*/
section.list-left form#quantityAdd .numbers-row .inc.button,
section.list-left form#quantityAdd .numbers-row .dec.button,
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
}
section.list-left form#quantityAdd .buttons .quanSubmitButton,
#container .list li .list-left span.order_delete a {
width: 82%;
}
/*-- Payment --*/
section.list-left-product form#quantityAdd .numbers-row .inc.button,
section.list-left-product form#quantityAdd .numbers-row .dec.button,
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
}
section.list-left-product form#quantityAdd .buttons .quanSubBtnPay,
#container .list li .list-left-product span.order_delete a {
width: 73%;
}
/*-- My Order Details --*/
#container .list li .list-left span.order_receive a {
width: 100%;
}
/*-- my account --*/
#mytable td {
padding: 0.6250em 1.125em;
}
#mytable th {
padding: 0.6250em 1em;
}
/*-- My Order --*/
#container .list li .orderID a {
padding: 2px 10px;
}
#container .list li .orderID a span:after {
display: none;
}
#container .list li .orderID a:hover span {
padding-right: 0;
}
#container .list li .orderID a:hover span:after {
opacity: 0;
right: 5px;
}
/*-- Region --*/
h2.head {
font-size: 27px;
margin: 22px 0;
}
/*-- Terms of use --*/
.panel-body p {
padding: 0;
margin-left: 5px;
}
/*-- Invoice --*/
.inv-print a {
padding-left: 10px;
}
/*-- Categories --*/
.category {
padding: 20px 0px;
}
/*-- Mobile --*/
.app-button {
width: 50%;
}
.app-button img {
width: 99%;
}
.app-left {
width: 75%;
margin-left: 12.5%;
}
/*-- //Mobile --*/
.mpl {
width: 100%;
margin-left: 0;
}
}