html, body{
font-size: 100%;
background:#ffffff; font-family: "DM Sans", sans-serif; font-size:17px;
}
ul li,ol li{
font-size:17px;
}
p{
margin:0;
}
h1,h2,h3,h4,h5,h6,a{
margin:0;
}
ul,label{
margin:0;
padding:0;
}
.mt-3{margin-top:50px; margin-bottom:40px;}
body a:hover{
text-decoration:none;
}
/*-- header --*/
span.glyphicon.glyphicon-shopping-cart.my-cart-icon.my-cart-icon-affix {
position: relative !important;
}
.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;
color:#5f5858; font-size:17px;
}
.snipcart-thumb img{width:100%; border: 1px solid silver; padding: 10px;}
.my-cart-icon-affix i {
background: #fe9126 !important;
}
.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: #fe9126;
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;
}
button.btn.btn-default.search {
background: #fe9126;
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: 33.33%;
}
.w3ls_logo_products_left h1 a{
font-size: 40px;
color: #fe9126;
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 {
font-size: 17px;
font-weight: 500;
}
.logo-nav-left1 ul li.active a.act{
}
.multi-column-dropdown li a {
color: #999 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: transparent;
}
.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 {
}
.navbar-default {
background: none;
border: none;
}
.navbar-collapse {
padding: 0;
}
ul.multi-column-dropdown h6 {
font-size: 20px;
color:#fe9126;
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 !important;
white-space: normal;
font-weight:500 !important;
}
.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;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
}
.multi-gd-img img {
width: 100%;
}
.navigation-agileits {
background: #fe9126;
}
.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,.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;
}
.serviceBox{ text-align: center; }
.serviceBox .service-icon{
display: inline-block;
width: 120px;
height: 120px;
line-height: 95px;
border-radius: 50%;
border: 15px solid #e8412e;
font-size: 45px;
color: #e8412e;
margin-bottom: 60px;
position: relative;
transition: all 0.3s ease 0s;
}
.serviceBox .service-icon img{width:100px !important;}
.serviceBox:hover .service-icon{
line-height: 105px;
border-width: 10px;
font-size: 52px;
}
.serviceBox .service-icon:before{
content: "";
width: 15px;
height: 100px;
background: #e8412e;
margin: 0 auto;
position: absolute;
bottom: -100px;
left: 0;
right: 0;
transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon:before{ transform: rotateY(360deg); }
.serviceBox .service-content{
padding: 50px 15px 0;
border-radius: 50% 50% 0 0;
overflow: hidden;
z-index: 1;
position: relative;
}
.serviceBox .service-content:before{
content: "";
width: 100%;
height: 100px;
background: #e8412e;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.serviceBox .title{
font-size:18px;
color: #fff;
text-transform: capitalize;
margin: 0 0 40px 0;
}
.serviceBox .description{
font-size: 15px;
color: #6f6f6f;
line-height: 27px;
}
.serviceBox.blue .service-icon{
border-color: #1169e4;
color: #1169e4;
}
.serviceBox.blue .service-icon:before,
.serviceBox.blue .service-content:before{ background: #1169e4; }
.serviceBox.green .service-icon{
border-color: #1e9239;
color: #1e9239;
}
.serviceBox.green .service-icon:before,
.serviceBox.green .service-content:before{ background: #1e9239; }
.serviceBox.pink .service-icon{
border-color: #d43061;
color: #d43061;
}
.serviceBox.pink .service-icon:before,
.serviceBox.pink .service-content:before{ background: #d43061; }
@media only screen and (max-width:990px){
.serviceBox{ margin-bottom: 30px; }
}
.newproducts-w3agile h3{
font-size: 27px;
padding: 10px 8px;
text-align: left;
line-height: 1.2em;
color: #15396d;
float: left;
width: 100%;
text-transform:uppercase;
}
.top-brands h2:after,.newproducts-w3agile h3:after,.login h2:after,.register h2:after,.faq-w3agile h3:after,.brands h3:after{
position: absolute;
bottom: 0%;
left: 43%;
}
.agile_top_brand_left_grid{
background: #f1f1f1;
padding: .5em;
position:relative;
}
.agile_top_brand_left_grid_pos {
position: absolute;
top: 0%;
right: -5%;
transform: rotate(-35deg);
z-index: 99;
}
.agile_top_brand_left_grid1{
padding:5px;
}
.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.7;
text-transform:capitalize;
font-size:17px;
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: #fe9126;
}
.product_list_header input.button {
color: #fff;
font-size: 14px;
outline: none;
text-transform: capitalize;
padding: .5em 2.5em .5em 1em;
border: 1px solid #fe9126;
margin: .35em 0 0;
background: url(../images/cart.png) no-repeat 117px 9px;
}
#PPMiniCart form {
width: 590px !important;
padding: 10px 20px 40px !important;
max-height:450px !important;
}
#PPMiniCart ul {
width: 548px !important;
}
#PPMiniCart .minicart-item a {
color: #212121 !important;
font-size: 1em;
display: block;
margin-bottom: .5em;
text-transform: capitalize;
}
#PPMiniCart .minicart-item {
min-height:60px !important;
}
#PPMiniCart .minicart-attributes li {
color: #999;
}
#PPMiniCart .minicart-remove {
background: #3399cc !important;
border: 1px solid #3399cc !important;
opacity: 1 !important;
outline:none;
}
#PPMiniCart .minicart-submit {
display: none;
}
#PPMiniCart .minicart-submit:hover{
background:#fe9126 !important;
border-color: #5b951a !important;
}
#PPMiniCart .minicart-subtotal {
padding-left: 25px !important;
bottom: -17px !important;
}
#PPMiniCart {
left: 44% !important;
}
.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: #fe9126;
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: #fe9126;
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: 17px;
}
p.w3l-ad {
margin: 0;
font-size: 17px;
line-height:1.7;
color: #000;
text-transform: none;
}
.agile_top_brands_grids {
margin-top: 10px;
}
.hover14.column {
text-align: center;
padding: 10px 15px;
box-shadow: 0px -3px 2px rgba(0,0,0,0.1);
position: relative;
z-index: 1;
transition: all 0.3s ease 0s;
}
.stars {
text-align: center;
margin-bottom: 13px;
display:none;
}
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 --*/
.accessories-w3l {
text-align: center;
background: url(../images/about-bg.jpg) no-repeat 0px 0px;
min-height: auto;
background-size:cover;
padding: 4em 0;
}
h3.tittle {
font-size: 3em;
color: #fff;
}
.accessories-w3l span {
font-size: 2em;
color: #fff;
margin-bottom: .5em;
display: block; margin-top:10px;
}
a.button1 {
font-size: 1em;
background: #fe6e06;
color: #fff;
padding: 1em 2em;
text-decoration: none;
margin-top: 2em;
}
.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;
}
.padding-left{padding-left:70px; padding-right:70px;}
.property-details{
position:relative;
background-position:center center;
background-repeat:no-repeat;
}
.property-details .auto-container:before{
content:'';
position:absolute;
right:100%;
top:0px;
width:1500px;
height:100%;
background:rgba(255,255,255,0.95);
z-index:0;
}
.property-details .auto-container{
position:relative;
z-index:5;
}
.property-details .left-column{
position:relative;
padding-left:82px; padding-right:40px; padding-top:30px; padding-bottom:30px;
background:rgba(255,255,255,0.85);
}
.property-details .left-column h2{
position:relative;
font-size:24px;
color:#253d4a;
font-weight:700;
margin-bottom:20px;
}
.timeline-panel {
width: 100%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline-panel2 {
float: right;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175)
}
.timeline-panel2:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
/* 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;
}
.newproducts-w3agile h1{font-size:28px; line-height:1.7;}
.breadcrumb1 li span {
left: 0em;
padding-right: 1em;
color: #3399cc;
}
.breadcrumbs {
padding: 1.5em 0;
background: #f5f5f5;
}
.breadcrumb {
margin-bottom: 0 !important;
padding: 0 !important;
}
.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:#fe9126;
}
.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:#fe9126;
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 !important;
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: 17px;
height: 17px;
font: normal 12px/17px FontAwesome;
text-align: center;
}
.login-form-grids h6{
margin:3em 0 2em !important;
}
.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:#fe9126;
}
/*-- //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: #fe9126;
color: #fff !important;
text-transform: capitalize;
font-size: 13px;
border-right: 1px solid #fe9126;
}
.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:#fe9126;
}
.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 : 17px;
height : 17px;
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 !important;
width: 25% !important;
}
.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 !important;
}
/*-- //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: 17px;
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: #fe9126;
}
.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: 17px;
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 !important;
}
.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;
}
.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: #fe9126 !important;
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 --*/
.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% !important;
}
#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 !important;
}
.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 !important;
}
.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;
}
.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: 17px;
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% !important;
}
}
@media (max-width:800px){
}
@media (max-width: 768px){
#PPMiniCart {
left: 39% !important;
}
.top-brands {
padding: 3em 0;
}
p.w3l-ad {
width:100%;
}
.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 !important;
}
#PPMiniCart form {
max-height: 185px !important;
}
.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: 17px;
}
.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: 17px;
}
.agileinfo_single h2 {
font-size: 1.3em;
}
}
@media (max-width: 667px){
#PPMiniCart {
left: 36% !important;
}
#PPMiniCart form {
max-height: 165px !important;
}
.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% !important;
text-align: left;
}
}
@media (max-width: 640px){
#PPMiniCart form {
max-height: 400px !important;
}
.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 !important;
}
#PPMiniCart {
left: 41% !important;
}
#PPMiniCart ul {
width: 464px !important;
}
#PPMiniCart form {
max-height: 210px !important;
}
.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 !important;
}
.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 !important;
}
#PPMiniCart form {
width: 400px !important;
}
#PPMiniCart ul {
width: 358px !important;
}
#PPMiniCart {
left: 51% !important;
}
.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 !important;
}
#PPMiniCart ul {
width: 318px !important;
}
#PPMiniCart {
left: 55% !important;
}
.agile-login {
width: 61%;
}
.w3l_search input[type="search"] {
width: 87%;
}
.w3ls_logo_products_left {
margin: 12px 0;
}
.ban-text1 h4 {
font-size: 17px;
}
.ban-text1 {
left: 18%;
}
.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 !important;
padding: 10px 10px 40px !important;
}
#PPMiniCart ul {
width: 278px !important;
}
#PPMiniCart .minicart-remove {
width: 11px !important;
height: 11px !important;
line-height: 0;
margin: 3px 0 0 !important;
}
#PPMiniCart {
left: 64% !important;
}
#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 !important;
}
#PPMiniCart ul {
width: 263px !important;
}
#PPMiniCart {
left: 69% !important;
}
#PPMiniCart .minicart-subtotal {
padding-left: 5px !important;
font-size: 13px !important;
}
.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;
}
.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 !important;
}
.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;
}
}
.video-div{width:100%; padding:10px; border:1px solid silver;}
.video-div iframe {
padding: 5px;
border: 10px solid #fe6e06;
}
.menu-product{width:100%; border:1px solid silver; margin-top:20px; padding:10px;}
.menu-product img{width:100%; border:5px solid #f5f5f5; padding:20px;}
.menu-product h2{text-align:center; margin:20px 0px; font-size:15px; text-transform:uppercase;}
.content-top{margin-top: 50px;}
.about-slider {
width: 100%;
height: 100%;
background: #00a1df;
padding: 15px 0px;
float: left;
background-image: url(../images/about-bg.jpg);
height: 100%;
background-position: center;
background-size: cover;
}
.about-slider h2 {
font-size: 30px;
color: white !important;
font-weight: bold;
margin-bottom: 13px;
font-weight: 500;
margin-top:77px;
text-transform: uppercase;
}
.about-slider h3 {
font-size: 17px;
color: white !important;
font-weight: 500;
}
.about-slider p {
font-weight: 500;
margin: 15px 0px;
color: white;
}
.banner-img {
border: 1px solid #f7f7f7;
border-radius: 50%;
overflow: hidden;
width: 250px;
height: 250px;
background-position: center;
float: right;
padding: 20px;
}
.banner-img img {
width: 100%;
height: 100%;
}
.about-slider a {
background: #fe6e06;
padding: 10px 10px;
color: white;
}
.breadcrumb {
background: none;
margin: 0;
padding: 1em 1em !important;
background: #f7f7f7;
display: -webkit-inline-box;
width: 100%; font-weight:bold;
}
.breadcrumb>.active {
color: #000 !important;
}
.breadcrumb a{color:#fe6e06;}
.product-section{width:100%;}
.product-section h1 {
font-size: 27px;
padding: 10px 0px;
text-align: left;
line-height: 1.2em;
text-transform: uppercase;
}
.product-section p {
margin: 0;
font-size:17px;
line-height:1.7; text-align: justify;
color: #000; margin-bottom: 15px;
}
.product-section h6 {
font-size: 17px;
font-weight: 400;
margin: 1em 0px 9px 0px;
color: #000000;
border-bottom: 1px solid silver;
padding: 10px 0px;
text-transform: uppercase;
}
.product-section ul{width:100%; padding:10px; margin-left: 10px;}
.product-section li {
margin: 0;
font-size:17px;
line-height:1.7; text-align: justify;
color: #000;
}
.product-image {
border: 3px solid #f1f1f1;
padding: 20px;
margin: 20px 10px;
text-align: center;
}
.product-image img {
width: 100%;
border: 1px solid silver;
padding: 15px;
}
.product-sidebar {
/* padding: 0px 5px 10px 5px;*/
background:#fff;
/*margin: 25px 0px 10px 0px;*/
border: 10px solid #2d5da3;
border-radius: 10px; height: 550px; overflow:scroll;
}
.product-sidebar h3 {
font-size: 20px;
padding: 10px 15px;
text-align: left;
line-height: 1.2em;
text-transform: uppercase;
text-align: left; background:#2d5da3; color:#fff;
}
.product-box {
padding: 0px 10px 10px 10px;
margin: 0px;
margin-top: 0px;
}
.product-box ul{width: 100%;}
.product-box ul li {
list-style: none;
line-height: 1.7;
border-bottom: 1px dotted #15396d;
padding: 5px 0px; font-family: "DM Sans", sans-serif;
}
.breadcrumb-bac{margin: 0;
background: #f7f7f7;
}
.product-box ul li a {
font-size:17px;
color: #000;
}
.enquire-now {
padding: 10px;
float: left;
width: 100%;
background: #fbfafa;
}
.enquire-now a {
border: none;
outline: 0;
/* background: #fe6e06; */
font-size: 17px;
line-height: 1em;
font-weight: 700;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
display: inline-block;
transition: all .5s ease!important;
/* position: relative; */
padding: 17px 12px;
color: #fe6e06;
float: right;
border: 1px solid #fe6e06;
border-radius: 15px;
}
.enquire-now a:hover{cursor:pointer;}
.enquire-now a i{margin-right:20px;}
.enquire-now p {
float: left;
font-weight: 500;
color: #000000;
margin-top: 10px;
font-size: 18px;
}
.center-align-text {
text-align: center !important;
padding: 20px !important;
}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #ccc;
}
.column {
padding: 10px;
border: solid 1px #244984;
margin-left: 10px;
margin-top: 10px;
}
.contact-section {
padding: 60px 20px;
}
.contact-container {
max-width: 1100px;
margin: auto;
display: flex;
gap: 40px;
background: #fff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
/* LEFT SIDE */
.contact-info {
flex: 1;
}
.contact-info h2 {
margin-bottom: 5px;
}
.contact-info .subtitle {
color: #0056b3;
font-weight: 600;
margin-bottom: 20px;
}
.contact-info p {
margin: 12px 0;
}
.contact-info i {
color: #0056b3;
margin-right: 8px;
}
.contact-info a {
text-decoration: none;
color: #333;
}
.contact-info a:hover {
color: #0056b3;
}
.map {
margin-top: 20px;
}
/* RIGHT SIDE */
.contact-form {
flex: 1;
}
.contact-form h2 {
margin-bottom: 20px;
}
.contact-form form {
display: flex;
flex-direction: column;
gap: 15px;
}
.contact-form input,
.contact-form textarea {
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
.contact-form input:focus,
.contact-form textarea:focus {
border-color: #0056b3;
outline: none;
}
.contact-form button {
background: #0056b3;
color: #fff;
padding: 12px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.contact-form button:hover {
background: #003f88;
}
.honeypot {
display: none;
}
/* Responsive */
@media(max-width: 900px) {
.contact-container {
flex-direction: column;
}
}
.icon-circle {
width: 42px;
height: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
/* HERO BANNER */
.hero-banner{
position:relative;
width:100%;
padding:120px 0 100px;
background:url("../images/banner-servo-stab.webp") center center/cover no-repeat;
overflow:hidden;
}
.hero-overlay{
position:absolute;
inset:0;
background:rgba(0,20,45,0.45);
}
.container{
width:90%;
max-width:1200px;
margin:auto;
position:relative;
z-index:2;
}
/* CENTER CONTENT */
.hero-content{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
/* TITLE */
.hero-title{
margin-bottom:30px;
}
.hero-title h1{
background:rgba(120,150,175,0.30);
color:#ffd15c;
font-size:38px;
font-style:italic;
font-weight:500;
padding:18px 45px;
border-radius:22px;
text-align:center;
box-shadow:0 5px 20px rgba(0,0,0,0.15);
}
/* FORM BOX */
.hero-form-box{
width:100%;
max-width:760px;
background:rgba(255,255,255,0.28);
padding:35px;
border-radius:24px;
border:1px solid rgba(255,255,255,0.2);
}
.hero-form-box h2{
text-align:center;
font-size:32px;
font-weight:500; line-height:1.2;
color:#222;
margin-bottom:28px;
}
/* FORM GROUP */
.form-group{
display:flex;
align-items:center;
margin-bottom:18px;
}
/* ICON BOX */
.form-group span{
width:56px;
height:46px;
background:#ffffff;
border-radius:8px 0 0 8px;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
}
/* DIFFERENT ICON COLORS */
.form-group:nth-child(1) span i{
color:#4d8df7;
}
.form-group:nth-child(2) span i{
color:#ea4335;
}
.form-group:nth-child(3) span i{
color:#34a853;
}
.form-group:nth-child(4) span i{
color:#fbbc05;
}
.form-group:nth-child(5) span i{
color:#ffb300;
}
/* INPUT */
.form-group input{
width:100%;
height:56px;
border:none;
outline:none;
padding:0 20px;
font-size:16px;
background:#ffffff;
color:#333;
border-radius:0 8px 8px 0;
}
/* BUTTON */
.hero-form-box button{
width:100%;
height:58px;
border:none;
background:#234d96;
color:#fff;
font-size:18px;
font-weight:600;
border-radius:8px;
margin-top:10px;
transition:0.3s;
cursor:pointer;
}
.hero-form-box button:hover{
background:#ffb400;
color:#000;
}
/* MOBILE */
@media(max-width:768px){
.hero-banner{
padding:80px 0;
}
.hero-title h1{
font-size:32px;
padding:14px 22px;
line-height:1.4;
}
.hero-form-box{
padding:25px 18px;
}
.hero-form-box h2{
font-size:21px;
line-height:1.5;
}
.form-group span{
width:48px;
height:50px;
font-size:20px;
}
.form-group input{
height:50px;
font-size:15px;
}
.hero-form-box button{
height:54px;
font-size:16px;
}
}
/* VIDEO SECTION */
.video-section{
background:#f7f7f7;
padding:80px 0;
position:relative;
}
/* DOTTED BACKGROUND */
.video-section::before{
content:"";
position:absolute;
inset:0;
background-image:radial-gradient(#d7d7d7 1px, transparent 1px);
background-size:18px 18px;
opacity:0.5;
}
/* HEADING */
.video-heading{
text-align:center;
margin-bottom:40px;
}
.video-heading h2{
font-size:40px;
font-weight: 800;
color:#111;
line-height:1.2;
}
/* VIDEO */
.video-box{
max-width:950px;
margin:auto;
border-radius:24px;
overflow:hidden;
border:4px solid #fff;
box-shadow:0 10px 40px rgba(0,0,0,0.15);
}
.video-box iframe{
width:100%;
height:540px;
display:block;
}
/* MOBILE */
@media(max-width:768px){
.video-section{
padding:60px 0;
}
.video-heading h2{
font-size:32px;
line-height:1.5;
}
.video-box iframe{
height:260px;
}
}
/* TRUST SECTION */
.trust-section{
position:relative;
padding:110px 0;
background:#f5f7fb;
overflow:hidden;
}
.trust-section::before{
content:"";
position:absolute;
width:500px;
height:500px;
background:#0057ff10;
border-radius:50%;
top:-250px;
right:-180px;
}
/* TAG */
.trust-tag{
text-align:center;
margin-bottom:20px;
}
.trust-tag span{
background:#244984;
color:#fff;
padding:10px 24px;
border-radius:50px;
font-size:14px;
font-weight:600;
letter-spacing:1px;
}
/* HEADING */
.trust-heading{
text-align:center;
margin-bottom:70px;
}
.trust-heading h2{
font-size:40px;
line-height:1.25;
font-weight:800;
color:#0d2b5c;
}
/* COUNTER WRAPPER */
.counter-wrapper{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-bottom:70px;
}
/* COUNTER BOX */
.counter-box{
background:#fff;
border-radius:30px;
padding:45px 35px;
text-align:center;
position:relative;
overflow:hidden;
transition:0.4s;
box-shadow:0 10px 35px rgba(0,0,0,0.06);
}
.counter-box::before{
content:"";
position:absolute;
width:180px;
height:180px;
background:#0057ff10;
border-radius:50%;
top:-80px;
right:-60px;
}
.counter-box:hover{
transform:translateY(-12px);
}
/* ACTIVE BOX */
.active-box{
background:linear-gradient(135deg,#244984,#0b2f75);
}
.active-box h3,
.active-box p,
.active-box i{
color:#fff !important;
}
.active-box::before{
background:rgba(255,255,255,0.08);
}
/* ICON */
.counter-icon{
width:85px;
height:85px;
margin:auto;
border-radius:50%;
background:#eef4ff;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:28px;
}
.counter-icon i{
font-size:38px;
color:#244984 !important;
}
/* NUMBER */
.counter-box h3{
font-size:70px;
font-weight:800;
color:#244984;
margin-bottom:12px;
line-height:1;
}
/* TEXT */
.counter-box p{
font-size:22px;
font-weight:600;
color:#222;
line-height:1.5;
}
/* CONTENT */
.trust-content{
max-width:980px;
margin:auto;
text-align:center;
}
.trust-content p{
font-size:20px;
line-height:1.7;
color:#111; text-align: center;
}
/* RESPONSIVE */
@media(max-width:991px){
.counter-wrapper{
grid-template-columns:1fr;
}
.trust-heading h2{
font-size:40px;
}
}
@media(max-width:768px){
.trust-section{
padding:75px 0;
}
.trust-heading h2{
font-size:32px;
}
.counter-box{
padding:35px 25px;
}
.counter-box h3{
font-size:52px;
}
.counter-box p{
font-size:18px;
}
.trust-content p{
font-size:17px;
line-height:1.9;
}
}
/* PRODUCT SECTION */
.product-section{
padding:100px 0;
background:#fff;
}
.container{
width:90%;
max-width:1350px;
margin:auto;
}
/* HEADING */
.section-heading{
text-align:center;
margin-bottom:60px;
}
.section-heading h2{
font-size:40px;
line-height:1.3;
color:#111;
font-weight:700;
font-family:'Poppins',sans-serif;
}
/* GRID */
.product-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
}
/* CARD */
.product-card{
background:#fff;
border:1px solid #e8e8e8;
border-radius:14px;
overflow:hidden;
transition:0.4s;
}
.product-card:hover{
transform:translateY(-8px);
box-shadow:0 12px 30px rgba(0,0,0,0.08);
}
/* IMAGE */
.product-img{
padding:20px;
background:#fff;
height:320px;
display:flex;
align-items:center;
justify-content:center;
}
.product-img img{
width:100%;
height:100%;
object-fit:contain;
transition:0.4s;
}
.product-card:hover img{
transform:scale(1.05);
}
/* CONTENT */
.product-content{
padding:0 18px 25px;
text-align:center;
}
.product-content h3{
font-size:19px;
line-height:1.5;
color:#111;
font-weight:700;
}
/* RESPONSIVE */
@media(max-width:1100px){
.product-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.product-section{
padding:70px 0;
}
.section-heading h2{
font-size:34px;
}
.product-grid{
grid-template-columns:1fr;
}
.product-img{
height:260px;
}
.product-content h3{
font-size:18px;
}
}
/* TECHNICAL SECTION */
.technical-section{
padding:110px 0;
background:#f5f5f5;
}
/* HEADING */
.technical-heading{
text-align:center;
margin-bottom:70px;
}
.technical-heading h2{
font-size:40px;
line-height:1.3;
color:#111;
font-weight:700;
}
/* GRID */
.technical-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
/* BOX */
.technical-box{
background:#fff;
padding:35px 32px;
border-radius:20px;
box-shadow:0 12px 35px rgba(0,0,0,0.08);
transition:0.4s;
position:relative;
}
.technical-box:hover{
transform:translateY(-10px);
}
/* NUMBER */
.technical-box span{
width:58px;
height:58px;
background:#244984;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
font-weight:700;
margin-bottom:28px;
}
/* TITLE */
.technical-box h3{
font-size:22px;
line-height:1.4;
color:#111;
font-weight:700;
margin-bottom:20px;
}
/* TEXT */
.technical-box p{
font-size:18px;
line-height:1.7;
color:#111; text-align: left;
}
/* RESPONSIVE */
@media(max-width:1100px){
.technical-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.technical-section{
padding:70px 0;
}
.technical-heading h2{
font-size:34px;
}
.technical-grid{
grid-template-columns:1fr;
}
.technical-box{
padding:28px 24px;
}
.technical-box h3{
font-size:24px;
}
.technical-box p{
font-size:16px;
line-height:1.8;
}
}
/* ======================================================
CLIENT SECTOR SECTION
====================================================== */
.client-sector-section{
padding:110px 0;
background:#f5f7fc;
overflow:hidden;
position:relative;
}
/* CONTAINER */
.client-sector-section .container{
max-width:1350px;
}
/* ======================================================
BOX
====================================================== */
.client-sector-box{
background:#ffffff;
border-radius:28px;
padding:35px;
position:relative;
overflow:hidden;
height:760px;
box-shadow:0 12px 40px rgba(0,0,0,0.06);
border:1px solid #edf1f7;
margin-bottom:30px;
}
/* CIRCLE EFFECT */
.government-sector::before{
content:"";
position:absolute;
width:240px;
height:240px;
background:#0057ff10;
border-radius:50%;
top:-100px;
right:-90px;
}
.private-sector::before{
content:"";
position:absolute;
width:240px;
height:240px;
background:#ffb40012;
border-radius:50%;
top:-100px;
right:-90px;
}
/* ======================================================
TITLE
====================================================== */
.sector-title{
margin-bottom:35px;
position:sticky;
top:0;
padding-bottom:15px;
}
.sector-title h2{
font-size:26px;
font-weight:800;
color:#0d2b5c;
text-align:center;
margin:0;
line-height:1.3;
}
/* ======================================================
LOGO WRAPPER
====================================================== */
.client-logo-wrapper{
height:620px;
overflow:hidden;
position:relative;
}
/* ======================================================
LOGO GRID
====================================================== */
.client-logo-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
list-style:none;
padding:0;
margin:0;
animation:logoScroll 35s linear infinite;
}
/* ======================================================
LOGO CARD
====================================================== */
.client-logo-grid li{
background:#fff;
border-radius:18px;
min-height:120px;
border:1px solid #edf1f7;
display:flex;
align-items:center;
justify-content:center;
padding:14px;
transition:0.4s;
position:relative;
overflow:hidden;
}
/* HOVER EFFECT */
.client-logo-grid li:hover{
transform:translateY(-6px);
box-shadow:0 12px 28px rgba(0,0,0,0.08);
}
/* LIGHT EFFECT */
.client-logo-grid li::before{
content:"";
position:absolute;
width:100%;
height:100%;
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,0.5),
transparent
);
top:0;
left:-100%;
transition:0.6s;
}
.client-logo-grid li:hover::before{
left:100%;
}
/* ======================================================
IMAGE
====================================================== */
.client-logo-grid li img{
width:100%;
max-width:110px;
height:70px;
object-fit:contain;
transition:0.4s;
}
.client-logo-grid li:hover img{
filter:grayscale(0%);
transform:scale(1.06);
}
/* ======================================================
AUTO SCROLL
====================================================== */
@keyframes logoScroll{
0%{
transform:translateY(0);
}
100%{
transform:translateY(-50%);
}
}
/* ======================================================
RESPONSIVE
====================================================== */
@media(max-width:1199px){
.client-logo-grid{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:991px){
.client-sector-box{
height:auto;
}
.client-logo-wrapper{
height:auto;
}
.client-logo-grid{
animation:none;
}
}
@media(max-width:768px){
.client-sector-section{
padding:70px 0;
}
.client-sector-box{
padding:25px 18px;
border-radius:22px;
}
.sector-title{
margin-bottom:25px;
}
.sector-title h2{
font-size:28px;
}
.client-logo-grid{
grid-template-columns:repeat(2,1fr);
gap:14px;
}
.client-logo-grid li{
min-height:95px;
padding:10px;
}
.client-logo-grid li img{
height:58px;
max-width:90px;
}
}
/* ======================================================
INDUSTRIES SECTION
====================================================== */
.industries-section{
padding:110px 0;
background:#fff;
overflow:hidden;
}
.industries-section .container{
max-width:1320px;
}
/* ======================================================
HEADING
====================================================== */
.industry-heading{
text-align:center;
margin-bottom:60px;
}
.industry-heading h2{
font-size:40px;
font-weight:800;
color:#0d2b5c;
line-height:1.3;
margin:0;
}
/* ======================================================
SWIPER
====================================================== */
.industriesSwiper{
overflow:hidden;
padding-bottom:20px;
}
/* ======================================================
CARD
====================================================== */
.industry-card{
background:#fff;
border-radius:24px;
overflow:hidden;
box-shadow:0 10px 35px rgba(0,0,0,0.06);
transition:0.4s;
height:100%;
border:1px solid #edf1f7;
}
.industry-card:hover{
transform:translateY(-8px);
}
/* ======================================================
IMAGE
====================================================== */
.industry-image{
overflow:hidden;
}
.industry-image img{
width:100%;
height:260px;
object-fit:cover;
transition:0.5s;
display:block;
}
.industry-card:hover .industry-image img{
transform:scale(1.08);
}
/* ======================================================
CONTENT
====================================================== */
.industry-content{
padding:28px;
}
.industry-content h3{
font-size:26px;
font-weight:700;
color:#111;
margin-bottom:15px;
}
.industry-content p{
font-size:17px;
line-height:1.8;
color:#555;
margin:0;
}
/* ======================================================
SWIPER SLIDE
====================================================== */
.industriesSwiper .swiper-slide{
height:auto;
}
/* ======================================================
RESPONSIVE
====================================================== */
@media(max-width:991px){
.industry-heading h2{
font-size:40px;
}
}
@media(max-width:768px){
.industries-section{
padding:70px 0;
}
.industry-heading{
margin-bottom:40px;
}
.industry-heading h2{
font-size:32px;
}
.industry-image img{
height:220px;
}
.industry-content{
padding:22px;
}
.industry-content h3{
font-size:24px;
}
.industry-content p{
font-size:16px;
}
}
/* =====================================================
TESTIMONIAL SECTION
===================================================== */
.testimonial-section{
padding:110px 0;
background:#f5f7fc;
overflow:hidden;
}
/* CONTAINER */
.testimonial-section .container{
max-width:1320px;
}
/* =====================================================
HEADING
===================================================== */
.testimonial-heading{
text-align:center;
margin-bottom:60px;
}
.testimonial-heading span{
display:inline-block;
background:#244984;
color:#fff;
padding:10px 24px;
border-radius:50px;
font-size:14px;
font-weight:600;
letter-spacing:1px;
margin-bottom:18px;
}
.testimonial-heading h2{
font-size:40px;
font-weight:800;
color:#0d2b5c;
margin:0;
}
/* =====================================================
SWIPER
===================================================== */
.testimonialSwiper{
overflow:visible;
}
/* =====================================================
CARD
===================================================== */
.testimonial-card{
background:#fff;
border-radius:28px;
padding:40px 35px;
box-shadow:0 12px 35px rgba(0,0,0,0.06);
position:relative;
transition:0.4s;
height:100%;
border:1px solid #edf1f7;
}
.testimonial-card:hover{
transform:translateY(-8px);
}
/* QUOTE */
.quote-icon{
width:70px;
height:70px;
background:#244984;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:28px;
}
.quote-icon i{
color:#fff;
font-size:34px;
}
/* TEXT */
.testimonial-text{
font-size:16px;
line-height:2;
color:#111;
margin-bottom:35px; text-align: left;
}
/* USER */
.testimonial-user{
display:flex;
align-items:center;
gap:18px;
}
.testimonial-user img{
width:75px;
height:75px;
border-radius:50%;
object-fit:cover;
}
.testimonial-user h4{
font-size:24px;
color:#111;
font-weight:700;
margin-bottom:6px;
}
.testimonial-user span{
font-size:16px;
color:#666;
}
/* =====================================================
RESPONSIVE
===================================================== */
@media(max-width:991px){
.testimonial-heading h2{
font-size:40px;
}
}
@media(max-width:768px){
.testimonial-section{
padding:70px 0;
}
.testimonial-heading{
margin-bottom:40px;
}
.testimonial-heading h2{
font-size:32px;
}
.testimonial-card{
padding:30px 24px;
border-radius:22px;
}
.testimonial-text{
font-size:16px;
line-height:1.9;
}
.testimonial-user h4{
font-size:20px;
}
.testimonial-user span{
font-size:14px;
}
}
/* =====================================================
PREMIUM FAQ SECTION
===================================================== */
.premium-faq-section{
padding:110px 0;
background:#fff;
}
.premium-faq-section .container{
max-width:1200px;
}
/* =====================================================
HEADING
===================================================== */
.faq-top-heading{
text-align:center;
margin-bottom:70px;
}
.faq-top-heading span{
display:inline-block;
background:#244984;
color:#fff;
padding:10px 24px;
border-radius:50px;
font-size:14px;
font-weight:600;
letter-spacing:1px;
margin-bottom:18px;
}
.faq-top-heading h2{
font-size:40px;
line-height:1.3;
font-weight:800;
color:#0d2b5c;
margin:0;
}
/* =====================================================
FAQ ITEM
===================================================== */
.premium-faq-item{
background:#fff;
border-radius:24px;
margin-bottom:24px;
overflow:hidden;
box-shadow:0 10px 35px rgba(0,0,0,0.05);
border:1px solid #edf1f7;
}
/* QUESTION */
.premium-faq-question{
width:100%;
border:none;
background:none;
padding:12px;
display:flex;
align-items:center;
justify-content:space-between;
cursor:pointer;
text-align:left;
}
/* LEFT */
.faq-left-content{
display:flex;
align-items:center;
gap:24px;
}
/* NUMBER */
.premium-faq-number{
width:48px;
height:48px;
min-width:48px;
border-radius:50%;
background:#244984;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
font-weight:700;
}
/* TITLE */
.faq-left-content h3{
font-size:22px;
line-height:1.5;
color:#111;
font-weight:700;
margin:0;
}
/* ICON */
.premium-faq-icon{
width:50px;
height:50px;
border-radius:50%;
background:#f1f5ff;
color:#244984;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
font-weight:600;
transition:0.3s;
}
/* ANSWER */
.premium-faq-answer{
max-height:0;
overflow:hidden;
transition:0.4s ease;
}
.premium-faq-answer p{
padding:0 32px 32px 86px;
margin:0;
font-size:18px;
line-height:1.9;
color:#111;
}
/* ACTIVE */
.premium-faq-item.active .premium-faq-answer{
max-height:300px;
}
.premium-faq-item.active .premium-faq-icon{
transform:rotate(45deg);
background:#244984;
color:#fff;
}
/* =====================================================
RESPONSIVE
===================================================== */
@media(max-width:991px){
.faq-top-heading h2{
font-size:42px;
}
.faq-left-content h3{
font-size:24px;
}
}
@media(max-width:768px){
.premium-faq-section{
padding:70px 0;
}
.faq-top-heading{
margin-bottom:40px;
}
.faq-top-heading h2{
font-size:32px;
}
.premium-faq-question{
padding:22px 20px;
}
.faq-left-content{
gap:16px;
align-items:flex-start;
}
.premium-faq-number{
width:52px;
height:52px;
min-width:52px;
font-size:18px;
}
.faq-left-content h3{
font-size:18px;
line-height:1.6;
}
.premium-faq-icon{
width:42px;
height:42px;
min-width:42px;
font-size:26px;
}
.premium-faq-answer p{
padding:0 20px 24px 20px;
font-size:16px;
line-height:1.8;
}
}