Spaces:
No application file
No application file
/*-- | |
Author: W3layouts | |
Author URL: http://w3layouts.com | |
License: Creative Commons Attribution 3.0 Unported | |
License URL: http://creativecommons.org/licenses/by/3.0/ | |
--*/ | |
html, body{ | |
font-size: 100%; | |
font-family: 'Century Gothic'; | |
background:#ffffff; | |
font-weight:700; | |
font-size:14px; | |
} | |
ul li,ol li{ | |
font-size:14px; | |
font-weight:1000; | |
} | |
p{ | |
margin:0; | |
} | |
h1,h2,h3,h4,h5,h6,a{ | |
font-family: 'Century Gothic'; | |
margin:0; | |
font-weight:1000; | |
} | |
ul,label{ | |
margin:0; | |
padding:0; | |
} | |
body a:hover{ | |
text-decoration:none; | |
} | |
/*-- header --*/ | |
span.glyphicon.glyphicon-shopping-cart.my-cart-icon.my-cart-icon-affix { | |
position: relative ; | |
} | |
.btn-danger { | |
color: #fff; | |
background-color: #3399cc; | |
border-color: #3399cc; | |
} | |
.modal-dialog { | |
width: 850px; | |
margin:75px auto 30px; | |
} | |
.snipcart-thumb a { | |
display: block; | |
text-align: center; | |
} | |
.my-cart-icon-affix i { | |
background: #0066ff ; | |
} | |
.agile_top_brand_left_grid { | |
position: relative; | |
display: block; | |
} | |
i.badge.badge-notify.my-cart-badge { | |
font-style: normal; | |
background: #3399cc; | |
font-size: 14px; | |
position: absolute; | |
top: -10px; | |
right:-22px; | |
} | |
.product_list_header span { | |
font-size: 1em; | |
color: #fff; | |
top: 1em; | |
} | |
input[type="submit"],#PPMiniCart .minicart-submit,.w3ls_vegetables ul li a,input[type="reset"],.agileinfo_mail_grid_left ul li a,.events_bottom_left2 ul li a,.w3ls_service_grids1_right a,ul.agileits_social_icons li a,.w3l_banner_nav_right_banner_pet a,.w3ls_w3l_banner_nav_right_grid_head_grid ul li a,.products-breadcrumb ul li a,.w3_footer_grid ul li a,.w3l_fresh_vegetables_grid ul li a,.wthree_footer_copy p a,.agile_top_brand_left_grid1 .button,.w3ls_logo_products_left1 ul.special_items li a,.w3ls_logo_products_left1 ul.phone_email li a{ | |
transition: .5s ease-in; | |
-webkit-transition: .5s ease-in; | |
-moz-transition: .5s ease-in; | |
-o-transition: .5s ease-in; | |
-ms-transition: .5s ease-in; | |
} | |
.agileits_header { | |
background: #333333; | |
padding: 12px 0; | |
} | |
.w3l_offers { | |
float: left; | |
padding: 9px 0; | |
width: 47%; | |
} | |
.w3l_offers p { | |
font-size: 15px; | |
color: #fff; | |
} | |
.w3l_offers p a { | |
color: #0066ff; | |
text-decoration: none; | |
} | |
.w3l_search { | |
float: right; | |
width: 25.33%; | |
margin: 0em 0 0em 0em; | |
} | |
.w3l_search input[type="search"] { | |
width: 83%; | |
padding:10px; | |
font-size: 14px; | |
color: #999; | |
outline: none; | |
border: 1px solid #cccccc; | |
background: none; | |
-webkit-appearance: none; | |
transition: 0.5s all; | |
-webkit-transition: 0.5s all; | |
-moz-transition: 0.5s all; | |
} | |
i.fa.fa-angle-right { | |
font-size: 15px; | |
margin-right: 5px; | |
} | |
i.fa.fa-phone { | |
margin-right: 10px; | |
font-size: 20px; | |
} | |
button.btn.btn-default.search { | |
background: #0066ff; | |
padding: 11px 12px 11px; | |
float: right; | |
outline: none; | |
border: none; | |
} | |
button.btn.btn-default.search:hover { | |
background:#333; | |
} | |
.agile-login { | |
float: left; | |
width: 40%; | |
text-align: center; | |
padding: 9px 0; | |
} | |
.agile-login ul li { | |
display: inline-block; | |
padding: 0em 1em; | |
} | |
.agile-login ul li a { | |
font-size: 1em; | |
text-transform: capitalize; | |
color: #fff; | |
text-decoration: none; | |
} | |
.w3l_search input[type="search"] { | |
margin-top:0px; | |
} | |
.w3l_search i.fa.fa-search { | |
font-size: 17px; | |
color:#fff; | |
} | |
button.w3l_search { | |
border: none; | |
position: absolute; | |
top: 4px; | |
right: 11px; | |
width: 47px; | |
height: 43px; | |
outline: none; | |
box-shadow: none; | |
background:#00e58b; | |
padding: 0; | |
border-radius: inherit; | |
-webkit-appearance: none; | |
-webkit-transition: .5s all; | |
-moz-transition: .5s all; | |
transition: .5s all; | |
} | |
.btn-default:hover { | |
background-color:#000; | |
border:none; | |
} | |
.cart-wthree .fa { | |
font-size: 34px; | |
margin-top: 7px; | |
} | |
button.w3view-cart { | |
background: transparent; | |
border: none; | |
} | |
button.w3view-cart:focus{ | |
outline:none; | |
} | |
.logo_products { | |
padding: 2em 0; | |
} | |
.w3ls_logo_products_left { | |
float: left; | |
text-align: center; | |
width: 100%; | |
} | |
.w3ls_logo_products_left h1 a{ | |
font-size: 40px; | |
color: #0066ff; | |
text-decoration: none; | |
text-transform: uppercase; | |
display: block; | |
line-height: 1; | |
} | |
.w3ls_logo_products_left1 { | |
float: left; | |
margin-top: 0.6em; | |
width: 33.33%; | |
} | |
.w3ls_logo_products_left1 ul.phone_email li{ | |
display:inline-block; | |
color:#212121; | |
} | |
/*-- //header --*/ | |
.navbar-default .navbar-nav > li > a { | |
color: #fff; | |
font-size: 16px; | |
font-weight: 500; | |
} | |
.logo-nav-left1 ul li.active a.act{ | |
color:#fff ; | |
} | |
.multi-column-dropdown li a { | |
color: #999 ; | |
} | |
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { | |
background-color: transparent; | |
color: #fff ; | |
} | |
.navbar-default .navbar-collapse, .navbar-default .navbar-form { | |
border: none; | |
} | |
.navbar { | |
position: relative; | |
min-height: 50px; | |
margin-bottom: 10px; | |
border: 1px solid transparent; | |
} | |
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { | |
color: #fff; | |
} | |
.navbar-default { | |
background: none; | |
border: none; | |
} | |
.navbar-collapse { | |
padding: 0; | |
} | |
ul.multi-column-dropdown h6 { | |
font-size: 20px; | |
color:#0066ff; | |
margin: 0 0 0em; | |
padding-bottom: 1em; | |
border-bottom: 1px solid #E4E4E4; | |
text-transform: capitalize; | |
} | |
.multi-column-dropdown li { | |
list-style-type: none; | |
margin: 14px 0; | |
} | |
.multi-column-dropdown li a { | |
display: block; | |
clear: both; | |
line-height: 1.428571429; | |
color: #999 ; | |
white-space: normal; | |
font-weight:500 ; | |
} | |
.dropdown-menu.columns-3 { | |
min-width: 190px; | |
padding: 20px 30px; | |
} | |
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { | |
background: none; | |
border: none; | |
} | |
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { | |
background-color: transparent; | |
} | |
.nav > li > a:hover, .nav > li > a:focus { | |
background: none; | |
color:#fff ; | |
} | |
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { | |
color: #fff; | |
} | |
.multi-gd-img img { | |
width: 100%; | |
} | |
.navigation-agileits { | |
background: #0066ff; | |
} | |
.navbar-nav > li { | |
float: left; | |
margin-left: 17px; | |
} | |
.navbar-nav > li:nth-child(1) { | |
margin-left: 0px; | |
} | |
/*-- banner --*/ | |
.navbar-collapse { | |
padding: 0; | |
box-shadow: none; | |
} | |
.navbar { | |
margin-bottom: 0; | |
border: none; | |
} | |
/*-- cart --*/ | |
/*-- cart-box --*/ | |
.w3view-cart { | |
background: #3399cc; | |
border: none; | |
-webkit-border-radius: 50%; | |
-moz-border-radius: 50%; | |
-o-border-radius: 50%; | |
-ms-border-radius: 50%; | |
border-radius: 50%; | |
width: 40px; | |
height: 40px; | |
text-align: center; | |
outline: none; | |
} | |
.w3view-cart i.fa { | |
font-size: 24px; | |
color: #ffffff; | |
vertical-align: middle; | |
} | |
/*-- //cart-box --*/ | |
/*-- top-brands --*/ | |
.tag { | |
position: absolute; | |
top: -1%; | |
right: 10%; | |
} | |
.top-brands h2,.newproducts-w3agile h3,.login h2,.register h2,.faq-w3agile h3,.brands h3{ | |
text-align:center; | |
color:#212121; | |
padding-bottom:.5em; | |
position:relative; | |
font-size: 2.5em; | |
text-transform: uppercase; | |
} | |
.top-brands h2:after,.newproducts-w3agile h3:after,.login h2:after,.register h2:after,.faq-w3agile h3:after,.brands h3:after{ | |
content: ''; | |
background: #3399cc; | |
height: 2px; | |
width: 15%; | |
position: absolute; | |
bottom: 0%; | |
left: 43%; | |
} | |
.agile_top_brand_left_grid{ | |
background: #FFFFFF; | |
padding: .5em; | |
position:relative; | |
} | |
.agile_top_brand_left_grid_pos{ | |
position:absolute; | |
top:0%; | |
right:0%; | |
} | |
.agile_top_brand_left_grid1{ | |
padding:1em; | |
} | |
.agile_top_brand_left_grid1 img{ | |
margin:0 auto; | |
} | |
.top-brands{ | |
background: #f5f5f5; | |
padding:5em 0; | |
} | |
.agile_top_brand_left_grid1 p{ | |
color:#212121; | |
margin:1.5em 0 1em; | |
line-height:1.5em; | |
text-transform:capitalize; | |
font-size:14px; | |
text-align: center; | |
} | |
.agile_top_brand_left_grid1 h4,.agileinfo_single_right_snipcart h4{ | |
font-weight:600; | |
font-size:1em; | |
color:#212121; | |
text-align: center; | |
} | |
.agile_top_brand_left_grid1 h4 span,.agileinfo_single_right_snipcart h4 span{ | |
font-weight:300; | |
text-decoration:line-through; | |
padding-left:1em; | |
} | |
/*-- cart --*/ | |
.product_list_header { | |
float: right; | |
} | |
.snipcart-details { | |
text-align: center; | |
margin: 1.5em auto 1em; | |
width:77%; | |
} | |
.btn-danger.my-cart-btn:focus { | |
outline: none; | |
} | |
.snipcart-details input.button { | |
font-size: 14px; | |
color: #fff; | |
background: #3399cc; | |
text-decoration: none; | |
position: relative; | |
border: none; | |
border-radius: 0; | |
width: 100%; | |
text-transform: uppercase; | |
padding: .5em 0; | |
outline: none; | |
} | |
.agile_top_brand_left_grid:hover .snipcart-details input.button,.snipcart-details input.button:hover{ | |
background: #0066ff; | |
} | |
.product_list_header input.button { | |
color: #fff; | |
font-size: 14px; | |
outline: none; | |
text-transform: capitalize; | |
padding: .5em 2.5em .5em 1em; | |
border: 1px solid #0066ff; | |
margin: .35em 0 0; | |
background: url(../images/cart.png) no-repeat 116px 9px; | |
} | |
#PPMiniCart form { | |
width: 590px ; | |
padding: 10px 20px 40px ; | |
max-height:450px ; | |
} | |
#PPMiniCart ul { | |
width: 548px ; | |
} | |
#PPMiniCart .minicart-item a { | |
color: #212121 ; | |
font-size: 1em; | |
display: block; | |
margin-bottom: .5em; | |
text-transform: capitalize; | |
} | |
#PPMiniCart .minicart-item { | |
min-height:60px ; | |
} | |
#PPMiniCart .minicart-attributes li { | |
color: #999; | |
} | |
#PPMiniCart .minicart-remove { | |
background: #3399cc ; | |
border: 1px solid #3399cc ; | |
opacity: 1 ; | |
outline:none; | |
} | |
#PPMiniCart .minicart-submit { | |
display: none; | |
} | |
#PPMiniCart .minicart-submit:hover{ | |
background:#0066ff ; | |
border-color: #5b951a ; | |
} | |
#PPMiniCart .minicart-subtotal { | |
padding-left: 25px ; | |
bottom: -17px ; | |
} | |
#PPMiniCart { | |
left: 44% ; | |
} | |
.minicart-showing #PPMiniCart form{ | |
overflow-x: hidden; | |
overflow-y: auto; | |
} | |
#PPMiniCart .minicart-footer { | |
position: relative; | |
width: 80%; | |
} | |
/*-- //cart --*/ | |
.column div.agile_top_brand_left_grid { | |
position: relative; | |
margin:0; | |
} | |
.agile_top_brand_left_grid figure { | |
margin: 0; | |
padding: 0; | |
background:transparent; | |
overflow: hidden; | |
z-index: 0; | |
} | |
/* Shine */ | |
.hover14 figure { | |
position: relative; | |
} | |
.hover14 figure::before { | |
position: absolute; | |
top: 0; | |
left: -75%; | |
z-index: 2; | |
display: block; | |
content: ''; | |
width: 50%; | |
height: 100%; | |
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); | |
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); | |
-webkit-transform: skewX(-25deg); | |
transform: skewX(-25deg); | |
} | |
.hover14 figure:hover::before,.top_brand_left:hover .hover14 figure::before{ | |
-webkit-animation: shine .75s; | |
animation: shine .75s; | |
} | |
@-webkit-keyframes shine { | |
100% { | |
left: 125%; | |
} | |
} | |
@keyframes shine { | |
100% { | |
left: 125%; | |
} | |
} | |
/*-- //top-brands --*/ | |
div#myTabContent { | |
padding: 40px 40px; | |
} | |
.nav-tabs > li { | |
width: 50%; | |
} | |
.nav-tabs>li>a { | |
margin: 0 0px; | |
padding: 10px 53px; | |
line-height: 1.42857143; | |
font-size: 20px; | |
text-align:center; | |
text-transform:uppercase; | |
font-weight: 600; | |
border: 0px solid transparent; | |
border-radius: 0px 0px 0 0; | |
color: #016773; | |
} | |
.nav-tabs>li>a:hover, .nav>li>a:focus { | |
text-decoration: none; | |
background: #0066ff; | |
color: #FFF; | |
border: 0px solid transparent; | |
} | |
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { | |
color: #FFF; | |
background: #0066ff; | |
border: 0px solid transparent; | |
} | |
.nav-tabs { | |
border-bottom: 1px solid #fff; | |
} | |
.grid_3.grid_5 { | |
margin-top: 5em; | |
border: 1px solid #BEBEBE; | |
} | |
.grid_3.grid_5 h5 { | |
font-size: 20px; | |
color: #000; | |
margin-bottom: 16px; | |
} | |
p.w3l-ad { | |
font-size: 14px; | |
color: #777; | |
width: 42%; | |
line-height: 28px; | |
} | |
.agile_top_brands_grids { | |
margin-top: 40px; | |
} | |
.hover14.column { | |
border: 1px solid #c0bebe; | |
} | |
.stars { | |
text-align: center; | |
margin-bottom: 13px; | |
} | |
i.blue-star { | |
color: #3399cc; | |
} | |
i.gray-star { | |
color: #808080; | |
} | |
/*-- to-top --*/ | |
#toTop { | |
display: none; | |
text-decoration: none; | |
position: fixed; | |
bottom: 20px; | |
right: 2%; | |
overflow: hidden; | |
z-index: 999; | |
width: 32px; | |
height: 32px; | |
border: none; | |
text-indent: 100%; | |
background: url(../images/arrow.png) no-repeat 0px 0px; | |
} | |
#toTopHover { | |
width: 32px; | |
height: 32px; | |
display: block; | |
overflow: hidden; | |
float: right; | |
opacity: 0; | |
-moz-opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
/*-- //to-top --*/ | |
.ban-bottom-w3l { | |
padding: 5em 0; | |
} | |
.ban-bottom1 { | |
float: left; | |
width: 48%; | |
margin-right:2% | |
} | |
.ban-bottom2 { | |
float: left; | |
width: 48%; | |
margin-left:2% | |
} | |
.ban-img { | |
margin-top: 2.1em; | |
} | |
.ban-top{ | |
position: relative; | |
overflow: hidden; | |
} | |
.ban-top img { | |
-moz-transition: all 1s; | |
-o-transition: all 1s; | |
-webkit-transition: all 1s; | |
transition: all 1s; | |
width: 100%; | |
} | |
.ban-top:hover img { | |
-moz-transform: scale3d(1.1, 1.1, 1); | |
-o-transform: scale3d(1.1, 1.1, 1); | |
-ms-transform: scale3d(1.1, 1.1, 1); | |
-webkit-transform: scale3d(1.1, 1.1, 1); | |
transform: scale3d(1.1, 1.1, 1); | |
} | |
.ban-text { | |
position: absolute; | |
top: 50%; | |
left: 25%; | |
background: rgb(254, 145, 38); | |
padding: 10px 30px; | |
} | |
.ban-text1 { | |
position: absolute; | |
top: 40%; | |
left: 25%; | |
background: rgb(254, 145, 38); | |
padding: 10px 30px; | |
} | |
.ban-text h4 { | |
font-size: 22px; | |
color: #fff; | |
} | |
.ban-text1 h4 { | |
font-size: 22px; | |
color: #fff; | |
} | |
.ban-text2 h4 { | |
font-size: 1.5em; | |
color: #fff; | |
} | |
.ban-text2 span{ | |
display:block; | |
line-height:1.5em; | |
} | |
/* Sweep To Top */ | |
.hvr-sweep-to-top { | |
display: inline-block; | |
vertical-align: middle; | |
-webkit-transform: translateZ(0); | |
transform: translateZ(0); | |
box-shadow: 0 0 1px rgba(0, 0, 0, 0); | |
-webkit-backface-visibility: hidden; | |
backface-visibility: hidden; | |
-moz-osx-font-smoothing: grayscale; | |
position: relative; | |
-webkit-transition-property: color; | |
transition-property: color; | |
-webkit-transition-duration: 0.3s; | |
transition-duration: 0.3s; | |
} | |
.hvr-sweep-to-top:before { | |
content: ""; | |
position: absolute; | |
z-index: -1; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
background: #F19E1F; | |
border-radius: 50%; | |
-webkit-border-radius: 60%; | |
-moz-border-radius: 60%; | |
-o-border-radius: 60%; | |
-ms-border-radius: 60%; | |
-webkit-transform: scaleY(0); | |
transform: scaleY(0); | |
-webkit-transform-origin: 50% 100%; | |
transform-origin: 50% 100%; | |
-webkit-transition-property: transform; | |
transition-property: transform; | |
-webkit-transition-duration: 0.3s; | |
transition-duration: 0.3s; | |
-webkit-transition-timing-function: ease-out; | |
transition-timing-function: ease-out; | |
} | |
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { | |
color: white; | |
} | |
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before,.services-grid:hover .hvr-sweep-to-top:before{ | |
-webkit-transform: scaleY(1); | |
transform: scaleY(1); | |
} | |
.ban-text2 { | |
position: absolute; | |
top: 14%; | |
left: 45%; | |
background: #3399cc; | |
padding: 1.5em; | |
border-radius: 60px; | |
text-align: center; | |
width: 18%; | |
} | |
/*--causel--*/ | |
.carousel-indicators { | |
position: absolute; | |
bottom: -45px; | |
left: 48%; | |
z-index: 15; | |
width: auto; | |
padding-left: 0; | |
margin: 0; | |
text-align: center; | |
list-style: none; | |
} | |
.carousel-indicators li { | |
display: inline-block; | |
width: 12px; | |
height: 12px; | |
margin:0 6px; | |
text-indent: -999px; | |
cursor: pointer; | |
background-color: #029241; | |
border: none; | |
border-radius: 10px; | |
} | |
.carousel-indicators .active { | |
background-color: #FAB005; | |
margin: 0 6px; | |
} | |
/*-- footer --*/ | |
.footer { | |
padding: 5em 0 2em; | |
background: #2b2a2a; | |
} | |
.w3_footer_grid h3 { | |
color: #ffffff; | |
font-size: 1.5em; | |
margin-bottom: 1.8em; | |
text-transform: uppercase; | |
} | |
.w3_footer_grid p{ | |
color:#afafaf; | |
line-height:1.8em; | |
margin-bottom:2em; | |
} | |
.w3_footer_grid ul li { | |
list-style-type: none; | |
margin-bottom: 1em; | |
color: #afafaf; | |
font-size: 14px; | |
} | |
.w3_footer_grid ul.address li i { | |
color:#0066ff; | |
border: 1px solid #0066ff; | |
padding: .5em; | |
margin-right: 1em; | |
} | |
.w3_footer_grid ul.address li span { | |
display: block; | |
margin-left: 3em; | |
} | |
.w3_footer_grid ul li a { | |
color: #afafaf; | |
text-decoration: none; | |
} | |
.w3_footer_grid ul li a:hover { | |
color:#0066ff; | |
} | |
.w3_footer_grid h4{ | |
margin:2em 0 1em; | |
font-size:1.2em; | |
color:#ff9b05; | |
} | |
i.fa.fa-arrow-right { | |
color: #0066ff; | |
margin-right: 10px; | |
} | |
.footer-copy1{ | |
position:relative; | |
padding: 2em 0 0; | |
border-bottom: 1px solid #F4F4F4; | |
} | |
.footer-copy-pos{ | |
position: absolute; | |
right: 14%; | |
bottom: -75%; | |
width: 50px; | |
height: 50px; | |
border: 3px solid rgba(254, 155, 5, 0.69); | |
border-radius: 25px; | |
-webkit-border-radius: 25px; | |
-moz-border-radius: 25px; | |
-o-border-radius: 25px; | |
-ms-border-radius: 25px; | |
box-shadow: 0px 0px 15px rgba(255, 155, 5, 0.49); | |
} | |
.footer-copy p{ | |
margin:4em 0 0; | |
text-align:center; | |
color:#999; | |
line-height:1.8em; | |
} | |
.footer-copy p a{ | |
color:#ff9b05; | |
text-decoration:none; | |
} | |
.footer-copy p a:hover{ | |
color:#999; | |
} | |
.w3layouts-foot ul li{ | |
display:inline-block; | |
} | |
.w3layouts-foot ul li a { | |
width: 32px; | |
height: 32px; | |
color: #fff; | |
border: 1px solid #fff; | |
text-align: center; | |
display: inline-block; | |
font-size: 18px; | |
line-height: 32px; | |
border-radius: 50%; | |
} | |
a.w3_agile_facebook:hover{ | |
background:#3b5998; | |
border: 1px solid #3b5998; | |
} | |
a.agile_twitter:hover{ | |
background:#1da1f2; | |
border: 1px solid #1da1f2; | |
} | |
a.w3_agile_dribble:hover{ | |
background:#ea4c89; | |
border: 1px solid #ea4c89; | |
} | |
a.w3_agile_vimeo:hover{ | |
background:#1ab7ea; | |
border: 1px solid #1ab7ea; | |
} | |
.w3layouts-foot { | |
float: left; | |
} | |
.payment-w3ls { | |
float: right; | |
} | |
.footer-botm { | |
background: #393737; | |
padding: 16px 0; | |
} | |
/*-- //footer --*/ | |
.newproducts-w3agile { | |
padding: 5em 0; | |
background: #f5f5f5; | |
} | |
.breadcrumb1 li span { | |
left: 0em; | |
padding-right: 1em; | |
color: #3399cc; | |
} | |
.breadcrumbs { | |
padding: 1.5em 0; | |
background: #f5f5f5; | |
} | |
.breadcrumb { | |
margin-bottom: 0 ; | |
padding: 0 ; | |
} | |
.breadcrumb1 li { | |
font-size: 1em; | |
color: #999; | |
} | |
.breadcrumb1 li a { | |
color: #3399cc; | |
text-decoration: none; | |
} | |
/*-- login --*/ | |
.login-form-grids{ | |
width: 45%; | |
padding: 3em; | |
background:#F7F7F9; | |
margin:3em auto 0; | |
} | |
.login-form-grids input[type="email"],.login-form-grids input[type="password"],.login-form-grids input[type="text"]{ | |
outline: none; | |
border: 1px solid #DBDBDB; | |
padding: 10px 10px 10px 10px; | |
font-size: 14px; | |
color: #999; | |
display: block; | |
width: 100%; | |
} | |
.login-form-grids input[type="password"]{ | |
margin:1em 0 0; | |
} | |
.forgot { | |
margin: 1.5em 0 0; | |
} | |
.login-form-grids input[type="submit"]{ | |
outline: none; | |
border: none; | |
padding: 10px 0; | |
font-size: 1em; | |
color: #fff; | |
display: block; | |
width: 100%; | |
background:#3399cc; | |
margin: 1.5em 0 0; | |
} | |
.login-form-grids input[type="submit"]:hover{ | |
background:#0066ff; | |
} | |
.login-form-grids ::-webkit-input-placeholder{ | |
color:#999; | |
} | |
.forgot a{ | |
color:#212121; | |
font-size:14px; | |
text-decoration:none; | |
} | |
.forgot a:hover{ | |
color:#d8703f; | |
} | |
.login h4{ | |
margin: 2em 0 0.5em; | |
font-size: 1.5em; | |
color: #212121; | |
text-align: center; | |
text-transform: uppercase; | |
} | |
.login p{ | |
font-size:14px; | |
color:#999; | |
line-height:1.8em; | |
margin:0; | |
text-align:center; | |
} | |
.login p a{ | |
color:#0066ff; | |
text-decoration:none; | |
font-size: 1.2em; | |
padding: 0 .5em; | |
} | |
.login p a:hover{ | |
color:#212121; | |
} | |
.login p a span{ | |
top: 0.1em; | |
font-size: .7em; | |
left: 0.3em; | |
} | |
.login { | |
padding: 5em 0; | |
} | |
/*-- //login --*/ | |
/*-- register --*/ | |
.register { | |
padding: 5em 0; | |
} | |
.login-form-grids h5,.login-form-grids h6{ | |
font-size:1em; | |
color:#212121; | |
text-transform:uppercase; | |
margin:0 0 2em; | |
} | |
.login-form-grids input[type="text"]{ | |
background:url(../images/img-sp.png) no-repeat 5px -259px #fff; | |
} | |
.login-form-grids input[type="text"]:nth-child(2){ | |
background:url(../images/img-sp.png) no-repeat 0px -298px #fff; | |
margin:1em 0; | |
} | |
.register-check-box label{ | |
font-size:14px; | |
font-weight:500; | |
color:#999; | |
margin: 1.5em 0 0 0em; | |
} | |
.checkbox { | |
position: relative; | |
padding-left: 38px ; | |
cursor: pointer; | |
} | |
.checkbox i { | |
position: absolute; | |
bottom: -2px; | |
left: 0; | |
display: block; | |
width: 25px; | |
height: 25px; | |
outline: none; | |
border: 2px solid #EDEDED; | |
background: #FFF; | |
} | |
.checkbox input + i:after,.radio 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:checked + i:after,.radio input:checked + i:after{ | |
opacity: 1; | |
} | |
.checkbox input,.radio input { | |
position: absolute; | |
left: -9999px; | |
} | |
.checkbox input + i:after { | |
content: ''; | |
background: url("../images/check.png") no-repeat 1px 2px; | |
top: 0px; | |
left: 2px; | |
width: 16px; | |
height: 16px; | |
font: normal 12px/16px FontAwesome; | |
text-align: center; | |
} | |
.login-form-grids h6{ | |
margin:3em 0 2em ; | |
} | |
.login-form-grids input[type="password"]:nth-child(3) { | |
margin:1em 0; | |
} | |
.register-home{ | |
margin:2em 0 0; | |
text-align:center; | |
} | |
.register-home a{ | |
padding: 8px 45px; | |
background: #9F9F9F; | |
color:#fff; | |
font-size:1em; | |
text-decoration:none; | |
} | |
.register-home a:hover{ | |
background:#0066ff; | |
} | |
/*-- //register --*/ | |
/*-- checkout --*/ | |
.checkout h2{ | |
font-size:1em; | |
color:#212121; | |
text-transform:uppercase; | |
margin:0 0 3em; | |
} | |
.checkout h2 span{ | |
color:#3399cc; | |
} | |
table.timetable_sub { | |
width:100%; | |
margin:0 auto; | |
} | |
.timetable_sub thead { | |
background: #004284; | |
} | |
.timetable_sub th { | |
background: #0066ff; | |
color: #fff ; | |
text-transform: capitalize; | |
font-size: 13px; | |
border-right: 1px solid #0066ff; | |
} | |
.timetable_sub th, .timetable_sub td { | |
text-align: center; | |
padding: 7px; | |
font-size: 14px; | |
color: #212121; | |
} | |
.timetable_sub td { | |
border:1px solid #CDCDCD; | |
} | |
td.invert-image a img { | |
width:30%; | |
margin: 0 auto; | |
} | |
.rem{ | |
position:relative; | |
} | |
.close1,.close2,.close3 { | |
background: url('../images/close_1.png') no-repeat 0px 0px; | |
cursor: pointer; | |
width: 28px; | |
height: 28px; | |
position: absolute; | |
right: 15px; | |
top: -13px; | |
-webkit-transition: color 0.2s ease-in-out; | |
-moz-transition: color 0.2s ease-in-out; | |
-o-transition: color 0.2s ease-in-out; | |
transition: color 0.2s ease-in-out; | |
} | |
/*-- quantity-starts --*/ | |
.value-minus, | |
.value-plus{ | |
height: 40px; | |
line-height: 24px; | |
width: 40px; | |
margin-right: 3px; | |
display: inline-block; | |
cursor: pointer; | |
position: relative; | |
font-size: 18px; | |
color: #fff; | |
text-align: center; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
border:1px solid #b2b2b2; | |
vertical-align: bottom; | |
} | |
.quantity-select .entry.value-minus:before, | |
.quantity-select .entry.value-plus:before{ | |
content: ""; | |
width: 13px; | |
height: 2px; | |
background: #000; | |
left: 50%; | |
margin-left: -7px; | |
top: 50%; | |
margin-top: -0.5px; | |
position: absolute; | |
} | |
.quantity-select .entry.value-plus:after{ | |
content: ""; | |
height: 13px; | |
width: 2px; | |
background: #000; | |
left: 50%; | |
margin-left: -1.4px; | |
top: 50%; | |
margin-top: -6.2px; | |
position: absolute; | |
} | |
.value { | |
cursor: default; | |
width: 40px; | |
height:40px; | |
padding: 8px 0px; | |
color: #A9A9A9; | |
line-height: 24px; | |
border: 1px solid #E5E5E5; | |
background-color: #E5E5E5; | |
text-align: center; | |
display: inline-block; | |
margin-right: 3px; | |
} | |
.quantity-select .entry.value-minus:hover, | |
.quantity-select .entry.value-plus:hover{ | |
background: #E5E5E5; | |
} | |
.quantity-select .entry.value-minus{ | |
margin-left: 0; | |
} | |
/*-- quantity-end --*/ | |
.checkout-left-basket h4{ | |
padding: 1em; | |
background:#3399cc; | |
font-size: 1.1em; | |
color: #fff; | |
text-transform: uppercase; | |
text-align: center; | |
margin: 0 0 1em; | |
} | |
.checkout-left { | |
margin: 2em 0 0; | |
} | |
.checkout-left-basket ul li{ | |
list-style-type:none; | |
margin-bottom:1em; | |
font-size:14px; | |
color:#999; | |
} | |
.checkout-left-basket { | |
float: left; | |
width: 25%; | |
} | |
.checkout-right-basket{ | |
float: right; | |
margin: 8em 0 0 0em; | |
} | |
.checkout-left-basket ul li span { | |
float: right; | |
} | |
.checkout-left-basket ul li:nth-child(5) { | |
font-size: 1em; | |
color: #212121; | |
font-weight: 600; | |
padding: 1em 0; | |
border-top: 1px solid #DDD; | |
border-bottom: 1px solid #DDD; | |
margin: 2em 0 0; | |
} | |
.checkout-right-basket a{ | |
padding:10px 30px; | |
color:#fff; | |
font-size:1em; | |
background:#212121; | |
text-decoration:none; | |
} | |
.checkout-right-basket a:hover{ | |
background:#0066ff; | |
} | |
.checkout-right-basket a span { | |
left: -.5em; | |
top: 0.1em; | |
} | |
.checkout { | |
padding: 5em 0; | |
} | |
/*-- //checkout --*/ | |
/*-- faq --*/ | |
h3.w3ls-title.w3ls-title1 { | |
text-align: center; | |
margin: 0 0 1.5em; | |
font-size: 2.5em; | |
} | |
.faq > li > a { | |
width: 100%; | |
display: block; | |
position: relative; | |
color: #fff; | |
font-size: 1em; | |
font-weight: 400; | |
text-decoration: none; | |
} | |
.faq-w3agile .faq li { | |
margin-top: 2em; | |
list-style-type: decimal; | |
padding-left: 0.5em; | |
} | |
.faq-w3agile .faq > li > a { | |
color: #999; | |
} | |
.faq-w3agile .faq li li.subitem1 { | |
display: block; | |
margin-top: 1em; | |
} | |
.faq-w3agile { | |
padding: 5em 0; | |
} | |
ul.faq { | |
margin-top: 5em; | |
} | |
/*-- //faq-page --*/ | |
/*-- single --*/ | |
.agileinfo_single h2{ | |
font-size: 1.8em; | |
color: #212121; | |
line-height: 1.5em; | |
text-transform: uppercase; | |
margin-bottom: 1em; | |
} | |
.agileinfo_single_left { | |
padding: 2em; | |
box-shadow: 0px 0px 5px #b2afaf; | |
} | |
/*-- Ratings --*/ | |
.rating1 { | |
direction:ltr; | |
} | |
.starRating:not(old) { | |
display: inline-block; | |
height: 17px; | |
width:100px; | |
overflow: hidden; | |
} | |
.starRating:not(old) > input{ | |
margin-right :-26%; | |
opacity : 0; | |
} | |
.starRating:not(old) > label { | |
float: right; | |
background: url(../images/star.png); | |
background-size: contain; | |
margin-right: 2px; | |
} | |
.starRating:not(old) > label:before{ | |
content : ''; | |
display : block; | |
width : 16px; | |
height : 16px; | |
background : url(../images/star1.png); | |
background-size : contain; | |
opacity : 0; | |
transition : opacity 0.2s linear; | |
} | |
.starRating:not(old) > label:hover:before, | |
.starRating:not(old) > label:hover ~ label:before, | |
.starRating:not(:hover) > :checked ~ label:before{ | |
opacity : 1; | |
} | |
/*-- //Ratings --*/ | |
.agileinfo_single_right { | |
padding-left: 5em; | |
} | |
.agileinfo_single_right_snipcart{ | |
margin:0 0 2em; | |
} | |
.agileinfo_single_right_details { | |
margin: 0 ; | |
width: 25% ; | |
} | |
.w3agile_description h4{ | |
font-size:1em; | |
color:#212121; | |
text-transform:uppercase; | |
} | |
.w3agile_description p{ | |
font-size:14px; | |
color:#999; | |
line-height:2em; | |
margin:.5em 0 0; | |
width:80%; | |
} | |
.w3agile_description { | |
margin: 2em 0; | |
} | |
.w3ls_w3l_banner_nav_right_grid_popular{ | |
background:#f5f5f5; | |
padding:5em 0 ; | |
} | |
/*-- //single --*/ | |
.brands { | |
padding: 5em 0; | |
background: #eed3b6; | |
} | |
.brands-w3l { | |
text-align: center; | |
} | |
.brands-w3l p a{ | |
font-size: 17px; | |
font-weight: 700; | |
text-transform: uppercase; | |
color: #39c; | |
background: #fff; | |
padding: 16px; | |
display: block; | |
border: 1px solid #e1e1e1; | |
} | |
.brands-w3l p a:hover{ | |
box-shadow: 0 0 6px 1px #b6b6b6; | |
} | |
.brands-agile-1 { | |
margin: 20px 0; | |
} | |
.brands-agile { | |
margin-top: 5em; | |
} | |
/*-- products --*/ | |
.products { | |
padding: 5em 0; | |
} | |
.sorting{ | |
float:right; | |
width: 35%; | |
} | |
.sorting-left{ | |
float: right; | |
margin-right: 2em; | |
width: 25%; | |
} | |
select#country,select#country1 { | |
border: 1px solid #212121; | |
outline: none; | |
font-size: 14px; | |
color: #212121; | |
padding: 0.5em; | |
width: 100%; | |
cursor: pointer; | |
} | |
.products-right-grids{ | |
margin-bottom: 2em; | |
} | |
.numbering{ | |
text-align:right; | |
} | |
ul.paging { | |
margin: 4em auto 0; | |
} | |
.paging > .active > a,.paging > .active > a:hover { | |
background-color:#ffc229; | |
border-color:#EDB62B; | |
} | |
.pagination > li > a{ | |
color:#212121; | |
} | |
.categories,.new-products{ | |
border:1px solid #999; | |
} | |
.categories h2{ | |
font-size: 1.5em; | |
color: #212121; | |
margin: 0; | |
padding: .5em; | |
background: #f5f5f5; | |
text-transform: uppercase; | |
text-align: center; | |
letter-spacing: 5px; | |
} | |
.filter-price h3{ | |
background:none; | |
} | |
.categories ul.cate,.new-products-grids{ | |
padding:2em; | |
} | |
.categories ul li{ | |
display:block; | |
color:#999; | |
font-size:14px; | |
margin-bottom:1em; | |
} | |
.categories ul li a{ | |
color:#999; | |
text-decoration:none; | |
} | |
.categories ul li a:hover{ | |
color:#3399cc; | |
} | |
.categories ul li span{ | |
float:right; | |
} | |
ul.cate ul{ | |
margin-left:2em; | |
} | |
ul.dropdown-menu1 li{ | |
display:block; | |
font-size:14px; | |
} | |
ul.dropdown-menu1 li a{ | |
color:#212121; | |
text-decoration:none; | |
} | |
input#amount { | |
outline: none; | |
margin: 0 auto; | |
text-align: center; | |
width: 100%; | |
} | |
.new-products-grid-left{ | |
float:left; | |
width:35%; | |
} | |
.new-products-grid-right{ | |
float:right; | |
width:60%; | |
} | |
/*-- //products --*/ | |
/*-- about --*/ | |
.about,.about-team, .contact,.codes { | |
padding: 5em 0; | |
} | |
h3.w3_agile_header,h2.w3_agile_header { | |
text-align: center; | |
color: #212121; | |
padding-bottom: .5em; | |
position: relative; | |
font-size: 2.5em; | |
text-transform: uppercase | |
} | |
h3.w3_agile_header:after,h2.w3_agile_header:after{ | |
content: ''; | |
background: #3399cc; | |
height: 2px; | |
width: 15%; | |
position: absolute; | |
bottom: 0%; | |
left: 43%; | |
} | |
.icons { | |
margin: 50px 0; | |
} | |
.about-agileinfo { | |
margin-top: 4em; | |
} | |
.about .grid-top h4 { | |
font-size: 1.5em; | |
color: #222; | |
letter-spacing: 4px; | |
} | |
.about img { | |
width: 100%; | |
} | |
.about-w3imgs { | |
padding: 0; | |
overflow: hidden; | |
} | |
.about .grid-top p { | |
font-size: 1em; | |
color: #999; | |
line-height: 1.8em; | |
margin: 1em 0 2.5em; | |
} | |
.about .grid-top p.top { | |
margin: 1em 0; | |
} | |
.offic-time { | |
text-align: center; | |
} | |
.time-top { | |
padding: 1em; | |
background-color: #0066ff; | |
} | |
.time-top h4 { | |
font-size: 1.7em; | |
color: #fff; | |
} | |
.time-bottom { | |
padding: 1.6em 2em; | |
background-color: #212121; | |
} | |
.time-bottom h5 { | |
font-size: 1.1em; | |
color: #FFF; | |
line-height: 1.8em; | |
letter-spacing: 1px; | |
} | |
.time-bottom p { | |
font-size: 1em; | |
color: #BBBBBB; | |
margin-top: 0.5em; | |
line-height: 1.8em; | |
} | |
/*-- //about-page --*/ | |
.testi { | |
width: 100%; | |
margin-top: 3em; | |
position: relative; | |
} | |
.testi h3.w3ls-title1 { | |
text-align: left; | |
font-size: 2.5em; | |
} | |
.testi h4 { | |
color: #FFFFFF; | |
font-size: 1.4em; | |
letter-spacing: 1px; | |
} | |
.testi p { | |
font-style: italic; | |
color: #000; | |
font-size: 1em; | |
margin-top: 1em; | |
line-height: 1.5em; | |
font-weight: 300; | |
} | |
.testi-subscript p { | |
margin: 1em 2.8em 0 0; | |
} | |
.testi p a { | |
font-size: 1em; | |
font-weight: 600; | |
color: #000; | |
margin: 0 5px; | |
text-decoration: none; | |
text-transform: capitalize; | |
-webkit-transition: 0.5s all; | |
-moz-transition: 0.5s all; | |
-o-transition: 0.5s all; | |
-ms-transition: 0.5s all; | |
transition: 0.5s all; | |
} | |
.testi p a:hover{ | |
color: #fff; | |
} | |
.testi-subscript { | |
position: relative; | |
display: inline-block; | |
} | |
.testi span.w3-agilesub { | |
position: absolute; | |
background: url(../images/icon3.png) no-repeat 0px 0px; | |
display: block; | |
width: 30px; | |
height: 29px; | |
top: 0%; | |
right: 0%; | |
} | |
.testi-slider { | |
padding: 4em 2em 3em; | |
background: #3399cc; | |
margin-top: 2em; | |
} | |
/*-- slider start here --*/ | |
#slider3,#slider4 { | |
box-shadow: none; | |
-moz-box-shadow: none; | |
-webkit-box-shadow: none; | |
margin: 0 auto; | |
} | |
.rslides_tabs { | |
list-style: none; | |
padding: 0; | |
background: rgba(0,0,0,.25); | |
box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); | |
-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); | |
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); | |
font-size: 18px; | |
list-style: none; | |
margin: 0 auto 50px; | |
max-width: 540px; | |
padding: 10px 0; | |
text-align: center; | |
width: 100%; | |
} | |
.rslides_tabs li { | |
display: inline; | |
float: none; | |
margin-right: 1px; | |
} | |
.rslides_tabs a { | |
width: auto; | |
line-height: 20px; | |
padding: 9px 20px; | |
height: auto; | |
background: transparent; | |
display: inline; | |
} | |
.rslides_tabs li:first-child { | |
margin-left: 0; | |
} | |
.rslides_tabs .rslides_here a { | |
background: rgba(255,255,255,.1); | |
color: #fff; | |
font-weight: bold; | |
} | |
.events { | |
list-style: none; | |
} | |
.callbacks_container { | |
float: left; | |
width: 100%; | |
} | |
.callbacks { | |
position: relative; | |
list-style: none; | |
overflow: hidden; | |
width: 100%; | |
padding: 0; | |
margin: 0; | |
} | |
.callbacks li { | |
position: absolute; | |
width: 100%; | |
left: 0; | |
top: 0; | |
} | |
.callbacks img { | |
position: relative; | |
z-index: 1; | |
height: auto; | |
border: 0; | |
} | |
.callbacks_nav { | |
position: absolute; | |
-webkit-tap-highlight-color: rgba(0,0,0,0); | |
top: 15%; | |
right: 0%; | |
opacity: 0.7; | |
z-index: 3; | |
text-indent: -9999px; | |
overflow: hidden; | |
text-decoration: none; | |
height: 30px; | |
width: 25px; | |
background: url("../images/icon1.png")no-repeat center center; | |
} | |
.callbacks_nav:active { | |
opacity: 1.0; | |
} | |
.callbacks_nav.next { | |
right: 7%; | |
background: url("../images/icon2.png")no-repeat center center; | |
} | |
#slider3-pager a ,#slider4-pager a { | |
display: inline-block; | |
} | |
#slider3-pager span, #slider4-pager span{ | |
float: left; | |
} | |
#slider3-pager span,#slider4-pager span{ | |
width:100px; | |
height:15px; | |
background:#fff; | |
display:inline-block; | |
border-radius:30em; | |
opacity:0.6; | |
} | |
#slider3-pager .rslides_here a , #slider4-pager .rslides_here a { | |
background: #FFF; | |
border-radius:30em; | |
opacity:1; | |
} | |
#slider3-pager a ,#slider4-pager a{ | |
padding: 0; | |
} | |
#slider3-pager li ,#slider4-pager li{ | |
display:inline-block; | |
} | |
.rslides { | |
position: relative; | |
list-style: none; | |
overflow: hidden; | |
width: 100%; | |
padding: 0; | |
margin: 0; | |
} | |
.rslides li { | |
-webkit-backface-visibility: hidden; | |
position: absolute; | |
display: none; | |
width: 100%; | |
left: 0; | |
top: 0; | |
} | |
.rslides li{ | |
position: relative; | |
display: block; | |
float: left; | |
} | |
.rslides img { | |
height: auto; | |
border: 0; | |
width:100%; | |
} | |
.callbacks_tabs a{ | |
font-size: 30px; | |
color: #70664c; | |
font-weight: 600; | |
padding: 0px 18px; | |
background: rgba(222, 208, 157, 0.89); | |
} | |
.callbacks_here a:after{ | |
color: black; | |
text-decoration: none; | |
background: rgba(245, 179, 3, 0.56); | |
} | |
.callbacks_tabs a:hover, .callbacks_tabs a:active { | |
color: black; | |
text-decoration: none; | |
background: rgba(245, 179, 3, 0.56); | |
} | |
.callbacks_tabs a:after{ | |
color: black; | |
text-decoration: none; | |
background: rgba(245, 179, 3, 0.56); | |
} | |
li.callbacks1_s1.callbacks_here a.callbacks1_s1:after, li.callbacks1_s1.callbacks_here a.callbacks1_s1:active{ | |
color: black; | |
background: rgba(245, 179, 3, 0.79); | |
text-decoration: none; | |
outline: none; | |
} | |
li.callbacks1_s1.callbacks_here a.callbacks1_s1:focus{ | |
color: black; | |
background: rgba(245, 179, 3, 0.79); | |
text-decoration: none; | |
outline: none; | |
} | |
a.callbacks1_s4.active,a.callbacks1_s4:focus{ | |
color: black; | |
background: rgba(245, 179, 3, 0.79); | |
text-decoration: none; | |
outline: none; | |
} | |
a.callbacks1_s2.active,a.callbacks1_s2:focus{ | |
color: black; | |
background: rgba(245, 179, 3, 0.79); | |
text-decoration: none; | |
outline: none; | |
} | |
a.callbacks1_s3.active,a.callbacks1_s3:focus{ | |
color: black; | |
background: rgba(245, 179, 3, 0.79); | |
text-decoration: none; | |
outline: none; | |
} | |
/*--//slider end here--*/ | |
/*-- about-slid --*/ | |
.about-slid{ | |
background: url(../images/22.jpg)no-repeat 0px center fixed; | |
background-size: cover; | |
text-align: center; | |
padding: 6em 0; | |
} | |
.about-slid-info { | |
width: 75%; | |
margin: 0 auto; | |
} | |
.about-slid h2 { | |
color: #fff; | |
font-size: 3.5em; | |
font-family: 'Abel', sans-serif; | |
} | |
.about-slid p { | |
color: #fff; | |
font-size: 1em; | |
margin-top: 2em; | |
line-height: 1.8em; | |
} | |
/*-- team-agileitsinfo --*/ | |
.team-agileitsinfo { | |
margin-top: 4em; | |
} | |
.about-team-grids { | |
background: #3399cc; | |
padding: 2em 1em; | |
margin-left: 5px; | |
width: 24.5%; | |
} | |
.about-team-grids img { | |
width: 100%; | |
} | |
.about-team-grids h4 { | |
color: #000; | |
font-size: 1.1em; | |
margin: 1.5em 0 0.5em; | |
} | |
.about-team-grids h4 span { | |
font-size: 1.3em; | |
color: #000; | |
margin-right: 10px; | |
} | |
.team-w3lstext h6 { | |
color: #67686b; | |
font-size: 16px; | |
font-weight: 400; | |
margin: 0; | |
letter-spacing: 0px; | |
} | |
.about-team-grids p { | |
color: #fff; | |
font-size: 14PX; | |
line-height: 1.8em; | |
font-weight: 400; | |
margin-top: 1em; | |
} | |
.about-grid1 .thumb .caption { | |
float: left; | |
width: 100%; | |
height: 70px; | |
position: absolute; | |
left: 0; | |
bottom: 0; | |
padding: 13px 30px; | |
text-align: center; | |
background-color:rgba(81, 92, 142, 0.55); | |
-o-transition: all 0.3s ease; | |
-moz-transition: all 0.3s ease; | |
-ms-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
.about-grid1 .thumb:hover .caption { | |
height: 100%; | |
padding: 40px 30px; | |
opacity: 1; | |
visibility: visible; | |
} | |
.caption { | |
opacity: 0; | |
top: 0%; | |
position: absolute; | |
background-color:rgba(51, 153, 204, 0.58); | |
width: 100%; | |
left: 0; | |
text-align: center; | |
-webkit-transition: 0.5s all; | |
-moz-transition: 0.5s all; | |
-o-transition: 0.5s all; | |
-ms-transition: 0.5s all; | |
transition: 0.5s all; | |
} | |
.social-icons ul li { | |
display: inline-block; | |
font-size: inherit; | |
text-align: center; | |
margin: 0; | |
} | |
.social-icons ul li a.fa { | |
font-size: 1em; | |
color: #fff; | |
line-height: 2.6em; | |
} | |
.social-icons.caption ul li a.fa { | |
margin: 0 .5em; | |
line-height: inherit; | |
-webkit-transition: 0.5s all; | |
-moz-transition: 0.5s all; | |
-o-transition: 0.5s all; | |
-ms-transition: 0.5s all; | |
transition: 0.5s all; | |
} | |
.about-team-grids:hover .caption{ | |
display:block; | |
top: 49.2%; | |
opacity:1; | |
} | |
.caption ul { | |
padding: 1em 0; | |
} | |
.caption ul li a:hover{ | |
color:#000; | |
} | |
/*-- contact --*/ | |
.agile_map iframe{ | |
width:100%; | |
min-height:580px; | |
} | |
.w3_agileits_contact_grid_left{ | |
padding:0; | |
position:relative; | |
} | |
.agileits_w3layouts_map_pos{ | |
position: absolute; | |
right: -15%; | |
top: 22%; | |
width: 50%; | |
padding: 2em; | |
background: #3399cc; | |
} | |
.agileits_w3layouts_map_pos h3{ | |
font-size:1.5em; | |
color:#212121; | |
} | |
.agileits_w3layouts_map_pos p{ | |
color:#fff; | |
line-height:2em; | |
margin:.5em 0 1.5em; | |
font-weight:600; | |
} | |
.agileits_w3layouts_map_pos ul.wthree_contact_info_address li{ | |
list-style-type:none; | |
margin-bottom:1em; | |
color:#fff; | |
font-weight:600; | |
} | |
.agileits_w3layouts_map_pos ul.wthree_contact_info_address li i{ | |
padding-right:1em; | |
} | |
.agileits_w3layouts_map_pos ul.wthree_contact_info_address li a{ | |
color:#fff; | |
text-decoration:none; | |
} | |
.agileits_w3layouts_map_pos ul.wthree_contact_info_address li a:hover{ | |
color:#212121; | |
} | |
.w3_agile_social_icons_contact ul li a { | |
text-align: center; | |
} | |
.agileits_w3layouts_map_pos1{ | |
padding:2em; | |
border:3px double #fff; | |
} | |
.w3_agileits_contact_grid_right{ | |
padding:0 4em 0 12em; | |
} | |
.w3_agileits_contact_grid_right form{ | |
padding:1em 0 0; | |
} | |
/*-- effect --*/ | |
.input { | |
position: relative; | |
z-index: 1; | |
display: inline-block; | |
margin: 0; | |
max-width: 100%; | |
width: calc(100% - 0em); | |
vertical-align: top; | |
} | |
.input__field { | |
position: relative; | |
display: block; | |
float: right; | |
padding: 0.8em; | |
width: 60%; | |
border: none; | |
border-radius: 0; | |
background: #f0f0f0; | |
color: #aaa; | |
-webkit-appearance: none; /* for box shadows to show on iOS */ | |
font-size: 14px; | |
} | |
.input__field:focus { | |
outline: none; | |
} | |
.input__label { | |
display: inline-block; | |
float: right; | |
padding: 0 1em; | |
width: 40%; | |
color: #212121; | |
font-size: 14px; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.input__label-content { | |
position: relative; | |
display: block; | |
padding:1em 0; | |
width: 100%; | |
} | |
/* Ichiro */ | |
.input--ichiro { | |
margin-top: 2em; | |
} | |
.input__field--ichiro { | |
position: absolute; | |
top: 4px; | |
left: 4px; | |
z-index: 100; | |
display: block; | |
padding: 0 1em; | |
width: calc(100% - 8px); | |
height: calc(100% - 8px); | |
background: #fff; | |
color: #212121; | |
opacity: 0; | |
-webkit-transform: scale3d(1, 0, 1); | |
transform: scale3d(1, 0, 1); | |
-webkit-transform-origin: 50% 100%; | |
transform-origin: 50% 100%; | |
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s; | |
transition: opacity 0.3s, transform 0.3s; | |
} | |
.input__label--ichiro { | |
width: 100%; | |
text-align: left; | |
cursor: text; | |
} | |
.input__label--ichiro::before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: #f5f5f5; | |
-webkit-transform-origin: 50% 100%; | |
transform-origin: 50% 100%; | |
-webkit-transition: -webkit-transform 0.3s; | |
transition: transform 0.3s; | |
border: 1px solid #e4e4e4; | |
} | |
.input__label-content--ichiro { | |
-webkit-transform-origin: 0% 50%; | |
transform-origin: 0% 50%; | |
-webkit-transition: -webkit-transform 0.3s; | |
transition: transform 0.3s; | |
} | |
.input__field--ichiro:focus, | |
.input--filled .input__field--ichiro { | |
opacity: 1; | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
} | |
.input__field--ichiro:focus + .input__label--ichiro, | |
.input--filled .input__label--ichiro { | |
cursor: default; | |
pointer-events: none; | |
} | |
.input__field--ichiro:focus + .input__label--ichiro::before, | |
.input--filled .input__label--ichiro::before { | |
-webkit-transform: scale3d(1, 1.5, 1); | |
transform: scale3d(1, 1.5, 1); | |
border: none; | |
} | |
.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro, | |
.input--filled .input__label-content--ichiro { | |
-webkit-transform: translate3d(0, -2.4em, 0) scale3d(0.8, 0.8, 1); | |
transform:translate3d(0, -2.4em, 0) scale3d(0.8, 0.8, 1) translateZ(1px); | |
} | |
.w3_agileits_contact_grid_right textarea { | |
outline: none; | |
width: 100%; | |
background: #f5f5f5; | |
color: #212121; | |
padding: 10px; | |
font-size: 14px; | |
border: 1px solid #e4e4e4; | |
min-height: 200px; | |
font-weight: bold; | |
margin: 2em 0 0; | |
} | |
.w3_agileits_contact_grid_right textarea::-webkit-input-placeholder { | |
color: #212121 ; | |
} | |
.w3_agileits_contact_grid_right input[type="submit"] { | |
outline: none; | |
width: 100%; | |
background: #212121; | |
color: #fff; | |
padding: 0.8em 0; | |
font-size: 1em; | |
font-weight: bold; | |
border: none; | |
text-transform: uppercase; | |
margin: 1em 0 0; | |
letter-spacing: 5px; | |
} | |
.w3_agileits_contact_grid_right input[type="submit"]:hover{ | |
background:#3399cc; | |
} | |
/*-- //contact --*/ | |
/*-- social-icons --*/ | |
.w3_agile_social_icons ul li{ | |
display:inline-block; | |
} | |
.icon { | |
display: inline-block; | |
vertical-align: top; | |
overflow: hidden; | |
width: 35px; | |
height: 35px; | |
} | |
.icon-cube { | |
position: relative; | |
-webkit-perspective: 100px; | |
perspective: 100px; | |
overflow: visible; | |
} | |
/*-- agileits --*/ | |
.icon-cube::before, | |
.icon-cube::after { | |
display: block; | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
font-family: FontAwesome; | |
font-size: 1em; | |
-webkit-transition: all 0.3s; | |
transition: all 0.3s; | |
line-height: 2.6em; | |
} | |
.icon-cube::before { | |
z-index: 2; | |
background-color:#fff; | |
} | |
.icon-cube::after { | |
z-index: 1; | |
opacity: 0; | |
-webkit-transform:translateY(25px) rotateX(-90deg); | |
transform:translateY(25px) rotateX(-90deg); | |
} | |
.icon-cube:hover::before { | |
opacity: 0; | |
-webkit-transform: translateY(-25px) rotateX(90deg); | |
transform: translateY(-25px) rotateX(90deg); | |
} | |
.icon-cube:hover::after { | |
opacity: 1; | |
-webkit-transform: rotateX(0); | |
transform: rotateX(0); | |
} | |
/*-- facebook --*/ | |
/*-- w3layouts --*/ | |
.icon-cube.agile_facebook::before, | |
.icon-cube.agile_facebook::after { | |
content: "\f09a"; | |
color: #3b5998; | |
} | |
.icon-cube.agile_facebook::after { | |
background-color:#3b5998; | |
color:#fff; | |
} | |
/*-- rss --*/ | |
.icon-cube.agile_rss::before, | |
.icon-cube.agile_rss::after { | |
content:"\f09e"; | |
color: #f26522; | |
} | |
.icon-cube.agile_rss::after { | |
background-color:#f26522; | |
color: #fff; | |
} | |
/*-- instagram --*/ | |
.icon-cube.agile_instagram::before, | |
.icon-cube.agile_instagram::after { | |
content:"\f16d"; | |
color: #833ab4; | |
} | |
.icon-cube.agile_instagram::after { | |
background-color:#833ab4; | |
color: #fff; | |
} | |
/*-- t --*/ | |
.icon-cube.agile_t::before, | |
.icon-cube.agile_t::after { | |
content:"\f173"; | |
color: #35465c; | |
} | |
.icon-cube.agile_t::after { | |
background-color:#35465c; | |
color: #fff; | |
} | |
/*-- //social-icons --*/ | |
/*-- icons --*/ | |
.codes a { | |
color: #999; | |
} | |
.icon-box { | |
padding: 8px 15px; | |
background:rgba(149, 149, 149, 0.18); | |
margin: 1em 0 1em 0; | |
border: 5px solid #ffffff; | |
text-align: left; | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
font-size: 13px; | |
transition: 0.5s all; | |
-webkit-transition: 0.5s all; | |
-o-transition: 0.5s all; | |
-ms-transition: 0.5s all; | |
-moz-transition: 0.5s all; | |
cursor: pointer; | |
} | |
.icon-box:hover { | |
background: #000; | |
transition:0.5s all; | |
-webkit-transition:0.5s all; | |
-o-transition:0.5s all; | |
-ms-transition:0.5s all; | |
-moz-transition:0.5s all; | |
} | |
.icon-box:hover i.fa { | |
color:#fff ; | |
} | |
.icon-box:hover a.agile-icon { | |
color:#fff ; | |
} | |
.codes .bs-glyphicons li { | |
float: left; | |
width: 12.5%; | |
height: 115px; | |
padding: 10px; | |
line-height: 1.4; | |
text-align: center; | |
font-size: 12px; | |
list-style-type: none; | |
} | |
.codes .bs-glyphicons .glyphicon { | |
margin-top: 5px; | |
margin-bottom: 10px; | |
font-size: 24px; | |
} | |
.codes .glyphicon { | |
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; | |
color: #777; | |
} | |
.codes .bs-glyphicons .glyphicon-class { | |
display: block; | |
text-align: center; | |
word-wrap: break-word; | |
} | |
h4.m-sing { | |
text-align: left; | |
} | |
h3.icon-subheading { | |
font-size: 28px; | |
color: #0066ff ; | |
margin: 30px 0 15px; | |
font-weight: 600; | |
letter-spacing: 2px; | |
} | |
h3.agileits-icons-title { | |
text-align: center; | |
font-size: 33px; | |
color: #222222; | |
font-weight: 600; | |
letter-spacing: 2px; | |
} | |
.icons a { | |
color: #999; | |
} | |
.icon-box i { | |
margin-right: 10px ; | |
font-size: 20px ; | |
color: #282a2b ; | |
} | |
.bs-glyphicons li { | |
float: left; | |
width: 18%; | |
height: 115px; | |
padding: 10px; | |
line-height: 1.4; | |
text-align: center; | |
font-size: 12px; | |
list-style-type: none; | |
background:rgba(149, 149, 149, 0.18); | |
margin: 1%; | |
} | |
.bs-glyphicons .glyphicon { | |
margin-top: 5px; | |
margin-bottom: 10px; | |
font-size: 24px; | |
color: #282a2b; | |
} | |
.glyphicon { | |
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; | |
color: #777; | |
} | |
.bs-glyphicons .glyphicon-class { | |
display: block; | |
text-align: center; | |
word-wrap: break-word; | |
} | |
@media (max-width:991px){ | |
h3.agileits-icons-title { | |
font-size: 28px; | |
} | |
h3.icon-subheading { | |
font-size: 22px; | |
} | |
} | |
@media (max-width:768px){ | |
h3.agileits-icons-title { | |
font-size: 28px; | |
} | |
h3.icon-subheading { | |
font-size: 25px; | |
} | |
.row { | |
margin-right: 0; | |
margin-left: 0; | |
} | |
.icon-box { | |
margin: 0; | |
} | |
} | |
@media (max-width: 640px){ | |
.icon-box { | |
float: left; | |
width: 50%; | |
} | |
} | |
@media (max-width: 480px){ | |
.bs-glyphicons li { | |
width: 31%; | |
} | |
.icon-box { | |
float: none; | |
width: 100%; | |
} | |
} | |
@media (max-width: 414px){ | |
h3.agileits-icons-title { | |
font-size: 23px; | |
} | |
h3.icon-subheading { | |
font-size: 18px; | |
} | |
.bs-glyphicons li { | |
width: 31.33%; | |
} | |
} | |
@media (max-width: 384px){ | |
.icon-box { | |
float: none; | |
width: 100%; | |
} | |
} | |
/*-- //icons --*/ | |
.w3_wthree_agileits_icons.main-grid-border { | |
padding: 5em 0; | |
} | |
/*-----start-responsive-design------*/ | |
@media (max-width:1680px){ | |
} | |
@media (max-width:1600px){ | |
} | |
@media (max-width:1440px){ | |
} | |
@media (max-width:1366px){ | |
} | |
@media (max-width: 1280px){ | |
} | |
@media (max-width: 1080px){ | |
#PPMiniCart { | |
left: 42% ; | |
} | |
#Awesome h4 { | |
padding: 1.9em 0 0; | |
} | |
.w3ls_logo_products_left h1 a { | |
font-size: 34px; | |
} | |
.w3l_search input[type="search"] { | |
width: 81%; | |
} | |
.navbar-nav > li { | |
margin-left: 8px; | |
} | |
.nav > li > a { | |
padding: 10px 8px ; | |
} | |
.top-brands h2, .newproducts-w3agile h3, .login h2, .register h2, .faq-w3agile h3, .brands h3 { | |
font-size: 2em; | |
} | |
.w3_footer_grid h3 { | |
font-size: 1.4em; | |
} | |
.products-right { | |
padding: 0; | |
} | |
.snipcart-details { | |
width: 81%; | |
} | |
h3.w3_agile_header, h2.w3_agile_header { | |
font-size: 2em; | |
} | |
.w3_agileits_contact_grid_right { | |
padding: 0 2em 0 6em; | |
} | |
.agileits_w3layouts_map_pos { | |
width: 65%; | |
} | |
.about-team-grids { | |
width: 24.4%; | |
} | |
.about-team-grids h4 { | |
font-size: 0.9em; | |
} | |
.about-team-grids:hover .caption { | |
top: 42.2%; | |
} | |
.testi h4 { | |
font-size: 1.1em; | |
} | |
} | |
@media (max-width: 1024px){ | |
} | |
@media (max-width: 991px){ | |
.w3l_offers p { | |
font-size: 14px; | |
} | |
.w3l_offers { | |
width: 52%; | |
} | |
.agile-login { | |
padding: 6px 0; | |
} | |
.w3view-cart { | |
height: 36px; | |
} | |
.agileits_header { | |
padding: 12px 0 8px; | |
} | |
.w3ls_logo_products_left h1 a { | |
font-size: 30px; | |
} | |
i.fa.fa-phone { | |
margin-right: 7px; | |
font-size: 15px; | |
} | |
ul.phone_email li { | |
font-size: 13px; | |
} | |
.w3ls_logo_products_left1 { | |
margin-top: 0; | |
width: 38%; | |
} | |
.w3l_search { | |
width: 27%; | |
margin: 0em 0 0em 0em; | |
} | |
.w3l_search input[type="search"] { | |
width: 76%; | |
} | |
.navbar-default .navbar-nav > li > a { | |
font-size: 14px; | |
} | |
.nav > li > a { | |
padding: 10px 2px ; | |
} | |
.navbar-nav > li { | |
margin-left: 5px; | |
} | |
.navbar { | |
min-height: 43px; | |
} | |
.top_brand_left { | |
float: left; | |
width: 33.33%; | |
} | |
.agile_top_brand_left_grid1 img { | |
max-width: 100% ! important ; | |
} | |
.brands-agile-1 { | |
margin: 0; | |
} | |
.w3layouts-brand { | |
float: left; | |
width: 33.33%; | |
margin-bottom: 3%; | |
} | |
.top_brand_left-1 { | |
width: 50%; | |
float: left; | |
margin-bottom: 3%; | |
} | |
.newproducts-w3agile { | |
padding: 3em 0 2em; | |
} | |
.footer { | |
padding: 3em 0 2em; | |
} | |
.w3_footer_grid { | |
float: left; | |
width: 50%; | |
margin-bottom: 1em; | |
} | |
.footer-copy p { | |
margin: 1.5em 0 0; | |
} | |
.ban-bottom3 { | |
margin: 2em 0; | |
} | |
.products-left { | |
padding: 0; | |
margin-bottom: 24px; | |
} | |
.w3_agileits_contact_grid_right { | |
padding: 0 1em 0 1em; | |
margin-top:2em; | |
} | |
.agileits_w3layouts_map_pos { | |
right: 6%; | |
width: 38%; | |
} | |
.about-w3imgs { | |
float: left; | |
width: 33.33%; | |
} | |
.about-wthree-grids { | |
margin-top: 2em; | |
} | |
.about-slid h2 { | |
font-size: 2.5em; | |
} | |
.about-slid-info { | |
width: 100%; | |
} | |
.about-team-grids { | |
margin-left: 16px; | |
width: 47%; | |
float: left; | |
padding: 2em 2em; | |
margin-bottom: 20px; | |
} | |
.login-form-grids { | |
width: 65%; | |
} | |
.login h4 { | |
font-size: 1.3em; | |
} | |
.timetable_sub th, .timetable_sub td { | |
font-size: 12px; | |
} | |
.checkout-left-basket { | |
width: 34%; | |
} | |
.agileinfo_single_left { | |
float: left; | |
width: 40%; | |
} | |
.agileinfo_single_right { | |
padding-left: 2em; | |
float: left; | |
width: 60%; | |
} | |
.agileinfo_single h2 { | |
font-size: 1.4em; | |
} | |
.w3agile_description p { | |
font-size: 14px; | |
width: 100%; | |
} | |
.agileinfo_single_right_details { | |
width: 36% ; | |
} | |
} | |
@media (max-width:800px){ | |
} | |
@media (max-width: 768px){ | |
#PPMiniCart { | |
left: 39% ; | |
} | |
.top-brands { | |
padding: 3em 0; | |
} | |
p.w3l-ad { | |
width: 80%; | |
} | |
.brands { | |
padding: 3em 0; | |
} | |
.ban-bottom-w3l { | |
padding: 3em 0; | |
} | |
.brands-agile { | |
margin-top: 3em; | |
} | |
.grid_3.grid_5 { | |
margin-top: 3em; | |
} | |
.products { | |
padding: 3em 0; | |
} | |
ul.paging { | |
margin: 2em auto 0; | |
} | |
.about, .about-team, .contact, .codes { | |
padding: 3em 0; | |
} | |
.about-agileinfo { | |
margin-top: 3em; | |
} | |
.team-agileitsinfo { | |
margin-top: 3em; | |
} | |
.register { | |
padding: 3em 0; | |
} | |
.login { | |
padding: 3em 0; | |
} | |
.checkout { | |
padding: 3em 0; | |
} | |
} | |
@media (max-width: 767px){ | |
.navbar-nav > li { | |
float: none; | |
margin-left: 0px; | |
text-align: center; | |
} | |
.navbar-nav { | |
margin: 0; | |
} | |
.about, .about-team, .contact, .codes { | |
padding: 3em 0; | |
} | |
.agileits_w3layouts_map_pos { | |
width: 45%; | |
} | |
ul.faq { | |
margin-top: 3em; | |
padding: 0 1.5em; | |
} | |
.faq-w3agile { | |
padding: 3em 0em; | |
} | |
.navbar-nav .open .dropdown-menu { | |
background: #fff; | |
} | |
.navbar-default { | |
background: none; | |
border: none; | |
text-align: center; | |
} | |
} | |
@media (max-width: 736px){ | |
#PPMiniCart { | |
top: 140px ; | |
} | |
#PPMiniCart form { | |
max-height: 185px ; | |
} | |
.w3l_offers p { | |
font-size: 13px; | |
} | |
.w3ls_logo_products_left h1 a { | |
font-size: 26px; | |
} | |
.logo_products { | |
padding: 1.5em 0; | |
} | |
.skdslider { | |
height: 281px; | |
} | |
.snipcart-details { | |
width: 100%; | |
} | |
.agile_top_brand_left_grid1 p { | |
font-size: 13px; | |
} | |
.agile_top_brand_left_grid1 h4, .agileinfo_single_right_snipcart h4 { | |
font-size: 0.9em; | |
} | |
.value { | |
width: 27px; | |
height: 27px; | |
padding: 8px 0px; | |
line-height: 13px; | |
} | |
.value-minus, .value-plus { | |
height: 27px; | |
line-height: 13px; | |
width: 27px; | |
font-size: 16px; | |
} | |
.agileinfo_single h2 { | |
font-size: 1.3em; | |
} | |
} | |
@media (max-width: 667px){ | |
#PPMiniCart { | |
left: 36% ; | |
} | |
#PPMiniCart form { | |
max-height: 165px ; | |
} | |
.agile-login { | |
width: 37%; | |
} | |
.w3l_offers { | |
width: 56%; | |
} | |
.agile-login ul li { | |
padding: 0em 0.4em; | |
} | |
.w3ls_logo_products_left1 { | |
width: 100%; | |
text-align: center; | |
} | |
.w3ls_logo_products_left { | |
width: 100%; | |
margin: 20px 0; | |
} | |
.w3ls_logo_products_left h1 a { | |
display: inline-block; | |
} | |
.w3l_search { | |
width: 100%; | |
} | |
.w3l_search input[type="search"] { | |
width: 92%; | |
} | |
.logo_products { | |
padding: 1em 0; | |
} | |
.top_brand_left { | |
width: 100%; | |
margin-bottom: 3%; | |
} | |
.snipcart-details input.button { | |
width: 54%; | |
} | |
.agile_top_brands_grids { | |
margin-top: 2em; | |
} | |
.agileits_w3layouts_map_pos { | |
width: 51%; | |
} | |
.login-form-grids { | |
width: 71%; | |
} | |
.checkout-left-basket { | |
width: 42%; | |
} | |
.agileinfo_single h2 { | |
font-size: 1.2em; | |
} | |
.agileinfo_single_right_details { | |
width: 73% ; | |
text-align: left; | |
} | |
} | |
@media (max-width: 640px){ | |
#PPMiniCart form { | |
max-height: 400px ; | |
} | |
.w3l_offers { | |
width: 100%; | |
text-align: center; | |
} | |
.agile-login { | |
width: 38%; | |
} | |
.about .grid-top h4 { | |
font-size: 1.3em; | |
} | |
.about-slid h2 { | |
font-size: 2em; | |
} | |
.about-slid { | |
padding: 4em 0; | |
} | |
.about-slid p { | |
font-size: 0.9em; | |
} | |
.login-form-grids { | |
width: 76%; | |
} | |
.agileinfo_single_left { | |
padding: 1em; | |
} | |
.agileinfo_single_right { | |
padding-left: 1em; | |
} | |
} | |
@media (max-width: 600px){ | |
#PPMiniCart form { | |
width: 506px ; | |
} | |
#PPMiniCart { | |
left: 41% ; | |
} | |
#PPMiniCart ul { | |
width: 464px ; | |
} | |
#PPMiniCart form { | |
max-height: 210px ; | |
} | |
.agile-login { | |
width: 40%; | |
} | |
.value-minus, .value-plus { | |
height: 22px; | |
width: 22px; | |
} | |
.value { | |
width: 22px; | |
height: 22px; | |
line-height: 6px; | |
} | |
} | |
@media (max-width: 568px){ | |
#PPMiniCart form { | |
max-height: 100px ; | |
} | |
.snipcart-details input.button { | |
width: 64%; | |
} | |
.agile-login { | |
width: 43%; | |
} | |
.w3l_search input[type="search"] { | |
width: 91%; | |
} | |
.agileits_w3layouts_map_pos { | |
width: 58%; | |
} | |
.about-team-grids { | |
width: 46%; | |
} | |
.checkout-left-basket { | |
width: 49%; | |
} | |
td.invert-image a img { | |
width: 65%; | |
} | |
.timetable_sub th, .timetable_sub td { | |
width: 50px; | |
} | |
.value { | |
width: 17px; | |
height: 17px; | |
line-height: 0px; | |
} | |
.value-minus, .value-plus { | |
height: 17px; | |
width: 17px; | |
} | |
.timetable_sub th, .timetable_sub td { | |
padding: 7px 0px; | |
} | |
} | |
@media (max-width: 480px){ | |
#PPMiniCart form { | |
max-height: 350px ; | |
} | |
#PPMiniCart form { | |
width: 400px ; | |
} | |
#PPMiniCart ul { | |
width: 358px ; | |
} | |
#PPMiniCart { | |
left: 51% ; | |
} | |
.top_brand_left-1 { | |
width: 100%; | |
} | |
.w3layouts-brand { | |
float: left; | |
width: 50%; | |
margin-bottom: 3%; | |
} | |
.nav-tabs>li>a { | |
font-size: 14px; | |
} | |
.w3l_search input[type="search"] { | |
width: 90%; | |
} | |
.agile-login { | |
width: 50%; | |
} | |
.top-brands h2, .newproducts-w3agile h3, .login h2, .register h2, .faq-w3agile h3, .brands h3 { | |
font-size: 1.7em; | |
} | |
p.w3l-ad { | |
width: 100%; | |
} | |
.grid_3.grid_5 h5 { | |
font-size: 18px; | |
} | |
.w3_footer_grid { | |
width: 100%; | |
} | |
.w3_footer_grid h3 { | |
margin-bottom: 1em; | |
} | |
.sorting { | |
width: 44%; | |
} | |
.sorting-left { | |
width: 42%; | |
} | |
h3.w3_agile_header, h2.w3_agile_header { | |
font-size: 1.7em; | |
} | |
.agileits_w3layouts_map_pos { | |
width: 70%; | |
} | |
.about-team-grids { | |
width: 65%; | |
float: none; | |
margin: 0 auto 20px; | |
} | |
.about-slid h2 { | |
font-size: 1.7em; | |
} | |
.login-form-grids { | |
width: 90%; | |
} | |
.checkout-left-basket { | |
width: 57%; | |
} | |
.checkout-right-basket { | |
margin: 3em 0 0 0em; | |
} | |
.agileinfo_single_left { | |
width: 100%; | |
margin-bottom: 2em; | |
padding: 3em 4em; | |
} | |
.agileinfo_single_right { | |
padding-left: 0em; | |
width: 100%; | |
} | |
} | |
@media (max-width: 414px){ | |
#PPMiniCart form { | |
width: 360px ; | |
} | |
#PPMiniCart ul { | |
width: 318px ; | |
} | |
#PPMiniCart { | |
left: 55% ; | |
} | |
.agile-login { | |
width: 61%; | |
} | |
.w3l_search input[type="search"] { | |
width: 87%; | |
} | |
.w3ls_logo_products_left { | |
margin: 12px 0; | |
} | |
.ban-text1 h4 { | |
font-size: 16px; | |
} | |
.ban-text1 { | |
left: 18%; | |
} | |
.footer-copy p { | |
font-size: 14px; | |
} | |
.agileits_w3layouts_map_pos { | |
width: 80%; | |
} | |
.about-wthree-grids { | |
margin-top: 0em; | |
} | |
.about .grid-top h4 { | |
font-size: 1.1em; | |
line-height: 24px; | |
} | |
.about .grid-top p { | |
font-size: 0.875em; | |
} | |
.about-team-grids { | |
width: 80%; | |
} | |
.login-form-grids { | |
padding: 2em; | |
} | |
.checkout h2 { | |
font-size: 0.95em; | |
margin: 0 0 2em; | |
} | |
.value-minus, .value-plus { | |
margin: 4px 15px; | |
display: inline-block; | |
} | |
.value { | |
margin: 4px 15px; | |
display: inline-block; | |
} | |
.quantity-select .entry.value-minus { | |
margin-left: 15px; | |
} | |
.checkout-left-basket { | |
width: 100%; | |
} | |
.agileinfo_single_left { | |
padding: 2em 2em; | |
} | |
} | |
@media (max-width: 384px){ | |
#PPMiniCart form { | |
width: 300px ; | |
padding: 10px 10px 40px ; | |
} | |
#PPMiniCart ul { | |
width: 278px ; | |
} | |
#PPMiniCart .minicart-remove { | |
width: 11px ; | |
height: 11px ; | |
line-height: 0; | |
margin: 3px 0 0 ; | |
} | |
#PPMiniCart { | |
left: 64% ; | |
} | |
#PPMiniCart .minicart-item a { | |
font-size: 13px; | |
} | |
#PPMiniCart .minicart-attributes li { | |
font-size: 12px; | |
} | |
span.minicart-price { | |
font-size: 12px; | |
} | |
#PPMiniCart .minicart-quantity { | |
font-size: 11px; | |
} | |
.w3l_offers p { | |
font-size: 12px; | |
} | |
.agile-login { | |
width: 67%; | |
} | |
.w3l_search input[type="search"] { | |
width: 86%; | |
} | |
.w3layouts-foot { | |
width: 100%; | |
text-align: center; | |
margin-bottom: 20px; | |
} | |
.payment-w3ls { | |
width: 100%; | |
text-align: center; | |
} | |
.payment-w3ls img{ | |
display:inline-block; | |
} | |
.agileits_w3layouts_map_pos { | |
width: 90%; | |
} | |
.about-slid h2 { | |
font-size: 1.5em; | |
} | |
.about-slid p { | |
font-size: 0.875em; | |
} | |
.login-form-grids { | |
width: 95%; | |
} | |
.checkout h2 { | |
font-size: 0.9em; | |
} | |
} | |
@media (max-width: 375px){ | |
.login-form-grids { | |
width: 100%; | |
} | |
.checkout h2 { | |
font-size: 0.875em; | |
} | |
.agileinfo_single_left { | |
padding: 1em 1em; | |
} | |
.agileinfo_single h2 { | |
font-size: 1.1em; | |
} | |
} | |
@media (max-width: 320px){ | |
#PPMiniCart form { | |
width: 285px ; | |
} | |
#PPMiniCart ul { | |
width: 263px ; | |
} | |
#PPMiniCart { | |
left: 69% ; | |
} | |
#PPMiniCart .minicart-subtotal { | |
padding-left: 5px ; | |
font-size: 13px ; | |
} | |
.agile-login { | |
width: 79%; | |
} | |
.w3l_offers p { | |
font-size: 10px; | |
} | |
.w3l_offers { | |
padding: 9px 0 5px; | |
} | |
.w3ls_logo_products_left { | |
margin: 3px 0 12px; | |
} | |
.w3l_search input[type="search"] { | |
width: 83%; | |
} | |
.top-brands h2, .newproducts-w3agile h3, .login h2, .register h2, .faq-w3agile h3, .brands h3 { | |
font-size: 1.4em; | |
} | |
.nav-tabs>li>a { | |
font-size: 12px; | |
} | |
div#myTabContent { | |
padding: 20px 20px; | |
} | |
p.w3l-ad { | |
font-size: 13px; | |
line-height: 24px; | |
} | |
.top_brand_left { | |
padding: 0; | |
} | |
.ban-text1 h4 { | |
font-size: 14px; | |
} | |
.ban-text1 { | |
left: 17%; | |
padding: 8px 18px; | |
} | |
.top-brands { | |
padding: 2em 0; | |
} | |
.grid_3.grid_5 { | |
margin-top: 2em; | |
} | |
.ban-bottom-w3l { | |
padding: 2em 0; | |
} | |
.brands { | |
padding: 2em 0; | |
} | |
.w3layouts-brand { | |
width: 46%; | |
padding: 0; | |
margin: 2%; | |
} | |
.brands-agile { | |
margin-top: 2em; | |
} | |
.newproducts-w3agile { | |
padding: 2em 0 1em; | |
} | |
.footer-copy p { | |
margin: 0 0 0; | |
} | |
.footer { | |
padding: 2em 0 1.5em; | |
} | |
.w3_footer_grid h3 { | |
font-size: 1.3em; | |
} | |
.w3_footer_grid { | |
padding: 0; | |
} | |
.sorting-left { | |
width: 47%; | |
margin-right: 2%; | |
} | |
.sorting { | |
width: 51%; | |
} | |
.products { | |
padding: 2em 0; | |
} | |
.categories ul.cate, .new-products-grids { | |
padding: 1em; | |
} | |
ul.cate ul { | |
margin-left: 1.5em; | |
} | |
.about, .about-team, .contact, .codes { | |
padding: 2em 0; | |
} | |
.agileits_w3layouts_map_pos1 { | |
padding: 1em; | |
} | |
.agileits_w3layouts_map_pos { | |
padding: 1em; | |
} | |
.agileits_w3layouts_map_pos { | |
top: 13%; | |
} | |
.agile_map iframe { | |
min-height: 430px; | |
} | |
h3.w3_agile_header, h2.w3_agile_header { | |
font-size: 1.4em; | |
} | |
.about-agileinfo { | |
margin-top: 2em; | |
} | |
.about-wthree-grids { | |
padding: 0; | |
} | |
.about .grid-top h4 { | |
font-size: 1em; | |
letter-spacing: 1px; | |
} | |
.time-top h4 { | |
font-size: 1.5em; | |
} | |
.about-slid { | |
padding: 3em 0; | |
} | |
.about-slid h2 { | |
font-size: 1.3em; | |
} | |
.about-team-grids { | |
width: 100%; | |
} | |
.faq-w3agile { | |
padding: 2em 0em; | |
} | |
ul.faq { | |
margin-top: 2em; | |
padding: 0 1em; | |
} | |
.faq-w3agile .faq li { | |
margin-top: 1em; | |
} | |
.faq > li > a { | |
line-height: 23px; | |
} | |
.register { | |
padding: 2em 0; | |
} | |
.login-form-grids { | |
margin: 2em auto 0; | |
} | |
.login-form-grids { | |
padding: 1.2em; | |
} | |
.register-check-box label { | |
font-size: 13px; | |
} | |
.checkbox { | |
padding-left: 30px ; | |
} | |
.login { | |
padding: 2em 0; | |
} | |
.login p a { | |
font-size: 1em; | |
} | |
.checkout h2 { | |
font-size: 0.875em; | |
line-height: 22px; | |
} | |
.checkout { | |
padding: 2em 0; | |
} | |
.value-minus, .value-plus { | |
margin: 4px 10px; | |
} | |
.quantity-select .entry.value-minus { | |
margin-left: 10px; | |
} | |
.value { | |
margin: 4px 10px; | |
} | |
td.invert-image a img { | |
width: 72%; | |
} | |
.agileinfo_single h2 { | |
font-size: 0.95em; | |
} | |
.w3agile_description h4 { | |
font-size: 0.875em; | |
} | |
.w3agile_description { | |
margin: 1em 0; | |
} | |
.w3agile_description p { | |
font-size: 13px; | |
} | |
} |