body {
margin: 0 auto;
padding: 0;
background: #fff;
font-family: Roboto-Regular;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility !important;
padding-top: 75px;
}
@font-face{font-family:Roboto-Regular; src:url("../font/roboto/Roboto-Regular.ttf")}
@font-face{font-family:Roboto-Bold; src:url("../font/roboto/Roboto-Bold.ttf")}
@font-face{font-family:Roboto-Medium; src:url("../font/roboto/Roboto-Medium.ttf")}
ul {padding-left: 0;}
a {text-decoration: none !important;}
b {font-weight: 900 !important;}
.clear{clear:both}
.col-center {float: none;margin-right: auto;margin-left: auto}
.allborder { border: 1px solid #e6e6e6 }
.topsp-62{margin-top: 62px;}
.space-100{padding: 100px;}
.border { border: 1px solid #d2d2d2; }
.t2bs50 { margin-bottom: 50px; margin-top: 50px;}
.t2bs30 { margin-bottom: 30px; margin-top: 30px; }
.bsp50 { margin-bottom: 50px; }
.bsp30 { margin-bottom: 30px;}
.topsp15 { margin-top: 15px;}
.topsp30 { margin-top: 30px; }
.topsp10 { margin-top: 10px; }
.topsp60 { margin-top: 60px; }
.topsp70 { margin-top: 70px; }
.topsp80 { margin-top: 80px; }
.leftnone { padding:5px 3px 0 0;}
.rightnone { padding:5px 0 0 2px;}
.midnone { padding:5px 3px 0 2px;}
.left-none{padding-left:0;}
.no-space{padding-left:0;padding-right:0;}
.space-5{padding-left:5px;padding-right:5px;}
.right-none{padding-right:0;}
.bor-top-2{border-top:4px solid #fff}
.bor-bot-2{border-bottom:4px solid #fff}
.bor-left-1{border-right:4px solid #fff;border-left:2px solid #fff;}
.bor-right-1{border-right:2px solid #fff;border-left:4px solid #fff;}
.border-left-2 {border-left:2px solid #054b23;}
.bg-off{background-color:#dcdedc}
.show{display:block}
.noshow{display:none}
.l_r_sp_2 {padding-left:2px;padding-right:2px}
.r_sp_2 {padding-right:2px}
.l_sp_2 {padding-left:2px;}
.l_r_sp_5 {padding-left:5px;padding-right:5px}
header {
top: 0;
left: 0;
right: 0;
position: absolute;
border: 0;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
header .bar {padding:8px 0px;background-color:#119744;color:#fff;font-size:.875rem;font-weight:500;letter-spacing:0.3px;}
header .bar ul.top_logs {float:right;margin-bottom:0;}
header .bar ul.top_logs li {display: inline-block;padding-top: 5px}
header .bar ul.top_logs li a {font-size:.875rem;font-weight:500;color:#fff}
header .bar ul.top_logs li a:hover {color: #053705}
header .bar ul.top_logs li svg {color:#fff;font-size:.875rem;font-weight:500;margin-right:5px;}
header .bar ul.top_logs li svg:hover {color: #053705}
header .bar ul.top_logs li + li:before {content: '|';color: #053705;padding: 0px 7px}
header .bar_content {display: block;transform: translateX(100%); animation: move 60s linear infinite;}
@keyframes move {to { transform: translateX(-100%); }}
.top-header {}
.top-header ul.hiddendiv{display:inline-block}
.top-header ul {margin:0;padding:15px 25px 0;list-style-type:none;text-align:right;float:right;display:inline-block;}
.top-header ul li {display:inline-block;}
.top-header .top-logo {background:#fff;padding-top:5px;}
.top-header .infopart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.top-header .info-part {
margin-right: 30px;
padding:10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.top-header .info-part:last-child {margin-right: 0px}
.top-header .info-part svg {font-size:40px;margin-right: 15px;color: #119744;}
.top-header .info-part p {margin-top:0;margin-bottom:0;}
.top-header .info-part p small {font-size:.875rem;line-height:1.1rem;display:block;text-align:left;text-transform:capitalize;margin-bottom:0}
.top-header .info-part p span {font-size:1rem;font-weight:600}
.allIcon {
display: inline-block;
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-size: 300px 300px;
}
.fbIcon,
.idsaIcon,
.instagramIcon,
.pinterestIcon,
.twitterIcon,
.youtubeIcon,
.appstoreIcon,
.whatsappIcon {width:30px;height:30px}
.allIcon.fbIcon {background-position:-271px -35px;background-color:#3b589a}
.allIcon.twitterIcon {background-position: -208px -70px;background-color:#00abf1}
.allIcon.instagramIcon {background-position: -238px -70px;background-image:url(../img/sprite.png);background-repeat:no-repeat;background-position:-265px -105px}
.allIcon.youtubeIcon {background-position: -242px -35px;background-color:#da2724}
.wscontainer {padding-top:10px; border-top:1px solid #d2d2d2;margin-top:10px}
nav.navbar {background: #fff;box-shadow: none;font-weight: inherit;padding: 0;margin-top: 30px;}
nav.navbar .right-side{background-color:#005a1e;right: 25px;position: relative; max-width: 225px }
nav.navbar .right-side ul {margin:0;padding:0;list-style-type:none;text-align: right;}
nav.navbar .right-side ul li {color:#fff;font-size:.875rem;line-height:1.1rem;display:inline-block;padding: 15px;border-left: solid 1px rgba(255, 255, 255, 0.3);}
nav.navbar .right-side ul li:hover { background: rgba(255, 255, 255, 0.2); }
nav.navbar .right-side ul li a {font-size:.875rem;line-height:1.1rem;color:#fff;}
nav.navbar .right-side ul li svg {color:#fff;font-size:.875rem;margin-right: 5px;}
nav.navbar .right-side ul li:first-child { border-left: none; }
.login-button{position:absolute;z-index:1000;bottom:5px}
.btn {text-transform: none;}
.btn-group .btn-but {
font-size: .875rem;
color: #fff;
padding: 5px 10px;
display: block;
height:35px;
margin: 0;
outline: none;
background: #059646;
box-shadow: none;
border: 1px solid #059646;
border-radius: 0;
text-align: center;
cursor: pointer;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.btn-group .btn-but .svg-inline--fa {height:1.1rem;width:1.1rem;}
.btn-group label {margin-bottom:0}
.btn-login-button {color: #fff;background-color:#119744 !important; -webkit-box-shadow:none;box-shadow: none;padding: .6rem 1.1rem;font-size:1rem;margin:0 .375rem 0 0;border: 0;-webkit-border-radius:0;border-radius: 0;}
.btn-login-button:hover {-webkit-box-shadow:none;box-shadow:none;outline: 0;}
.sweep-to-right {
color: #fff !important;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: color 1000ms;
transition: color 1000ms;
}
.sweep-to-right:before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:#005a1e;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.sweep-to-right:hover:before{ -webkit-transform: scaleX(1);transform: scaleX(1);}
.prodImg img { -webkit-filter: grayscale(1); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.4s ease 0.2s; transition: all 0.4s ease 0.2s; }
.prodSec:hover .prodImg img { -webkit-filter: grayscale(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(0); filter: grayscale(0); }
@-webkit-keyframes cd-fade-in {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes cd-fade-in {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
.prodImg-base {position:absolute;z-index:1000;bottom:30px;display:block;padding:5px 10px;background:rgba(0,0,0,.3);width:100%;}
.prodImg-base h2 {font-weight:600;font-size:1.5rem;color:#fff;text-align:left;text-transform:uppercase;text-shadow: 0 0 1px rgba(0,0,0,.7);padding:0;}
.prodImg-base p {font-weight:400;font-size:.875rem;color:#fff;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:0;}
.newSchemeBtn {margin-top:10px;margin-bottom:10px;text-align:center;}
.newSchemeBtn a{text-transform:uppercase;font-size:1rem;font-weight:500;color:#fff;background-color:#119744;padding:7px 5px;display:block;transition: all .5s ease-out;}
.newSchemeBtn a:hover {color:#fff;}
.newSchemeBtn a svg {margin-right:5px;}
.hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #059646;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-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-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {color: white;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.organic-food-fresh-banner .offer-banner{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.organic-food-fresh-banner .offer-banner:hover{
-webkit-filter: grayscale(0.6);
filter: grayscale(0.6);
margin-bottom: 5px;
}
.organic-food-fresh-banner .offer-banner a.banner-hover::before,
.organic-food-fresh-banner .offer-banner a.banner-hover::after{
content: "";
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
z-index: 9;
opacity: 0;
}
.organic-food-fresh-banner .offer-banner a.banner-hover::before{
-webkit-transform: scale(1,0);
-o-transform: scale(1,0);
transform: scale(1,0);
}
.organic-food-fresh-banner .offer-banner a.banner-hover::after{
-webkit-transform: scale(0,1);
-o-transform: scale(0,1);
transform: scale(0,1);
}
.organic-food-fresh-banner .offer-banner a.banner-hover::before{
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
.organic-food-fresh-banner .offer-banner a.banner-hover::after{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.organic-food-fresh-banner .offer-banner:hover a.banner-hover::before,
.organic-food-fresh-banner .offer-banner:hover a.banner-hover::after{
opacity: 1;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.organic-food-fresh-banner .offer-banner a.banner-hover::before,
.organic-food-fresh-banner .offer-banner a.banner-hover::after,
.organic-food-fresh-banner .offer-banner:hover a.banner-hover::before,
.organic-food-fresh-banner .offer-banner:hover a.banner-hover::after{
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.organic-food-fresh-banner .offer-banner a.banner-hover{
display: block;
position: relative;
overflow: hidden;
margin-bottom:5px
}
.organic-food-fresh-banner .offer-banner:hover a.banner-hover img{
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.organic-food-fresh-banner .offer-banner a.banner-hover img,
.organic-food-fresh-banner .offer-banner:hover a.banner-hover img{
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.organic-food-fresh-banner .offer-banner .banner-content{
position: absolute;
bottom: 66%;
right: 50px;
transform: translateY(50%);
width: 70%;
z-index: 20;
text-align:right;
}
.organic-food-fresh-banner .offer-banner .banner-content span{color:#000;font-size:16px;font-weight:500;line-height:22px;}
.organic-food-fresh-banner .offer-banner .banner-content h2{
font-size:25px;
font-weight:600;
color:#000;
line-height:30px;
}
.organic-food-fresh-banner .offer-banner .banner-content a{
color: #5fa800;
margin-top: 16px;
display: flex;
align-items: center;
}
.organic-food-fresh-banner .offer-banner .banner-content a::after{
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
margin-left: 6px;
font-size: 16px;
}
.organic-food-fresh-banner .offer-banner .banner-content a:hover{
color: #000;
}
.mid-home {padding-bottom:50px;padding-top:50px;background:rgba(17, 151, 68, 0.7); color:#fff; text-align:center;}
.mid-home h2 {font-size: 2.2rem;font-weight:700;line-height:2.5rem;text-transform:capitalize;margin-bottom:25px;}
.mid-home h3 {font-size: 1.7rem;font-weight:700;line-height:1.5rem;margin-bottom:15px;}
.mid-home p {font-size:1.1rem;font-weight:700;margin-bottom:12px;}
.product-home {padding-bottom:50px;padding-top:50px;background:#fff}
.product-home h2 {
font-size: 2rem;
font-weight: 700;
line-height: 2.5rem;
text-transform: capitalize;
margin-bottom: 25px;
}
.product-home h3 {
font-size: 1.1rem;
font-weight: 600;
line-height: 1.5rem;
margin-bottom: 15px;
}
.product-home p {
font-size: .875rem;
margin-bottom: 12px;
}
.product-home .base {/*border: 2px solid #d2d2d2;*/border-radius: 2px;padding:2px;margin-top: 15px;}
.product-home .base .box {border: 2px solid #d2d2d2;border-radius: 2px;padding:2px;background: rgba(255, 255, 255, 0.2);}
.product-home .base .box a.img-txt {position:relative}
.product-home .base .box a.img-txt::before {
position: absolute;
content: "";
top: -120px;
left: -3px;
width: 100%;
height: 265px;
border-radius:0;
padding:15px;
background: rgba(0, 0, 0, 0.3);
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s
}
.product-home .base .box a.img-txt:hover::before {background: rgba(17, 151, 68, 0.7)}
.product-home .base .box a.img-txt h5 {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
text-transform: capitalize;
text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}
.product-home .base .box a.img-txt h5 span {display: block;font-size: 1rem;font-weight: 300}
@media (max-width: 400px) {
/*.product-home .base .box a.img-txt h5 {font-size:1rem;line-height:24px}*/
.product-home .base .box a.img-txt h5 span {font-size:.875rem}
}
.product-home .base .product-box {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 25px;
padding: 7px;
border-radius: 8px;
border: 2px solid #d2d2d2;
background: rgba(255, 255, 255, 0.2);
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s
}
.product-home .base .product-box:hover {
border-color: rgba(17, 151, 68, 1);
-webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1)
}
.product-home .base .product-box:hover .product-widget {opacity: 1;bottom: 15px}
.product-home .base .product-box:hover .product-add {color: #fff;background: #119744;}
.product-home .base .product-box .product-media {position: relative}
.product-home .base .product-box .product-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: 10px;
left: 10px
}
.product-home .base .product-box .label-text {
font-size: 14px;
padding: 5px 8px;
line-height: 16px;
border-radius: 3px;
margin-bottom: 5px;
color: #fff;
text-align: center;
text-transform: capitalize
}
.product-home .base .product-box .label-text.off {background: #ff3838;}
.product-home .base .product-box .label-text.new {background: #11b76b;}
.product-home .base .product-box .label-text.sale {background: #e86121;}
.product-home .base .product-box .label-text.feat {background: #b12fad;}
.product-home .base .product-box .label-text.rate {background: #ffab10;}
.product-home .base .product-box .label-text.order {background: #1494a9;}
.product-home .base .product-box .product-wish {position:absolute;top:10px;right:10px;font-size:1.1rem;color:#ff3737;}
.product-home .base .product-box .product-wish.active {color: #119744;}
.product-home .base .product-box .product-image img {width: 100%}
.product-home .base .product-box .product-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
opacity: 0;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s
}
.product-home .base .product-box .product-widget span {
width: 40px;
height: 40px;
font-size: 15px;
margin: 0px 6px;
line-height: 40px;
text-align: center;
border-radius: 8px;
color: #fff;
background: #119744;
text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.12)
}
.product-home .base .product-box .product-content {
padding-top: 15px;
margin-top: 15px;
text-align: center;
border-top: 1px solid #d2d2d2;
}
.product-home .base .product-box .product-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 3px
}
.product-rating i, .product-rating a {font-size:.875rem;margin:0px 2px;color:#777}
.product-rating a {
white-space: nowrap;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s
}
.product-rating a:hover {color:#119744;text-decoration:underline}
.product-rating .active {color:#ffab10;}
.product-home .base .product-box .product-content h6.product-name {
text-transform: capitalize;
font-size: 1.1rem;
font-weight: 600;
color: #565765;
margin-bottom: 5px;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s
}
.product-home .base .product-box .product-content h6.product-name:hover {color: #119744;}
.product-home .base .product-box .product-content h6.product-price {
font-size: 1rem;
font-weight: 700;
color: #565765;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 15px
}
.product-price del {color:#ff3838;margin-right:8px}
.product-home .base .product-box .product-content h6.product-price span {
color: #ff3838;
white-space: nowrap;
margin-left: 7px;
}
.product-price span small {font-weight: 400}
.product-disable {position: relative}
.product-disable:hover {border-color:#e8e8e8;-webkit-box-shadow:none;box-shadow:none}
.product-disable:hover .product-add {color: #39404a;background: #e8e8e8;}
.product-disable .product-widget {visibility: hidden}
.product-disable::before {
position: absolute;
content: "Out of Stock";
top: 40%;
left: 50%;
z-index: 2;
width: 100%;
font-size: 15px;
font-weight: 400;
padding: 15px 0px;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
background: rgba(224, 152, 22, 0.9)
}
.product-disable::after {
position: absolute;
content: "";
top: 0px;
left: 0px;
z-index: 1;
width: 100%;
height: 100%;
border-radius: 8px;
background: rgba(255, 255, 255, 0.6)
}
.product-ref { text-align: center;}
.product-ref .border-base { border: 1px solid #d2d2d2; padding:10px; background: #fff; }
.product-ref h2 {
font-size: 30px;
font-weight: 600;
color: #161616;
text-align: center;
padding-bottom: 10px;
padding-top: 20px;
}
.product-ref h3 {
font-size: 1.3rem;
font-weight: 500;
line-height: 30px;
color: #964b06;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}
.product-ref h4 {
font-size: 1rem;
font-weight: 200;
color: #161616;
text-align: center;
margin-top: 0;
}
.product-ref h5 {
font-size: 0.875rem;
font-weight: 700;
color: #d20000;
text-align: center;
}
.product-ref h5 i {padding-right: 3px;}
.product-ref p {
font-size: 15px;
color: #161616;
text-align: center;
padding-top: 10px;
padding-bottom: 50px;
}
.product-ref-but {
margin: 5px auto;
padding: 10px 20px;
display: inline-block;
position: relative;
text-decoration: none;
text-align: center;
font-size: 16px;
color: black;
width: auto;
overflow: hidden;
z-index: 2;
transition: all .5s ease;
}
.product-ref-but span {z-index:2;position:relative;}
.product-ref-but i {margin-right: 5px;}
.product-ref-but:hover {color: white;text-decoration: none;}
.product-ref-but:hover:before {right: 95%;opacity: 1;}
.product-ref-but:hover:after {left: 5%;opacity: 1;}
.product-ref-but:before {
opacity: 0;
content: '';
display: block;
position: absolute;
background:#00379b;
width:4px;
height: 100%;
top: 0;
right: 100%;
transition:all .6s ease;
}
.product-ref-but:after {
opacity: 0;
content: '';
display: block;
position: absolute;
background:#557dfa;
width: 100%;
height: 100%;
top: 0;
left: 100%;
transition:all .5s ease;
}
.mid-banner {width: 100%;overflow: hidden;border-radius: 8px}
.mid-banner a img {
border-radius: 8px;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s
}
.mid-banner a img:hover {-webkit-transform: scale(1.05);transform: scale(1.05)}
.about-pro{background:#000;padding:60px;}
.about-pro h2 {color:#fff;font-size:2rem;font-weight:400;text-transform: uppercase;text-align: center;padding:15px 0;}
.about-pro h3 {color:#fff;font-size:1.3rem;font-weight:400;text-align: center;padding:15px 0;}
.about-pro p {color:#fff;text-align: center;}
.para-new {background: url("../img/img-c.jpg") no-repeat center top fixed;background-size: cover;padding: 0 150px; text-align: center;}
.para-new-base {background: rgba(255, 255, 255,.9); padding: 50px;}
.para-new-base h1{font-size: 4rem; font-weight: 400; font-family: Roboto-Bold; line-height: 3rem;letter-spacing: 1px;text-align: center;text-transform: uppercase; color: #222;margin-top: 30px}
.para-new-base h2{font-size: 2.2rem; font-weight: 200; line-height: 2rem;letter-spacing: 1px;text-align: center;color: #111; margin-top: 30px}
.para-new-base h3{font-size: 3.3rem; font-weight: 300; font-family: Roboto-Medium; line-height: 3rem;letter-spacing: 1px;text-align: center;color: #de1616; margin-top: 30px;margin-bottom: 30px}
.para-new-base h4 {
font-size: 1.1rem;
font-weight: 100;
color: #222;
line-height: 2rem;
text-align: center;
}
.para-new-base h4::before {
position: absolute;
content: "";
height: 2px;
right: 35%;
bottom: 75px;
width: 100px;
}
.para-new-base h4::after {
position: absolute;
content: "";
height: 2px;
left: 35%;
bottom: 75px;
width: 100px;
}
.para-new-base h4::before, .para-new-base h4::after { background: #111; }
.brand-area {background:#19afaf;padding-top:100px;padding-bottom:100px;border-top:1px dashed #057373;border-bottom:1px dashed #057373;}
.brand-area h1 {
text-align:center;
text-transform: capitalize;
font-size:1.1rem;
font-weight:600;
line-height: 1.36842rem;
letter-spacing: .10526em;
display: block;
color:#053705;
}
.brand-area h1::before {
content: '';
display: block;
width: 100px;
height:2px;
background-color:#053705;
position: relative;
bottom: 10px;
margin:10px auto;
}
.brand-area h2 {
font-weight:200;
font-size:2.2rem;
font-family:Roboto-Medium;
letter-spacing:1px;
line-height:3rem;
color:#fff;
text-transform: uppercase;
text-align:center;
text-shadow: 0 6px 11px rgba(0,0,0,.1);
margin-top:7px;
margin-bottom:30px;
}
.brand-area h2 span {font-weight:500;font-size:1.5rem;}
.brand-area h3 {
color:#504e4b;
font-size:1.5rem;
font-weight:800;
text-transform:uppercase;
text-align:center;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
margin-bottom:30px;
padding-bottom:15px;
border-bottom: 1px solid rgba(0,0,0,.3);
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
/*.slick-slide {transition: all 300ms ease;opacity: .1;} */
.slick-active {
opacity: 1;
/* transform: scale(0.5);*/
/*-webkit-filter: grayscale(100%);
filter: grayscale(100%);*/
/*transition: all .3s;*/
}
.slick-current {
opacity: 1;
/* transform: scale(1.1);
-webkit-filter: grayscale(0);
filter: grayscale(0);*/
}
.footer {
background: #f6f6f6;
font-size: .875rem;
font-weight: 400;
letter-spacing: 1px;
line-height: 22px;
border-top: 2px solid #d2d2d2;
}
.footer-bottom {
background-color: #119744;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
.footer .h-footer {font-size:1rem;font-weight: 600;line-height:1.5rem;letter-spacing: 1px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #d2d2d2}
.footer-middle {padding: 30px 30px 15px;}
.footer-links {
text-align: center;
display: flex;
justify-content: space-around;
color: #000;
align-items: center;
font-size: 13px;
letter-spacing: 0.5px;
line-height: 40px;
background: #fff;
}
.footer-copyright {
color: #fff;
font-size:.875rem;
letter-spacing: 0.5px;
line-height: 20px;
}
.footer ul li a {
color: #000;
font-size: .875rem;
font-weight: 400;
letter-spacing: 1px;
}
.footer ul li a:hover{color: #119744;}
.footer ul li{line-height:22px;list-style:none;}
.footer p{font-weight: 300;}
.footer h2{font-size:1.1rem;font-weight:500}
.facebook{background:#3a5897;}
.youtube{background:#fe0000;}
.twitter{background:#00acee;}
.whatsapp{background:#25d366;}
.instagram{background:#8a3ab9;}
footer .footer_social {text-align:left;margin-top:15px}
footer .footer_social li {display:inline-block}
footer .footer_social li a {color:#fff;font-size: 1rem;line-height: 25px; text-align: center !important;}
footer .footer_social li a:hover {color:#fff}
footer .footer_social li+li { margin-left:10px}
footer .footer_social li a svg.telegram {
background: #31a8e0;
text-shadow: #1f95d1 1px 1px, #1d90c9 2px 2px, #1a8bc1 3px 3px, #1785ba 4px 4px, #157fb2 5px 5px, #1279aa 6px 6px, #1073a2 7px 7px, #0d6d9a 8px 8px, #0b6793 9px 9px, #085f8a 10px 10px;
}
footer .footer_social li a svg.android { background:#93c01d;text-shadow:rgb(77,155,214) 1px 1px,rgb(77,155,214) 2px 2px,rgb(77,155,214) 3px 3px,rgb(77,155,215) 4px 4px,rgb(77,156,215) 5px 5px,rgb(77,156,215) 6px 6px,rgb(77,156,216) 7px 7px,rgb(77,156,216) 8px 8px,rgb(77,156,216) 9px 9px,rgb(78,157,217) 10px 10px,rgb(78,157,217) 11px 11px,rgb(78,157,217) 12px 12px,rgb(78,157,217) 13px 13px,rgb(78,157,218) 14px 14px,rgb(78,158,218) 15px 15px,rgb(78,158,218) 16px 16px,rgb(78,158,219) 17px 17px,rgb(78,158,219) 18px 18px,rgb(78,159,219) 19px 19px,rgb(79,159,220) 20px 20px,rgb(79,159,220) 21px 21px,rgb(79,159,220) 22px 22px,rgb(79,159,220) 23px 23px,rgb(79,160,221) 24px 24px,rgb(79,160,221) 25px 25px,rgb(79,160,221) 26px 26px,rgb(79,160,222) 27px 27px,rgb(79,160,222) 28px 28px,rgb(79,161,222) 29px 29px,rgb(80,161,223) 30px 30px,rgb(80,161,223) 31px 31px,rgb(80,161,223) 32px 32px,rgb(80,162,223) 33px 33px,rgb(80,162,224) 34px 34px,rgb(80,162,224) 35px 35px,rgb(80,162,224) 36px 36px,rgb(80,162,225) 37px 37px,rgb(80,163,225) 38px 38px,rgb(80,163,225) 39px 39px,rgb(81,163,226) 40px 40px,rgb(81,163,226) 41px 41px,rgb(81,163,226) 42px 42px,rgb(81,164,226) 43px 43px,rgb(81,164,227) 44px 44px,rgb(81,164,227) 45px 45px,rgb(81,164,227) 46px 46px,rgb(81,164,228) 47px 47px,rgb(81,165,228) 48px 48px,rgb(81,165,228) 49px 49px,rgb(82,165,229) 50px 50px,rgb(82,165,229) 51px 51px,rgb(82,166,229) 52px 52px,rgb(82,166,229) 53px 53px,rgb(82,166,230) 54px 54px,rgb(82,166,230) 55px 55px,rgb(82,166,230) 56px 56px,rgb(82,167,231) 57px 57px,rgb(82,167,231) 58px 58px,rgb(82,167,231) 59px 59px,rgb(83,167,232) 60px 60px,rgb(83,167,232) 61px 61px,rgb(83,168,232) 62px 62px,rgb(83,168,232) 63px 63px,rgb(83,168,233) 64px 64px,rgb(83,168,233) 65px 65px,rgb(83,169,233) 66px 66px,rgb(83,169,234) 67px 67px,rgb(83,169,234) 68px 68px,rgb(83,169,234) 69px 69px,rgb(84,169,235) 70px 70px,rgb(84,170,235) 71px 71px,rgb(84,170,235) 72px 72px,rgb(84,170,235) 73px 73px,rgb(84,170,236) 74px 74px,rgb(84,170,236) 75px 75px,rgb(84,171,236) 76px 76px,rgb(84,171,237) 77px 77px,rgb(84,171,237) 78px 78px,rgb(84,171,237) 79px 79px,rgb(85,172,238) 80px 80px}
footer .footer_social li a svg.twitter { background:#55acee;text-shadow:rgb(77,155,214) 1px 1px,rgb(77,155,214) 2px 2px,rgb(77,155,214) 3px 3px,rgb(77,155,215) 4px 4px,rgb(77,156,215) 5px 5px,rgb(77,156,215) 6px 6px,rgb(77,156,216) 7px 7px,rgb(77,156,216) 8px 8px,rgb(77,156,216) 9px 9px,rgb(78,157,217) 10px 10px,rgb(78,157,217) 11px 11px,rgb(78,157,217) 12px 12px,rgb(78,157,217) 13px 13px,rgb(78,157,218) 14px 14px,rgb(78,158,218) 15px 15px,rgb(78,158,218) 16px 16px,rgb(78,158,219) 17px 17px,rgb(78,158,219) 18px 18px,rgb(78,159,219) 19px 19px,rgb(79,159,220) 20px 20px,rgb(79,159,220) 21px 21px,rgb(79,159,220) 22px 22px,rgb(79,159,220) 23px 23px,rgb(79,160,221) 24px 24px,rgb(79,160,221) 25px 25px,rgb(79,160,221) 26px 26px,rgb(79,160,222) 27px 27px,rgb(79,160,222) 28px 28px,rgb(79,161,222) 29px 29px,rgb(80,161,223) 30px 30px,rgb(80,161,223) 31px 31px,rgb(80,161,223) 32px 32px,rgb(80,162,223) 33px 33px,rgb(80,162,224) 34px 34px,rgb(80,162,224) 35px 35px,rgb(80,162,224) 36px 36px,rgb(80,162,225) 37px 37px,rgb(80,163,225) 38px 38px,rgb(80,163,225) 39px 39px,rgb(81,163,226) 40px 40px,rgb(81,163,226) 41px 41px,rgb(81,163,226) 42px 42px,rgb(81,164,226) 43px 43px,rgb(81,164,227) 44px 44px,rgb(81,164,227) 45px 45px,rgb(81,164,227) 46px 46px,rgb(81,164,228) 47px 47px,rgb(81,165,228) 48px 48px,rgb(81,165,228) 49px 49px,rgb(82,165,229) 50px 50px,rgb(82,165,229) 51px 51px,rgb(82,166,229) 52px 52px,rgb(82,166,229) 53px 53px,rgb(82,166,230) 54px 54px,rgb(82,166,230) 55px 55px,rgb(82,166,230) 56px 56px,rgb(82,167,231) 57px 57px,rgb(82,167,231) 58px 58px,rgb(82,167,231) 59px 59px,rgb(83,167,232) 60px 60px,rgb(83,167,232) 61px 61px,rgb(83,168,232) 62px 62px,rgb(83,168,232) 63px 63px,rgb(83,168,233) 64px 64px,rgb(83,168,233) 65px 65px,rgb(83,169,233) 66px 66px,rgb(83,169,234) 67px 67px,rgb(83,169,234) 68px 68px,rgb(83,169,234) 69px 69px,rgb(84,169,235) 70px 70px,rgb(84,170,235) 71px 71px,rgb(84,170,235) 72px 72px,rgb(84,170,235) 73px 73px,rgb(84,170,236) 74px 74px,rgb(84,170,236) 75px 75px,rgb(84,171,236) 76px 76px,rgb(84,171,237) 77px 77px,rgb(84,171,237) 78px 78px,rgb(84,171,237) 79px 79px,rgb(85,172,238) 80px 80px}
footer .footer_social li a svg.facebook { background:#4862a3;text-shadow:rgb(65,88,147) 1px 1px,rgb(65,88,147) 2px 2px,rgb(65,88,147) 3px 3px,rgb(65,88,147) 4px 4px,rgb(65,88,148) 5px 5px,rgb(65,88,148) 6px 6px,rgb(65,88,148) 7px 7px,rgb(65,89,148) 8px 8px,rgb(65,89,148) 9px 9px,rgb(65,89,149) 10px 10px,rgb(65,89,149) 11px 11px,rgb(66,89,149) 12px 12px,rgb(66,89,149) 13px 13px,rgb(66,89,149) 14px 14px,rgb(66,89,150) 15px 15px,rgb(66,90,150) 16px 16px,rgb(66,90,150) 17px 17px,rgb(66,90,150) 18px 18px,rgb(66,90,150) 19px 19px,rgb(66,90,151) 20px 20px,rgb(66,90,151) 21px 21px,rgb(66,90,151) 22px 22px,rgb(67,90,151) 23px 23px,rgb(67,91,151) 24px 24px,rgb(67,91,152) 25px 25px,rgb(67,91,152) 26px 26px,rgb(67,91,152) 27px 27px,rgb(67,91,152) 28px 28px,rgb(67,91,152) 29px 29px,rgb(67,91,153) 30px 30px,rgb(67,91,153) 31px 31px,rgb(67,92,153) 32px 32px,rgb(67,92,153) 33px 33px,rgb(67,92,153) 34px 34px,rgb(68,92,154) 35px 35px,rgb(68,92,154) 36px 36px,rgb(68,92,154) 37px 37px,rgb(68,92,154) 38px 38px,rgb(68,92,154) 39px 39px,rgb(68,93,155) 40px 40px,rgb(68,93,155) 41px 41px,rgb(68,93,155) 42px 42px,rgb(68,93,155) 43px 43px,rgb(68,93,155) 44px 44px,rgb(68,93,156) 45px 45px,rgb(69,93,156) 46px 46px,rgb(69,93,156) 47px 47px,rgb(69,94,156) 48px 48px,rgb(69,94,156) 49px 49px,rgb(69,94,157) 50px 50px,rgb(69,94,157) 51px 51px,rgb(69,94,157) 52px 52px,rgb(69,94,157) 53px 53px,rgb(69,94,157) 54px 54px,rgb(69,94,158) 55px 55px,rgb(69,95,158) 56px 56px,rgb(69,95,158) 57px 57px,rgb(70,95,158) 58px 58px,rgb(70,95,158) 59px 59px,rgb(70,95,159) 60px 60px,rgb(70,95,159) 61px 61px,rgb(70,95,159) 62px 62px,rgb(70,95,159) 63px 63px,rgb(70,96,159) 64px 64px,rgb(70,96,160) 65px 65px,rgb(70,96,160) 66px 66px,rgb(70,96,160) 67px 67px,rgb(70,96,160) 68px 68px,rgb(71,96,160) 69px 69px,rgb(71,96,161) 70px 70px,rgb(71,96,161) 71px 71px,rgb(71,97,161) 72px 72px,rgb(71,97,161) 73px 73px,rgb(71,97,161) 74px 74px,rgb(71,97,162) 75px 75px,rgb(71,97,162) 76px 76px,rgb(71,97,162) 77px 77px,rgb(71,97,162) 78px 78px,rgb(71,97,162) 79px 79px,rgb(72,98,163) 80px 80px}
footer .footer_social li a svg.instagram { background:#d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);background-size: auto;background-size: cover;text-shadow:rgb(55,96,131) 1px 1px,rgb(55,96,131) 2px 2px,rgb(55,96,131) 3px 3px,rgb(55,96,131) 4px 4px,rgb(55,96,131) 5px 5px,rgb(55,96,132) 6px 6px,rgb(55,96,132) 7px 7px,rgb(55,97,132) 8px 8px,rgb(55,97,132) 9px 9px,rgb(55,97,132) 10px 10px,rgb(55,97,133) 11px 11px,rgb(55,97,133) 12px 12px,rgb(55,97,133) 13px 13px,rgb(56,97,133) 14px 14px,rgb(56,98,133) 15px 15px,rgb(56,98,134) 16px 16px,rgb(56,98,134) 17px 17px,rgb(56,98,134) 18px 18px,rgb(56,98,134) 19px 19px,rgb(56,98,134) 20px 20px,rgb(56,98,134) 21px 21px,rgb(56,99,135) 22px 22px,rgb(56,99,135) 23px 23px,rgb(56,99,135) 24px 24px,rgb(56,99,135) 25px 25px,rgb(56,99,135) 26px 26px,rgb(57,99,136) 27px 27px,rgb(57,99,136) 28px 28px,rgb(57,99,136) 29px 29px,rgb(57,100,136) 30px 30px,rgb(57,100,136) 31px 31px,rgb(57,100,137) 32px 32px,rgb(57,100,137) 33px 33px,rgb(57,100,137) 34px 34px,rgb(57,100,137) 35px 35px,rgb(57,100,137) 36px 36px,rgb(57,101,137) 37px 37px,rgb(57,101,138) 38px 38px,rgb(57,101,138) 39px 39px,rgb(58,101,138) 40px 40px,rgb(58,101,138) 41px 41px,rgb(58,101,138) 42px 42px,rgb(58,101,139) 43px 43px,rgb(58,102,139) 44px 44px,rgb(58,102,139) 45px 45px,rgb(58,102,139) 46px 46px,rgb(58,102,139) 47px 47px,rgb(58,102,140) 48px 48px,rgb(58,102,140) 49px 49px,rgb(58,102,140) 50px 50px,rgb(58,103,140) 51px 51px,rgb(58,103,140) 52px 52px,rgb(58,103,140) 53px 53px,rgb(59,103,141) 54px 54px,rgb(59,103,141) 55px 55px,rgb(59,103,141) 56px 56px,rgb(59,103,141) 57px 57px,rgb(59,103,141) 58px 58px,rgb(59,104,142) 59px 59px,rgb(59,104,142) 60px 60px,rgb(59,104,142) 61px 61px,rgb(59,104,142) 62px 62px,rgb(59,104,142) 63px 63px,rgb(59,104,143) 64px 64px,rgb(59,104,143) 65px 65px,rgb(59,105,143) 66px 66px,rgb(60,105,143) 67px 67px,rgb(60,105,143) 68px 68px,rgb(60,105,143) 69px 69px,rgb(60,105,144) 70px 70px,rgb(60,105,144) 71px 71px,rgb(60,105,144) 72px 72px,rgb(60,106,144) 73px 73px,rgb(60,106,144) 74px 74px,rgb(60,106,145) 75px 75px,rgb(60,106,145) 76px 76px,rgb(60,106,145) 77px 77px,rgb(60,106,145) 78px 78px,rgb(60,106,145) 79px 79px,rgb(61,107,146) 80px 80px}
footer .footer_social li a svg.youtube { background:#d02022;text-shadow:rgb(187,29,31) 1px 1px,rgb(187,29,31) 2px 2px,rgb(187,29,31) 3px 3px,rgb(188,29,31) 4px 4px,rgb(188,29,31) 5px 5px,rgb(188,29,31) 6px 6px,rgb(188,29,31) 7px 7px,rgb(189,29,31) 8px 8px,rgb(189,29,31) 9px 9px,rgb(189,29,31) 10px 10px,rgb(189,29,31) 11px 11px,rgb(190,29,31) 12px 12px,rgb(190,29,31) 13px 13px,rgb(190,29,31) 14px 14px,rgb(190,29,31) 15px 15px,rgb(191,29,31) 16px 16px,rgb(191,29,31) 17px 17px,rgb(191,29,31) 18px 18px,rgb(191,29,31) 19px 19px,rgb(192,29,31) 20px 20px,rgb(192,29,31) 21px 21px,rgb(192,29,31) 22px 22px,rgb(193,29,31) 23px 23px,rgb(193,29,31) 24px 24px,rgb(193,29,31) 25px 25px,rgb(193,29,31) 26px 26px,rgb(194,30,32) 27px 27px,rgb(194,30,32) 28px 28px,rgb(194,30,32) 29px 29px,rgb(194,30,32) 30px 30px,rgb(195,30,32) 31px 31px,rgb(195,30,32) 32px 32px,rgb(195,30,32) 33px 33px,rgb(195,30,32) 34px 34px,rgb(196,30,32) 35px 35px,rgb(196,30,32) 36px 36px,rgb(196,30,32) 37px 37px,rgb(196,30,32) 38px 38px,rgb(197,30,32) 39px 39px,rgb(197,30,32) 40px 40px,rgb(197,30,32) 41px 41px,rgb(198,30,32) 42px 42px,rgb(198,30,32) 43px 43px,rgb(198,30,32) 44px 44px,rgb(198,30,32) 45px 45px,rgb(199,30,32) 46px 46px,rgb(199,30,32) 47px 47px,rgb(199,30,32) 48px 48px,rgb(199,30,32) 49px 49px,rgb(200,30,32) 50px 50px,rgb(200,30,32) 51px 51px,rgb(200,30,32) 52px 52px,rgb(200,30,32) 53px 53px,rgb(201,31,33) 54px 54px,rgb(201,31,33) 55px 55px,rgb(201,31,33) 56px 56px,rgb(201,31,33) 57px 57px,rgb(202,31,33) 58px 58px,rgb(202,31,33) 59px 59px,rgb(202,31,33) 60px 60px,rgb(203,31,33) 61px 61px,rgb(203,31,33) 62px 62px,rgb(203,31,33) 63px 63px,rgb(203,31,33) 64px 64px,rgb(204,31,33) 65px 65px,rgb(204,31,33) 66px 66px,rgb(204,31,33) 67px 67px,rgb(204,31,33) 68px 68px,rgb(205,31,33) 69px 69px,rgb(205,31,33) 70px 70px,rgb(205,31,33) 71px 71px,rgb(205,31,33) 72px 72px,rgb(206,31,33) 73px 73px,rgb(206,31,33) 74px 74px,rgb(206,31,33) 75px 75px,rgb(206,31,33) 76px 76px,rgb(207,31,33) 77px 77px,rgb(207,31,33) 78px 78px,rgb(207,31,33) 79px 79px,rgb(208,32,34) 80px 80px}
footer .footer_social li a .svg-inline--fa.fa-w-18 {border-radius:50% !important;width:30px !important;height:30px !important;padding:5px;}
footer .footer_social li a .svg-inline--fa.fa-w-16 {border-radius:50% !important;width:30px !important;height:30px !important;padding:5px;}
footer .footer_social li a .svg-inline--fa.fa-w-14 {border-radius:50% !important;width:30px !important;height:30px !important;padding:5px;}
footer .footer_social li a .svg-inline--fa.fa-w-10 {border-radius:50% !important;width:30px !important;height:30px !important;padding:5px;}
.modal {
position: fixed;
top: 15%;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.login {
padding: 30px;
background: #119744;
background: -webkit-linear-gradient(top, #119744, #119744);
background: -o-linear-gradient(top, #119744, #119744);
background: -moz-linear-gradient(top, #119744, #119744);
background: linear-gradient(to top, #119744, #119744);
}
.login-main .close {
color: #7d7d4b;
font-size: 1.1rem;
line-height: .75rem;
text-align: center;
background:#fff;
opacity: 1;
padding: 5px;
border-radius: 50%;
width: 30px;
height: 30px;
}
.login h2 {
font-size:1.1rem;
font-weight: 300;
color: #fff;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.login h3 {
font-size: .875rem;
font-weight: 100;
text-align: left;
color: #053705;
margin-bottom:5px;
margin-top:25px;
}
.login h3 a { color:#053705;text-decoration: none;}
.login h3 a:hover{color: #fff;}
.login .collapse {border-top: 1px solid #053705;padding-top: 5px;transition:all .6s ease;}
.login-img {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #fff;
padding: 5px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
}
.login-main {}
.login-main .modal-header {border-bottom: 0px solid transparent;display: block;padding: 0;}
.login-main .modal-body {padding: 15px;}
.login h1, h5.w3ls-title {
text-align: center;
font-size:1.7em;
color: #053705;
margin-bottom: 1em;
font-weight:100;
padding-bottom: 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.login input[type="text"],.login input[type="password"] {
display: block;
background: none;
border: none;
border-bottom: 1px solid #7d7d4b;
width: 100%;
outline: none;
font-size: .875rem;
color: #7d7d4b;
font-weight: 400;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
padding: 15px;
text-align: left;
margin: 0em;
font-family: 'Roboto Condensed', sans-serif;
}
.login input[type="text"]:focus, .login input[type="password"]:focus {border-color: #053705;}
.login input[type=text]:focus:not([readonly]), .login input[type=password]:focus:not([readonly]) {
-webkit-box-shadow: 0 1px 0 0 #053705;
box-shadow: 0 1px 0 0 #053705;
border-bottom: 1px solid #053705
}
.login input[type="submit"] {
font-size: 1em;
color: #fff;
padding: 5px 15px;
display: block;
border: none;
margin: 15px auto;
outline: none;
background: rgba(255, 255, 255, 0.2);
box-shadow: inset 3px 0px 5px 0px rgba(0,0,0,0.3);
border: 1px solid #fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
text-align: center;
width: 40%;
cursor: pointer;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.login input[type="submit"]:hover {background: #fff;color: #119744;box-shadow:3px 0px 5px 0px rgba(0,0,0,0.3);}
.login p {font-size: 1em;color: #053705;margin-top: 15px;}
.login select {
display: inline-block;
background: transparent;
border: 1px solid #053705;
width: 49%;
outline: none;
font-size: 0.95em;
color: #053705;
font-weight: 400;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
padding: 7px;
text-align: left;
margin: 1em 0;
font-family: 'Roboto Condensed', sans-serif;
}
::-webkit-input-placeholder{color:#161616;}
.md-form label {color:#fff; font-size: .875rem;}
.md-form input[type=text]:focus:not([readonly]) + label {color: #053705;}
.login input[type="text"], .login input[type="password"] {border-bottom: 1px solid #fff;color:#fff;}
.register {background-color: #fff;box-shadow: 0 2px 15px rgba(0,0,0,.1);width: 420px;margin: 150px auto;}
.register span.msg {
display: block;
text-align: center;
font-size: 1.2em;
color: #de1616;
line-height: 1.5em;
margin-top: 15px;
margin-bottom: 15px;
}
.register h2 {
font-size: 2em;
font-weight: 300;
color: #373737;
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
}
.register h3 {
font-size: 1.2em;
text-align: left;
color: #373737;
margin-bottom: 0.5em;
margin-top: 0.7em;
font-weight: 100;
}
.register h3 a {color:#373737;text-decoration:none;}
.register h3 a:hover{color: #faaf05;}
.register .collapse {
transition:all .6s ease;
border-top: 1px solid #373737;
padding-top: 5px;
}
.register-main {
margin: 0 auto;
border-top: 5px solid #059646;
padding: 25px;
}
.register-main .modal-header {padding:15px 30px;border-bottom: 0px solid transparent;}
.register-main .modal-body {padding: 0 30px 15px 30px;}
.register h1, h5.w3ls-title {
text-align: center;
font-size:1.7em;
color: #373737;
margin-bottom: 1em;
font-weight:100;
padding-bottom: 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.register input[type="text"], .register input[type="password"] {
display: block;
background: none;
border: none;
border-bottom: 1px solid #6f6f6f;
width: 100%;
outline: none;
font-size: 0.95em;
color: #161616;
font-weight: 400;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
padding: 15px;
text-align: left;
margin: 0em;
font-family: 'Roboto Condensed', sans-serif;
}
.register input[type="text"]:focus, .register input[type="password"]:focus { border-color: #053705;}
.register input[type="submit"] {
font-size: 1em;
color: #fff;
padding: 5px 15px;
display: block;
border: none;
margin: 15px 0;
outline: none;
background: #059646;
box-shadow: inset 3px 0px 5px 0px rgba(0,0,0,0.3);
border: 1px solid #059646;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
text-align: center;
width: 150px;
cursor: pointer;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.register input[type="submit"]:hover { background: #fff;color: #059646;box-shadow:3px 0px 5px 0px rgba(0,0,0,0.3);}
.register p {font-size: 1em;color: #6f6f6f;margin-top: 15px;}
.register select {
display: inline-block;
background: transparent;
border: 1px solid #6f6f6f;
width: 49%;
outline: none;
font-size: 0.95em;
color: #6f6f6f;
font-weight: 400;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
padding: 7px;
text-align: left;
margin: 1em 0;
font-family: 'Roboto Condensed', sans-serif;
}
.pagenavlink {margin-top:15px;}
.pagenavlink ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
.pagenavlink ul li {display: inline-block;font-size: .75rem;}
.pagenavlink ul li a {
font-weight: inherit;
font-size: 12px;
text-decoration: none;
text-align: left;
padding: 5px;
line-height: 8px;
color: #000;
}
.pagenavlink ul li a:hover {color: #e61e82;font-weight: 600;}
.pagenavlink li:not(:first-child):before { content: " > "; padding-right: 5px; }
.pagenavlink h2 {
font-size: 1.8rem;
font-weight: 100;
color: #059646;
text-align: center;
padding-bottom: 10px;
padding-top: 20px;
border-bottom : 1px dashed #059646;
display: block;
margin-bottom: 25px;
}
.TextWrapManagement {
margin-right:25px;
margin-bottom:8px;
margin-top: 10px;
float:left;
}
.TextWrap-Management {
margin-left:25px;
margin-bottom:8px;
margin-top: 10px;
float: right;
}
.TextWrapManagement-title {display: block;margin-top: 10px;}
.TextWrapManagement-title ul li {
margin-bottom: 5px;
margin-left: 20px;
font-size: 14px;
line-height: 25px;
text-align: justify;
}
.TextWrapManagement-title h2 {
font-size: 1.5rem;
font-weight: 100;
color: #7d4b00;
text-align: left;
position: relative;
width: auto;
display: inline-block;
padding-bottom: 10px;
padding-top: 10px;
margin-top: 10px;
}
.TextWrapManagement-title h2:before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 1px;
background-color: #7d4b00;
}
.TextWrapManagement-title h3 {
font-size: 1.5rem;
font-weight: 500;
color: #059646;
text-align: left;
}
.TextWrapManagement-title h4 {
font-size: 1.5rem;
font-weight: 500;
color: #056437;
text-align: left;
padding-bottom: 7px;
border-bottom: 1px solid #d2d2d2;
margin-bottom: 15px;
margin-top: 0px;
}
.TextWrapManagement-title h5 {
font-size: 1.1rem;
font-weight: 200;
line-height: 2rem;
color: #056437;
text-align: center;
}
.TextWrapManagement-title h5 span {
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #d2d2d2;
margin-bottom: 10px;
font-size: 1.7rem;
color: #056437;
}
.TextWrapManagement-title p {
font-size: 14px;
line-height: 25px;
text-align: justify;
}
.TextWrapManagement-title p span.sidespace {padding-left: 73px;}
.TextWrapManagement-title ol li {
font-size: 14px;
line-height: 25px;
text-align: justify;
margin-bottom: 10px;
}
.TextWrapManagement-title input[type="submit"], .TextWrapManagement-title input[type="reset"] {
font-size: 1em;
color: #fff;
padding: 5px 15px;
display: block;
border: none;
margin: 15px 0;
outline: none;
background: #059646;
box-shadow: inset 3px 0px 5px 0px rgba(0,0,0,0.3);
border: 1px solid #059646;
-webkit-border-radius: 111px;
-moz-border-radius: 111px;
-o-border-radius: 111px;
-ms-border-radius: 111px;
border-radius: 111px;
text-align: center;
width:123px;
cursor: pointer;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.TextWrapManagement-title input[type="submit"]:hover , .TextWrapManagement-title input[type="reset"]:hover { background: #fff;color: #059646;box-shadow:3px 0px 5px 0px rgba(0,0,0,0.3);}
.title{
font-size:1.5rem;
font-weight:500;
color:#161616;
text-align:center;
display: block;
margin-top:15px;
margin-bottom:15px;
}
.title-p{
font-size:1rem;
font-weight:300;
color:#373737;
text-align:center;
display: block;
margin-bottom:30px;
}
.executive {margin-bottom: 20px;border: 1px solid #d2d2d2;padding: 15px;}
.executive-box {
border: 1px solid #d2d2d2;
padding:15px;
background: #fff;
margin-bottom: 20px;
}
.executive h6 {
font-size: 1.1rem;
font-weight: 100;
color: #053705;
text-align: left;
padding: 10px 25px 10px 5px;
border-bottom : 1px solid #d2d2d2;
margin-bottom: 20px;
display: block;
}
.executive h5 {
font-size: 1.1rem;
font-weight: 100;
color: #053705;
text-align: center;
display: block;
margin-top: 10px;
}
.executive-box h5 {
font-size: 1.1rem;
font-weight:800;
color: #053705;
text-align: center;
display: block;
margin-top:15px;
}
.executive-box h5 span{
font-size: .875rem;
font-weight:600;
color:#373737;
text-align: center;
display: block;
margin-top:15px;
}
.executive-box p {
font-size:.875rem;
font-weight:400;
line-height:1.1rem;
text-align:center;
margin-top:15px;
}
.executive-box img {border: 1px solid #d2d2d2;}
.executive ol li {
padding: 5px;
font-size: 16px;
font-weight: 800;
color: #053705;
}
.executive ol li p {color: #333;}
.rounded-list {}
.rounded-list p {
margin-left: 30px;
font-size: 20px;
line-height: 20px;
}
.rounded-list ol {
counter-reset: li;
margin-left: 0;
padding-left: 0;
}
.rounded-list ol > li {
position:relative;
list-style:none;
padding-left: 15px;
padding-bottom:0px;
padding-top:0px;
margin-bottom: 7px;
}
.rounded-list ol > li p:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: 5px;
top: 50%;
background: #059646;
height: 1.7em;
width: 1.7em;
margin-top: -1em;
line-height: 1.5em;
border: 1px solid #053705;
text-align: center;
font-weight: bold;
font-size: 16px;
color: #fff;
border-radius: 2em;
}
.tab-content > .tab-pane { border: 1px solid #d2d2d2; padding: 20px;}
.nav-tabs { border-bottom: none;background: #059646;}
.nav-tabs .nav-link.active {color: #fff;background-color: #119744;border-color:transparent;}
.tab-pane h1 {
font-size: 1.5rem;
font-weight: 600;
text-align: left;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #96640a;
}
.tab-pane h3 { font-size: 1rem;font-weight:100;text-align: center; margin-bottom: 10px;margin-top: 10px; color:#7d4b00;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
color: #003c1e;
cursor: pointer;
background: #faaf05;
border: none;
}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
color: #003c1e;
cursor: pointer;
background: rgba(255, 255, 255, 0.5);
border: none;
}
.nav-tabs .nav-link {border: none;}
.nav-tabs > li > a {
margin-right: 0;
line-height: 1.42857143;
border-radius: 0;
padding: 7px 49px !important;
font-size: 1rem;
font-weight: 100;
color: #fff;
text-align: center;
border-right: 1px solid #000 !important;
}
.nav-tabs > li > a i {display: block;margin-bottom: 5px;}
#productnav ul {
margin: 30px auto;
padding: 0;
list-style-type: none;
text-align: center;
}
#productnav ul li { display: inline; }
#productnav ul li a {
text-decoration: none;
padding: .4em 1em;
color: #059646;
background-color: #fff;
border: 1px solid #059646;
transition:all .5s ease;
}
#productnav ul li a i {margin-right: 5px;}
#productnav ul li a.active{ color: #fff; background-color: #059646; transition:all .6s ease; }
#productnav ul li a:hover { color: #fff; background-color: #059646; transition:all .6s ease; }
.shadow-container {display:table;width:100%;margin-bottom:30px;}
div.shadow {
border: 1px solid #d2d2d2;
border-radius:0;
box-shadow:none !important;
cursor: pointer;
padding: 15px 10px;
transition:all .5s ease;
display: table-cell;
}
div.shadow:hover {
border-bottom: 2px solid #059646;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
transition:all .6s ease;
}
div.shadow .share {
position: relative;
float: left;
width: 100%
}
.share_new {
pointer-events: none;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 10px;
left: 10px;
width: auto
}
.share_new.sharebox span {
background-color: #059646;
-webkit-box-shadow: inset 2px 0px 6px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 2px 0px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 2px 0px 6px 0px rgba(0,0,0,0.3);
}
.share_new span {
border-radius: 100px;
color: #fff;
display: block;
float: left;
font-size: 16px;
line-height: 22px;
padding: 3px 7px;
position: relative;
text-align: center;
top: 0;
z-index: 1;
width: 30px;
height: 30px
}
.share_new span::before {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid transparent;
border-top-color: transparent;
content: "";
position: absolute;
top: 100%;
left: 20%
}
div.shadow p {
color: #7b7b7b;
text-align: center;
font-size: .875rem;
font-weight: 400;
display: block;
margin-bottom: 5px;
}
div.shadow p.righttext {
text-align: right;
margin-bottom: 0;
}
div.shadow p.lefttext {
text-align: left;
margin-bottom: 0;
}
.product-title {
display: block;
margin-top: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #056437;
text-align: left;
}
.product-title h2 {
font-size: 1.5rem;
font-weight: 100;
color: #056437;
text-align: left;
padding-bottom: 10px;
padding-top: 20px;
margin-top: 10px;
}
.product-title p {
font-size: 14px;
line-height: 20px;
text-align: justify;
}
.bottom-border {
border-bottom: 1px solid rgba(0,0,0,.100);
padding-bottom: 5px;
padding-top: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
.bttext {
font-size: 14px;
font-weight: 500;
text-transform: none;
text-align: center;
text-decoration: none;
color: #059646;
margin-top: 15px;
margin-bottom: 15px;
}
.bttext a {
font-size: 13px;
font-weight: 500;
text-transform: none;
text-align: center;
text-decoration: none !important;
color:#059646;
}
.bttext a:hover { color: #059646; font-weight: 700; }
.bttextdown {
font-size: 16px;
font-weight: 500;
text-transform: none;
text-align: center;
text-decoration: none;
color: #059646;
}
.bttextdownpara p {
font-size: 14px;
font-weight: 500;
text-transform: none;
text-align: center;
text-decoration: none;
}
a .bttextdown {
font-size: 16px;
font-weight: 500;
text-transform: none;
text-align: center;
text-decoration: none;
color:#059646;
}
a:hover .bttextdown { color: #059646; font-weight: 700; }
.fontcolosg { color: #059646; }
.textproduct {
font-family: FuturaStd-Book;
font-size: 13px;
font-weight: normal;
text-align: justify;
line-height: 20px;
color: #000;
padding: 15px 0px;
margin: 15px;
border-bottom: 1px solid #d2d2d2;
border-top: 1px solid #d2d2d2;
max-height: 125px;
overflow: hidden;
box-sizing: border-box;
}
.spacetb15 { padding-top: 15px; padding-bottom: 15px; }
.pro-heading {
font-weight: 700;
font-size: 1.1rem;
line-height: 30px;
color: #059646;
text-align: justify;
}
.pro-sub-heading {
font-weight: 500;
font-size: 15px;
line-height: 25px;
color: #059646;
text-align: justify;
margin-top: 15px;
}
.pro-text {margin-bottom: 15px;margin-top: 15px;}
.pro-text ul {
margin: 10px 0;
padding: 0 0 10px;
list-style-type: none;
text-align: left;
border-bottom: 1px solid #d2d2d2;
display: block
}
.pro-text ul li {
display: inline-block;
padding: 5px;
color: #6f6f6f;
text-align: left !important;
font-size: 1rem;
font-weight: 400
}
.pro-text li:not(:first-child):before {content: " | ";padding-right: 5px}
.pro-text ul li a {
font-size: 1rem;
font-weight: 400;
color: #6f6f6f;
text-align: left !important
}
.pro-text ul li svg {margin: 0 2px}
.pro-text p {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #6f6f6f;
text-align: justify;
margin-top: 15px;
}
.price-box {
font-size: 18px;
margin-top: 2px !important;
padding-top: 12px !important;
border-top: 1px solid #ccc;
}
.buy-but {
font-size: 1em;
color: #fff;
padding: 5px 15px;
display: block;
border: none;
margin: 15px 0;
outline: none;
background: #059646;
box-shadow: inset 3px 0px 5px 0px rgba(0,0,0,0.3);
border: 1px solid #059646;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
text-align: center;
width: 150px;
cursor: pointer;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.buy-but:hover { background: #fff;color: #059646;}
.gridView { max-height: 555px; overflow-y: scroll;}
.table-responsive {width: 100%;margin-bottom: 0px;}
.table-responsive>.table {margin-bottom: 0;}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {white-space: nowrap;}
.table-responsive>.table-bordered {border: 1px solid #d2d2d2;}
.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {border-left: 0;}
.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {border-right: 0;}
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {border-bottom: 0;}
.table > tbody > tr > td {
padding: 5px;
line-height: 1.42857143;
vertical-align: middle;
border-top: 1px solid #d2d2d2;
font-size: 14px;
text-align: center;
}
.table>thead>tr>td,
.table>thead>tr>th {
vertical-align: middle;
text-align: center;
border: 1px solid #4b0537;
color: #fff;
/*font-size: 1.5rem;*/
padding: 5px;
line-height: 1.55;
background: #056437;
}
.table {margin-bottom: 30px;}
.table-bordered {border: 1px solid #d2d2d2; }
table.table th {font-size: 1rem;font-weight: 200;text-align: left; background: #056437; color: #fff;padding-top: .5rem; padding-bottom: .5rem;}
.table > tbody > tr > td {text-align: left;}
.border-pro{}
.border-pro h4{font-size: 1.1rem;font-weight: 100;text-align: left;color: #053705;margin-bottom:5px;margin-top:5px;}
.border-pro p{font-size: .875rem;line-height: 1.1rem;text-align: justify;}
@media (min-width:1366px) and (max-width:1440px) {
header nav.navbar .right-side ul li {padding: 15px 8px; }
.para-new-base h1 {font-size: 3.3rem;}
.para-new-base h3 {font-size: 2.7rem;}
.para-new-base h4::after {left: 30%;}
.para-new-base h4::before {right: 30%;}
}
@media (min-width:1280px) and (max-width:1280px) {
header nav.navbar .right-side ul li {padding: 15px 4px; }
.para-new-base h1 {font-size: 3rem;}
.para-new-base h3 {font-size: 2.7rem;}
.para-new-base h4::after {left: 30%;}
.para-new-base h4::before {right: 30%;}
}
@media (min-width:601px) and (max-width:991px) {
.no-show-md {display: none;}
.show {display: none}
}
@media (min-width:601px) and (max-width:1064px) {
.space-100 {padding: 30px;}
.para-new {padding: 0px 60px; }
/*.top-header ul { padding: 5px 0;}*/
.top-header ul li + li::before { padding:0px 10px;}
.para-new-base h1 { font-size: 3rem;}
.para-new-base h3 {font-size: 2.2rem;}
.para-new-base h4::after {left: 30%;}
.para-new-base h4::before {right: 30%;}
#portfolio li { width: 20%; }
#portfolio-1 li { width: 12%;}
.nav-tabs > li > a {padding: 7px 30px !important;}
footer {padding:0 30px;}
footer .copyright p {text-align: right;}
}
@media (min-width:600px) and (max-width:600px) {
.para-new-base h4::after {left: 30% !important;}
.para-new-base h4::before {right: 30% !important;}
.space-5-sm{padding-left:5px;padding-right:5px;}
div.shadow {padding: 15px 7px;}
}
@media (min-width:320px) and (max-width:600px) {
body {padding-top:50px;}
/*.top-header ul.top_logs {text-align: center;}*/
.show {display:none}
header .bar {padding: 5px 0;}
header .bar ul.top_logs li {padding-top: 0;}
.wscontainer {padding-top: 0;margin-top: 0;}
.carousel-indicators {top: 30%;}
footer .socialLinks.fixedbox {display: none !important;}
.top-header ul li + li::before {content: '';color: #fff;padding: 0;}
.right-none {padding-right:15px;}
.top-header ul {padding: 5px 0;}
.top-header ul.hiddendiv{display:none}
.no-show-xs{display:none}
.topsp-62{margin-top: 16px;}
.topsp-xs-30{margin-top: 30px;}
.space-100 {padding: 30px 15px;}
.bor-left-1{border-right:4px solid #fff;border-left:4px solid #fff;}
.bor-right-1{border-right:4px solid #fff;border-left:4px solid #fff;}
.login-button {bottom: 5px;}
.btn-login-button {padding:5px;font-size:.75rem;margin:0;}
.top-header .top-logo {padding-bottom: 0;padding-top: 0;}
.top-header .top-logo img {width:100px; height:auto}
.right-side {
background: #119744;
background: -webkit-linear-gradient(right, #119744, #119744);
background: -o-linear-gradient(right, #119744, #119744);
background: -moz-linear-gradient(right, #119744, #119744);
background: linear-gradient(to left, #119744, #119744);
right: 0;left: 0;}
.right-side ul { margin: 0 30px 0 0;}
header nav.navbar .right-side {max-width: 100%;}
.mid-home h2 {font-size: 2rem;}
.mid-home h3 {font-size: 1rem;font-weight: 500;}
.mid-home p {font-size: .875rem;font-weight: 500;}
.newSchemeBtn a {font-size: .75rem;padding: 5px;}
.para-new {padding: 0;}
.para-new-base h1 { font-size: 2rem;line-height: 2.2rem; }
.para-new-base h2 {font-size: 1.1rem;font-weight: 200;line-height: 1.5rem;margin-top: 15px; }
.para-new-base h3 {font-size: 2rem;font-weight: 200;line-height: 2.2rem;margin-top: 15px;margin-bottom:15px;}
.para-new-base h4::after {left: 15%;}
.para-new-base h4::before {right: 15%;}
.welcome-home h2 {font-size: 1.8rem;}
.welcome-home p.green-text {font-size: 1.1rem; line-height: 2rem;}
footer {padding: 0;}
.footer-middle {text-align:center;}
footer .footer_social {
text-align: center;
}
footer .copyright p {text-align: center;}
footer .footer_links {text-align: center;}
footer .footer_links li {display:inline-block;}
footer .footer_links li+li:before {content:'/';color:#d2d2d2;padding:0px 7px}
footer .footer_links li+li+li+li+li+li+li:before{ content:'';}
.footer-box {margin: 15px auto 0;}
.pagenavlink {padding-right: 0; }
.TextWrapManagement-title h5 {font-size: 1.1rem;}
.TextWrapManagement-title h4 {font-size: 1.1rem;}
.nav-tabs > li > a {border-right: none !important;}
.newSchemeBtn {margin-top:2px;margin-bottom:2px;}
.product-home h2 {font-size: 2.7vh;}
.product-home .base .box a.img-txt::before {top: -155px;left: -3px;width: 100%;height: 337px;}
.product-home {padding-bottom:20px;padding-top:20px;background:#fff;}
}
@media (min-width:320px) and (max-width:320px){
html, body{overflow-x:hidden;}
.top-header ul li + li::before { padding: 0px 3px;}
}
@media (min-width:992px) and (max-width:992px) {.topsp-62{margin-top: 56px;}}
@media (min-width:768px) and (max-width:834px) {.topsp-62{margin-top: 16px;}footer .socialLinks.fixedbox {display: none !important;}.top-header ul.hiddendiv{display:none}.product-home .base .box a.img-txt::before {top: -100px;}}
@media (min-width:1024px) and (max-width:1024px){
.top-header .top-logo {padding-bottom: 13px;padding-top: 13px;}
.top-header ul {padding: 5px;}
}