@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400');
/*font-family: 'Roboto Slab', serif;*/
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    outline: none;
    border: none;
    position: relative;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
    width: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro';
    background-color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0;
    color: #2e2e2e;
    min-width: 320px;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    outline: none;
    border: none;
    display: block;
}

.cf:before,
.cf:after {
    content: "";
    display: block;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
    clear: both;
}

.flt {
    float: left !important;
}

.frig {
    float: right !important;
}

section.prod {
    padding-bottom: 6em;
}

.nethr-mnu a:hover, .lft-mnu span a:hover, .ftr-mnus a:hover{
    color: #f37021;
    cursor: pointer;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}

.nethr-mnu a.act {
    color: #f37021;
}


.nethr-mnu a:nth-child(5) /*{color:red;}*/
{
    animation:blinkingText 0.5s infinite;
}
@keyframes blinkingText{
    0%{     color: #FF0000;    }
    49%{    color: #FF0000; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #FF0000;    }
}


header,
section,
footer,
.row {
    width: 100%;
    float: left; position: relative;
}

.container {
    width: 100%;
    position: relative;
    max-width: 97%;
    margin: 0 auto;
}

.pwf {
    float: left;
    width: auto;
    position: relative;
}

.pf {
    float: left;
    position: relative;
}

.nethr-mnu {
    float: right;
    position: relative;
    width: auto;
    display: table;
}

.nethr-mnu a {
    color: #1a75bc;
    font-size: 1em;
    font-weight: 600;
    padding: 0em 1em;
    height: 84px;
    vertical-align: middle;
    display: table-cell;
}
.nvis{visibility: hidden;}

header {
    padding: 1.2em 0 1.2em
}

.pnl {
    /*! background: url(../images/pnl-lg.jpg) no-repeat center center; */
    display: block;
    position: relative;
    background-size: cover;
}

.cls {
    display: none;
}

.pnl-txt span {
    /* color: #1a75bc;*/
    color: #FFF;
    font-family: 'Roboto Slab', serif;
    font-size: 2.3em;
    font-weight: 400; 
    line-height: 41px;
    float: left;
    padding-bottom: 1em;
    letter-spacing: .0105em;
}

.pnl-txt {
    position: absolute;
    width: 450px;
    right: 0px;
    background: #2075bb;
    top: 14em;
    padding: 2.5em;
    top: 30%;
    /*transform: translateY(-50%);*/
    /*transform: scale(0, .0051) translate(0, -50%);*/
    -webkit-transform: scale(0, .0051) translate(0, -50%);
    -moz-transform: scale(0, .0051) translate(0, -50%);
    -ms-transform: scale(0, .0051) translate(0, -50%);
    -o-transform: scale(0, .0051) translate(0, -50%);
    transform: scale(0, .0051) translate(0, -50%);
}

.r-vc {
    position: absolute;
    width: 450px;
    right: 0px;
    background: #fff;
    top: 14em;
    padding: 2.5em;
    top: 30%;
    /*transform: translateY(-50%);*/
    /*transform: scale(0, .0051) translate(0, -50%);*/
    -webkit-transform: scale(0, .0051) translate(0, -50%);
    -moz-transform: scale(0, .0051) translate(0, -50%);
    -ms-transform: scale(0, .0051) translate(0, -50%);
    -o-transform: scale(0, .0051) translate(0, -50%);
    transform: scale(0, .0051) translate(0, -50%);
}

.img-c img {
    width: 100%;
}

.r-vc {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.ftr-mnp-mb {
    display: block;
}


/*.pnl a{}*/

a span.pro:hover, .pro-arw a span:hover, .pro-arw-nw a span:hover,
.pnl a span:hover,
.pnl1 a span:hover,
.pnl2 a span:hover {
    background: url(../images/arw-hvr.png) no-repeat right center;
    cursor: pointer;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
}


.pnl a span{color: #FFF !important;}

.pnl a span, .pro-arw a span, .pro-arw-nw a span,
.pnl1 a span,
.pnl2 a span, a span.pro {
    background: url(../images/arw.png) no-repeat right center;
    position: relative;
    color: #1a75bc;
    padding-right: 1.75em; float: left;
    padding-bottom: 0px;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 30px;
}
.pro-arw-nw a span {
    background: url(../images/pro-nw-arw.gif) no-repeat right center;
    width: auto;
    height: 40px;
    padding-right: 3em;
    line-height: 2.1em;
}
.pro-arw-nw a span:hover{ background: url(../images/pro-nw-arw-hvr.gif) no-repeat right center;}

/*bg*/

.cok-bg-lg {
    margin: 20px 0 20px 0;
    /*background: url(../images/cooker-lg.jpg) no-repeat 0 0;*/
    text-align: right;
    background-size: 50%;
}

.pnl~.row .netr-bg {
    background: url(../images/cooker-lg.jpg) no-repeat 0 0;
    position: absolute;
    float: left;
    width: 50%;
    height: 100%;
    left: 0px;
    top: 0;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.pnl2 .netr-bg {
    left: initial !important;
    right: 0;
}

.pnl~.row:nth-child(3) .netr-bg {
    background: url(../images/non-stick-lg.jpg) no-repeat right 0; left:50%;
}

.pnl~.row:nth-child(4) .netr-bg {
    background: url(../images/forged-non-stick-lg.jpg) no-repeat 0 0;
}

.pnl~.row:nth-child(5) .netr-bg {
    background: url(../images/appliances-lg.jpg) no-repeat right 0;left:50%;
}

.pnl~.row:nth-child(6) .netr-bg {
    background: url(../images/stainless-steel-lg.jpg) no-repeat 0 0;
}

.pnl~.row:nth-child(7) .netr-bg {
    background: url(../images/cookware-lg.jpg) no-repeat right 0;left:50%;
}

.ns-bg-lg {
    margin: 0px 0 20px 0;
    /*background: url(../images/non-stick-lg.jpg) no-repeat 0 0;*/
    background-size: 50%;
}

.forg-ns-cok-bg-lg {
    margin: 0px 0 20px 0;
    /*background: url(../images/forged-non-stick-lg.jpg) no-repeat 0 0;*/
    background-size: 50%;
    text-align: right;
}

.applin-bg-lg {
    margin: 0px 0 20px 0;
    /*background: url(../images/appliances-lg.jpg) no-repeat right 0;*/
    background-size: 50%;
}

.stain-stel-bg-lg {
    margin: 0px 0 20px 0;
    /*background: url(../images/stainless-steel-lg.jpg) no-repeat 0 0;*/
    background-size: 50%;
    text-align: right;
}

.cokwr-bg-lg {
    margin: 0px 0 20px 0;
    /*background: url(../images/cookware-lg.jpg) no-repeat right 0;*/
    background-size: 50%;
}


/*bg*/


/*bg-c*/

.bg-colr .cookr-bg {
    float: left;
    position: relative;
    width: 50%;
    background: rgba(26, 117, 188, 1);
}

.bg-colr .cookr-bg-grn {
    float: left;
    position: relative;
    width: 50%;
    background: rgba(101, 178, 0, 1);
}

.bg-colr .forg-ns-cok-bg {
    float: left;
    position: relative;
    width: 50%;
    background: rgba(127, 127, 127, 1);
}

.bg-colr .applin-bg {
    float: left;
    position: relative;
    width: 50%;
    background: rgba(242, 142, 2, 1);
}

.bg-colr .stain-stel-bg {
    float: left;
    position: relative;
    width: 50%;
    background: rgba(1, 189, 188, 1);
}

.bg-colr .cokwr-bg {
    float: left;
    position: relative;
    width: 50%;
    background: rgba(255, 192, 0, 1);
}

.abt-cont h6 {
    margin: 1em 0 .5em 0;
    float: left;
}


/*bg-c*/


/*bg-rbga*/

.blu-bg {
    background: rgba(26, 117, 188, 0.65);
    position: absolute;
    z-index: 9;
}

.grn-bg {
    background: rgba(101, 178, 0, 0.65);
    position: absolute;
    z-index: 9;
}

.red-bg {
    background: rgba(127, 127, 127, 0.65);
    position: absolute;
    z-index: 9;
}

.org-bg {
    background: rgba(242, 142, 2, 0.65);
    position: absolute;
    z-index: 9;
}

.sky-bg {
    background: rgba(1, 189, 188, 0.65);
    position: absolute;
    z-index: 9;
}

.yel-bg {
    background: rgba(255, 192, 0, 0.65);
    position: absolute;
    z-index: 9;
}


/*bg-rbga*/

.pnl1 .pnl-cookr {
    /*! float: right; */
    position: relative;
    width: 50%;
    background-color: white;
    display: inline-block;
    margin-bottom: -5px;
    text-align: left;
}

.bg-colr h3 {
    color: #fff;
    font-size: 1.25em;

}
.disabled{
    /*-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    opacity:0.65;
    user-select: none;
    cursor:auto;*/
}

.bg-colr .anim-h .cont span {font-family: 'Roboto Slab', serif; display: block;padding-bottom: 1em;}
.bg-colr span {
    color: #fff;
    font-size: 2.2em; 
    font-weight: 200;
    line-height: 33px;
    padding-bottom: 1.65em;
}

.dsk-vw {
    display: block;
}

.mb-vw {
    display: none;
}

.bg-colr .cookr-tx {
    float: left;
    position: relative;
    width: 51.55%;
    color: #1a75bc;
    font-size: 1em;
    font-weight: 500;
}

.pnl2 .pnl-cookr {
    float: left;
    position: relative;
    width: 51.55%;
    background-color: white;
}

.pnl2.ns-bg-lg .pnl-cookr.abs {
    bottom: 0;
    top: initial;
}

.pnl2 .pnl-cookr.abs,
.pnl1 .pnl-cookr.abs {
    /*background: transparent;*/
    position: relative;
    bottom: 0em;
    width: 50%;
    float: none;
}

.bg-colr .cookr-tx {
    float: left;
    position: relative;
    width: 50%;
    color: #1a75bc;
    font-size: 1em;
    font-weight: 500;
    /*padding-bottom: 4em;*/
}

.cont {
    padding: 0 1.5em;
    z-index: 10;
}

.bg-colr .cont span br {
    display: block;
}

.cookr-tx .cont {
    color: #1a75bc;
    float: right;
    position: relative;
    width: 90%;
    border-top: 2px solid #1a75bc;
    margin-top: 1.2em;
    padding:0;
}

.cookr-tx .cont span.act{color: #b0b0b0;}
/*.cookr-tx .cont span:hover {color: #b0b0b0;}*/
.cookr-tx .cont span {
    color: #1a75bc;
    font-size: 1em;
    font-weight: 600;
    line-height: 33px;
    display: block;
    cursor: pointer;
    padding-bottom: 0px;
}

.sldr a {
    margin: 2em 0 0 1.4em;
    float: left;
}

.pnl2 .sldr-sb img {
    position: absolute;
}

.sldr-sb {
    float: right;
    position: relative;
    width: 55%;
    /*height: uto !important;*/
}


/*.sldr-sb img{ transform: scale(1);}*/

.rt-img .cookr-tx .cont {
    float: left;
}

.pnl2 .sldr a.ckwr {
    position: absolute;
    bottom: 9.5em;
}

.pnl2 .sldr a.appli {
    position: absolute;
    bottom: 9.5em;
}

.pnl2 .sldr a {
    margin: 2em 0;
    float: left;
}

.pnl2 .sldr-sb img {
    left: -10px;
    transform: scale(1);
    top: initial;
}

.pnl2 .sldr-sb img.ckwr {
    right: initial;
    transform: scale(1);
    top: 0em;
    left: inherit;
    left: inherit;
}

.pnl2 .sldr.ns {
    float: right;
    position: absolute;
    width: 50%;
    right: 0;
    top: -8.5em;
}

.pnl2 .sldr-sb.p2 {
    float: left;
    position: relative;
    width: 100%;
}

.pnl2 .sldr-sb img.appli {
    right: initial;
    transform: scale(1);
    top: -2em;
    left: inherit;
    left: inherit;
}

.pnl1 .sldr-sb img.fns-ckr {
    transform: scale(1);
    right: 2em;
    top: initial;
}

.pnl2 .sldr-sb {
    float: left;
    position: relative;
    width: 51.25%;
}


/*.cokwr-bg-lg .bg-colr {
    padding-bottom: 10%;
}*/

.pnl2 .sldr {
    float: right;
    position: relative;
    width: 100%;
}

.sldr-sb-abs {
    float: left;
    position: absolute;
    width: 100%;
    left: 0px;
    max-width: 2000px;
}

.sldr-sb-abs img {
    float: left;
    width: auto;
    position: relative;
    display: inline-block;
}


/*product strt*/

.prod .lft-mnu {
    width: 25%;
    padding-left: 0%;
}

.prod .detils {
    width: 72%;
    float: right;
}

.lft-mnu.mnu-nw h3 a {color: #1b75bc;padding: .75em 0; display: block;}
.lft-mnu h3 {
    background: url(../images/pro-plus.png) no-repeat right center;
    display: block;
    color: #1b75bc;
    font-size: 1em;
    font-weight: 700;
    border-top: 1px solid #1b75bc;
    padding: .75em 0;
    cursor: pointer;
}
.lft-mnu.mnu-nw h3 {
    background: url(../images/lftlink-arw.png) no-repeat right center;
    display: block;
    font-size: 1em;
    font-weight: 700;
    border-top: 1px solid #1b75bc; padding: 0px;
    cursor: pointer;
}
.lft-mnu span a.act{color: #f37021;} 
.lft-mnu h3.act {
    background: url(../images/pro-mins.png) no-repeat right center;color: #f37021;
} 

.lft-mnu span.opn {
    display: none;
    margin-bottom: .75em;
    float: left;
} 

.lft-mnu span a {
    display: block;
    font-size: 1em;
    font-weight: 500;
    padding: .3em 0;
    color: #1b75bc;
}
.pro-sldrs{
    display: none;
}
.pro-sldrs.act{
    display: inline-block;
}

.bnr .bg-pordt {
    width: 32%; padding-right: 2%; height: auto !important;
}

.bnr .bg-bnr {
    width: 68%;border-top: 2px solid #1b75bc;

}
.pro-bnr img{
    position: absolute; 
}

.bnr .bg-bnr img {
    width: 100%;
    /*position: absolute; */
}


.detils .cont {
    padding: 0 2em;
    z-index: 10;
}

.pro-bg-clr h1 {
    color: #1b75bc;
    font-size: 2em;
    font-weight: 700;
    border-top: 2px solid #1b75bc;
    padding-top: .35em;
    padding-bottom: .75em;
}

.pro-bg-clr span {
    color: #1b75bc;
    font-size: 1em;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 1.65em;
}
h2.pro-tit span { font-weight: 300;}
h2.pro-tit {
    font-size: 2.75em;
    color: #1b75bc;
    font-weight: 500;
    text-align: left;
    margin-top: 0;
    width: auto;
    float: none;
    display: inline-block;
    padding: .45em 0;
    line-height: .8em;
}

.pro-sldr h2 span {
    color: #1b75bc;
    font-weight: 300;
}

.pro-sldr h4 {
    font-size: 1.5em;
    color: #1b75bc;
    font-weight: 700;
    text-align: center;
    margin-top: 1em;
}

.pro-sldr h4 span {
    color: #1b75bc;
    font-weight: 300;
}

.pro-sldr span {
    color: #1b75bc;
    font-weight: 400;
    text-align: center;
}

span.lf-arw {
    background: url(../images/pro-lft-arw.png) no-repeat left center;
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

span.lf-arw:hover {
    background: url(../images/pro-lft-arw-hvr.png) no-repeat left center;
}

.pro-img {
    width: 60%;
}

.pro-sldrs {
    margin:2.5em 0 1.5em 0;
}

span.rt-arw {
    background: url(../images/pro-rt-arw.png) no-repeat right center;
    position: relative;
    float: right;
    width: 60px;
    height: 60px;
    cursor: pointer; margin-left: 3em;
}

span.rt-arw:hover {
    background: url(../images/pro-rt-arw-hvr.png) no-repeat right center;
}


/*product end*/


/*footer str*/

.ftr-mnu {
    padding: .5em 0;
    border-top: 1px solid #1b75bc;
    border-bottom: 1px solid #1b75bc;
}

.ftr-lgo {
    width: 12%;
}


.ftr-mnus a {
    color: #1b75bc;
    font-size: 14px;
    font-weight: 400;
    padding: 1.35em .75em;
    float: left;
    position: relative;
}

.ftr-mn {
    width: 16.5%;
}

.ftr-mn span {
    display: block;
    color: #1b75bc;
    font-size: 16px;
    font-weight: 700;
    padding: .35em 0em;
}

.ftr-mn a {
    display: block;
    color: #1b75bc;
    font-size: 14px;
    font-weight: 400;
    padding: .35em 0em;
}

.ftr-mnp {
    padding: 1.5em 0em 0em;
}

.ftr-mn span {
    float: left;
    width: 100%;
    position: relative
}

.ftr-mn .cert {
    margin: .5em 0 2em;
    float: left;
}

.ftr-mn img {
    float: left;
}

.ftr-mn img.pd {
    padding: 0 1em;
}


/*070717*/

.ftr-mn a.fb {
    background: url(../images/fb.png) no-repeat left center;
    float: left;
    position: relative;
    width: 39px;
    height: 39px;
    margin-right: 1.5em;
    -webkit-transition: 2s ease-out;
    -moz-transition: 2s ease-out;
    -ms-transition: 2s ease-out;
    transition: 2s ease-out;
}

.ftr-mn a.tub {
    background: url(../images/yt.png) no-repeat left center;    
    float: left;
    position: relative;
    width: 39px;
    height: 39px;
    -webkit-transition: 2s ease-out;
    -moz-transition: 2s ease-out;
    -ms-transition: 2s ease-out;
    transition: 2s ease-out;
}

.ftr-mn a.fb:hover {
    background: url(../images/fb-hvr.png) no-repeat left center;
}

.ftr-mn a.tub:hover {
    background: url(../images/yt-hvr.png) no-repeat left center;
}


/*070717*/

footer .othr {
    float: right;
    width: 400px;
}

footer .othr span:last-child {
    float: right;
    padding: 0.8em 0 .5em 2%;
}

footer .othr span {
    float: left;
    position: relative;
    width: auto;
    padding: .8em 0 .8em 2%;
    line-height: 1.8em;
}

footer .othr span img {
    float: right;
    position: relative;
}

.cpy {
    padding: 1em 0 1em;
}

.cpy span {
    line-height: 20px;
    font-size: .85em;
}

.cpy span,
.cpy span a {
    color: #1b75bc;
    font-weight: 400;
    padding: 0px;
}


/*footer end*/

.prod-mob span.pro-arw {
    display: none;
}

.mob-vw {
    display: none;
}

.cus-srvs {
    width: 30%;
    padding: 1em 1em 1em 0; float: none; display: inline-block; vertical-align: top;
}

.cus-srvs h2 {
    color: #1b75bc;
    float: left;
    position: relative;
    width: 100%;
    font-weight: 700;
    font-size: 1.2em;
}

.cus-srvs span {
    color: #1b75bc;
    float: left;
    position: relative;
    width: 100%;
    font-weight: 400;
    line-height: 25px;
    font-size: 1em;
}

.pg-custm-srvc {
    width: 100%;
    color: #1b75bc;
    font-size: 1.65em;
    border-top: 2px solid #1b75bc;
    padding-top: 10px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 1em;
}

.pg-scrl-lf {
    width: 25%;
    color: #1b75bc;
    font-size: 1.65em;
    border-top: 2px solid #1b75bc;
    padding-top: 10px;
    font-weight: 700;
    line-height: 42px;
}

.pg-scrl-rt span {
    font-weight: 300;
}

.pg-scrl-rt {
    font-size: 2.15em;
    color: #1b75bc;
    width: 71%;
    float: right;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    border-top: 2px solid #1b75bc;
    padding-top: 15px;
}

.prfil h3 {
    color: #1b75bc;
    font-size: 1em;
    font-weight: 600;
    line-height: 32px;margin-top: .5em;
}

.prfil span {
    color: #1b75bc;
    font-size: .69em;
    font-weight: 400;
    line-height: 21px;
    float: left;
}

.pg-scrl-lf img.prfil {
    margin: .5em 0;
}

.abt-tx .abt-cont {
    width: 65%;
}

.abt-tx .abt-cont p {
    color: #1b75bc;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    float: left;
    padding-bottom: .5em;
}

.abt-tx .abt-group {
    width: 30%;
    float: right;
}

.abt-group h2 {
    color: #1b75bc;
    font-size: 20px;
    border-top: 2px solid #1b75bc;
    font-weight: 700;
    line-height: 26px;
    padding: 10px 0 15px;
}

.ab-grp span {
    color: #1b75bc;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    float: left;
    padding-bottom: .5em;
}

.abt-tx {
    padding-top: .75em;
}

.cnts-us .conts {
    width: 50%;
    padding-right: 3%;
}

.cn-dtl h5 {

    padding-bottom: .5em;
}

.cn-dtl p {

    margin-bottom: .3em;
}

.cn-frm p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 1em;
}

.cn-dtl p a {
    color: #1b75bc;
    font-weight: 600;
}
.cn-dtl p a:hover {-webkit-transition: background-color 0.5s ease-out;
                   -moz-transition: background-color 0.5s ease-out;
                   -o-transition: background-color 0.5s ease-out;
                   transition: background-color 0.5s ease-out; color: #a7a7a7;}

/*input premier*/

.btn:hover {
    background-color: #a7a7a7;
    cursor: pointer;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

.btn {
    width: auto;
    font-size: 16px;
    background-color: #1b75bc;
    color: #fff;
    font-weight: 600;
    margin: 0;
    border-radius: 10px;
    padding: .8em 1.2em;
    cursor: pointer;
    text-transform: none;
}

.input-wrap {
    font-size: 15px;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="file"] {
    box-sizing: border-box;
    width: 100%;
    height: calc(3.75em + 2px);
    margin: 1.5em 0 .5em;
    padding: 1em;
    border: 1px solid #1b75bc;
    border-radius: 1.5em;
    background: #fff;
    resize: none;
    outline: none;
}

input[type="text"][required]:focus,
input[type="tel"][required]:focus,
input[type="email"][required]:focus,
input[type="file"][required]:focus {
    border-color: #a7a7a7;
}

input[type="text"][required]:focus+label[placeholder]:before,
input[type="tel"][required]:focus+label[placeholder]:before,
input[type="email"][required]:focus+label[placeholder]:before,
input[type="file"][required]:focus+label[placeholder]:before {
    color: #a7a7a7;
}

input[type="text"][required]:focus+label[placeholder]:before,
input[type="text"][required]:valid+label[placeholder]:before,
input[type="tel"][required]:focus+label[placeholder]:before,
input[type="tel"][required]:valid+label[placeholder]:before,
input[type="email"][required]:focus+label[placeholder]:before,
input[type="email"][required]:valid+label[placeholder]:before,
input[type="file"][required]:focus+label[placeholder]:before,
input[type="file"][required]:valid+label[placeholder]:before {
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: translate(0, -1.55em) scale(0.9, 0.9);
    -ms-transform: translate(0, -1.55em) scale(0.9, 0.9);
    transform: translate(0, -1.55em) scale(0.9, 0.9);
}

input[type="text"][required]:invalid+label[placeholder][alt]:before,
input[type="tel"][required]:invalid+label[placeholder][alt]:before,
input[type="email"][required]:invalid+label[placeholder][alt]:before {
    content: attr(alt);
}

input[type="text"][required]+label[placeholder],
input[type="tel"][required]+label[placeholder],
input[type="email"][required]+label[placeholder],
input[type="file"][required]+label[placeholder] {
    display: block;
    pointer-events: none;
    line-height: .85em;
    margin-top: calc(-2em - 4px);
    margin-top: -moz-calc(-2em - 4px);
    margin-top: -webkit-calc(-2em - 4px);
    margin-top: -ms-calc(-2em - 4px);
    margin-bottom: calc(1.5em + 4px);
    margin-bottom: -moz-calc(1.5em + 4px);
    margin-bottom: -webkit-calc(1.5em + 4px);
    margin-bottom: -ms-calc(1.5em + 4px);
}

input[type="text"][required]+label[placeholder]:before,
input[type="tel"][required]+label[placeholder]:before,
input[type="email"][required]+label[placeholder]:before,
input[type="file"][required]+label[placeholder]:before {
    content: attr(placeholder);
    display: inline-block;
    margin: 0 calc(1em + 2px);
    padding: 0 6px;
    color: #1b75bc;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.inputfile {
    opacity: 0
}

.inputfile+label {
    border: 1px solid red;
    border-radius: 1.5em;
    box-sizing: border-box;
    height: calc(3.25em + 2px);
    margin: -3.75em 0 0 !important;
    padding: .95em 0 0;
}

.inputfile.act+label {
    padding: .9em 0 0;
}

.inputfile:focus+label,
.inputfile+label:hover {
    /*background-color: red;*/
}

.inputfile+label {
    cursor: pointer;
    /* "hand" cursor */
}

.inputfile:focus+label {
    /*outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;*/
    border-color: #a7a7a7;
    padding: 1em 0;
}

.inputfile+label * {
    pointer-events: none;
}


/*input premier*/

.pnl-cookr img {
    width: auto;
}

.pro-img span.slr-img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.pro-img span.shw {
    opacity: 1;
    position: relative;
    z-index: 2;
}
#product-slider .slides {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: none;
}

#product-slider .slides:first-child {
    display: inline-block;
}

#product-slider .pro-img span.shw,
#product-slider .pro-img span.shw img {
    text-align: center;
    display: inline-block;
}

.navz {
    position: relative;
    width: auto;
    float: left; padding: 1.25em 0;
}

.pro-img {
    float: none;
    display: inline-block;
}




/*popup*/

.popup {
    display: none;
    z-index: 999
}

.popup,
.popup .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popup .cover {
    position: fixed;
    background: rgba(0, 0, 0, 0.8)
}

.popup .pop-con {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
}

.popup .pop-con .con {
    background-color: white;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 550px;
    z-index: 9;
    padding: 2.25em 2em 2em;
    border-radius: .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -ms-border-radius: .5em;
}

.popup .pop-con .close:hover {
    background-color: #b0b0b0;
    cursor: pointer;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}


.popup .pop-con .close, .pop-up .popcon .cloze {
    background-color: #1575bf;
    color: #fff;
    display: inline-block;
    /* padding: .15em 0.5em 0.15em .4em; */
    position: absolute;
    right: -.8em;
    top: -.9em;
    cursor: pointer;
    margin: 5px;
    border-radius: 50%;
    font-size: 1.6em;
    font-weight: 500;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.25em; z-index: 99;
}

.pop-up {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    z-index: 999;
    min-width: 320px;
}

.pop-up .cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}


.pop-up .popcon {
    position: relative;
    width: 96%;
    max-width: 640px;
    margin: auto;
    background-color: white;
    z-index: 99;
    top: 5%;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%); border-radius: .5em;-moz-border-radius: .5em;
    -webkit-border-radius: .5em;    transform: translate(-50%, -50%);
}

.pop-up .popcon .con {
    padding: 1.5em;
    display: inline-block;
    width: 100%;
}

.pop-up .popcon .con p {
    font-size: 1.15em;
    color: #333;
    line-height: 1.5em;
}
.pop-up .popcon .con h5 {
    border-bottom: 1px solid #1b75bc;
    color: #333;
    font-size: 1.5em;
    margin-bottom: 1em;
    padding: 0.5em 0 0.75em;
}

.pop-lk .col-eq {
    width: 33.333%;
    text-align: center;
    float: left;
    display: block;
    background: url(../images/rarw.png)no-repeat center bottom;
}

.pop-lk .col-eq img {
    margin: auto;
    border-radius: 10em;
}

.pop-lk .col-eq p {
    font-size: 1.5em;
    line-height: 1.25em;
    color: #FFF;
    padding-top: 1em;
    font-weight: 700;
    padding-bottom: 30%;
}

.popup.pop-lk .pop-con .con {
    max-width: 1160px;
    background: transparent;
    box-shadow: none;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.popup.pop-lk .pop-con .close {
    font-size: 32px;
    right: 47%;
    background: transparent;
}

.popup.pop-lk .pop-con .inspop {
    padding-top: 8%;
}


/*popup*/

.othr span img.premir {
    padding-right: 1.5em;
    /*padding-top: .4em;*/
}

.othr span img.crtif {
    padding-left: .5em;
}

.bg-hgtl {
    background: white;
    width: 51.55%;
    height: 100%;
    position: absolute;
    left: 0;
    right: initial;
}
.pro-mb{ display: block;}
.pro-dsk{ display: none;}
.anim-h{position: relative; height: 100%;}
.pro-bnr img{ display: none;}
/*.pro-bnr img:first-child{ display: block;}*/
.pdt-con{ display: block !important;}
.pro-bnr{ top:5em; position: relative;}
.pop-tit {
    color: #1a75bc;
    font-size: 1.5em;
    font-weight: 700;
    padding: 0em 0 .25em;
}

.slider {position: relative;width: 100%;display: inline-block;}
.slider-cont {overflow: hidden;position: relative;width: 100%;}
.slides {position: absolute;left: 0;width: 100%;opacity: 0}
.slides.act {opacity: 1;z-index: 1;}
.slides:first-child {left: 0}
.fade .slides {-webkit-transition: opacity .5s linear;-moz-transition: opacity .5s linear;transition: opacity .5s linear;}
#hm-mainslider .img-c img{opacity: 1}

/**/
.pg-scrl-lf .pg-logo-cnt p{font-size: .48em;font-weight: 400;line-height: 1.2em;padding: 10px 0 10px;margin-top:15px;font-weight: bold;}
.pg-scrl-lf .pg-logo-cnt .logo{width: 50%;}
.pg-scrl-lf .pg-logo-cnt p:last-child{padding: 0;margin-top: .6em;font-size: 14px;font-weight: 400;}

.itm_cnt{padding: 1em 0 0 0;} 
.mat_cnt{width: 100%;max-width: 245px;display: inline-block;margin: 0 2% 6% 2%;}
.mat_cnt:last-child{margin-right:0;}
.mat_cnt .img_cnt img{transition: 0.3s all ease;}
.mat_cnt .img_cnt:hover img{opacity: .6;}
.mat_cnt .img_cnt .txt{position: absolute;top: 0;right: 0;color: #ffffff;z-index: 2;width: 20%;text-align: center;background-color: #1b75bc;font-size: 11px;padding: .2em 1em; line-height: 1em;}      
.mat_cnt .txt_cnt .itm_name {line-height: 1em;font-weight: 600;font-size: .4em;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;padding-top: .2em;}
.mat_cnt .txt_cnt .itm_name  a{color: #000000;transition: 0.5s all ease;padding: 0 .5em;}
.mat_cnt .txt_cnt .itm_name  a:hover{color: #999;}
.mat_cnt .txt_cnt .itm_rate{text-align: center;padding:.2em 0;line-height: .3em;}
.mat_cnt .txt_cnt .itm_rate .crnt_rate, .mat_cnt .txt_cnt .itm_rate .old_rate{display: inline-block;line-height: 1em;}
.mat_cnt .txt_cnt .itm_rate .crnt_rate{font-weight: 600;color: #1b75bc;margin-right: .2em;font-size: .5em;}
.mat_cnt .txt_cnt .itm_rate .old_rate{font-weight: 400;color: #777777 ;font-size: .5em;text-decoration: line-through;}
.mat_cnt .txt_cnt .itm_dtl_cnt{text-align: center;}
.mat_cnt .txt_cnt .itm_dtl_cnt a{text-align: center;background-color: #1b75bc;width: 100%;max-width: 160px;margin: 0 auto;font-size: .35em;font-weight: 600;transition: 0.5s all ease;border: 1px solid #1b75bc;color: #ffffff;line-height: 1em;}
.mat_cnt .txt_cnt .itm_dtl_cnt  a{padding: .45em 0;display: block;}
.mat_cnt .txt_cnt .itm_dtl_cnt a:hover{background-color: #ffffff;border: 1px solid #1b75bc;color: #1b75bc;}


.mat_cnt .txt_cnt .spilt.itm_dtl_cnt a{max-width: 130px; padding: .608em 0; float: left;     margin-top: 1.25em;}
.mat_cnt .txt_cnt .spilt.itm_dtl_cnt .red-btn{min-width: 96px; background-color: #ec1d25; border: 1px solid #ec1d25; width:auto; margin-top: 0;}
.mat_cnt .txt_cnt .spilt.itm_dtl_cnt .red-btn:hover{background-color: #ffffff;color: #ec1d25;  border: 1px solid #ec1d25;}
.buy-btn{ width: auto; float: right; text-align: center; line-height: normal;} 
.buy-btn .tag{color: #000000; font-size: 0.2916666666666667em; font-weight: 600; display: block;margin-bottom: 0.2142857142857143em;}
.mat_cnt .txt_cnt .spilt.itm_dtl_cnt{line-height: normal; display: inline-block; width: 100%;}
.mat_cnt{vertical-align: top;}
.off-text{display: table; text-align: center; width: 78px; height: 79px; background: url(../images/offer-bg-01.png) no-repeat center center; font-size: 0.35em; font-weight: 700;text-transform: uppercase; line-height: 1.125em; color: #010100;position: absolute;left: 5px; top: 5px; z-index: 1;}
.off-text .row{float: none; display: table-cell; vertical-align: middle;}
.off-text span{color: #ec1d25; display: block; line-height: normal; font-weight: 700;}
.mat_cnt .txt_cnt .itm_name{text-align: center;}

#signup-submit:disabled{background-color: #a7a7a7; cursor: auto;}
.formz iframe, .cn-frm iframe{transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: 0; -webkit-transform-origin: 0;}

@media screen and (max-width: 639px) {
    .mat_cnt .txt_cnt .itm_name{font-size: 1em;}
    .mat_cnt .txt_cnt .itm_rate .crnt_rate{font-size: 1em;}
    .mat_cnt .txt_cnt .itm_rate .old_rate{font-size: 1em;}
.mat_cnt .txt_cnt .itm_dtl_cnt a{font-size: .70em;}
.mat_cnt:last-child{margin: 0 auto;}
.mat_cnt .txt_cnt .spilt.itm_dtl_cnt a{    margin-top: 1.3em;}
.buy-btn .tag{font-size: 0.65em;}
.off-text{font-size: 0.7em;}
}
@media screen and (max-width: 571px) {
    .mat_cnt{display: block;margin: 0 auto;margin-bottom: 15%;}

}

@media screen and (max-width: 1920px) {

    /* input[type="text"][required] + label[placeholder], input[type="tel"][required] + label[placeholder], input[type="email"][required] + label[placeholder], input[type="file"][required] + label[placeholder]{line-height: 1.75em;} */
    .input-wrap {
        font-size: 18px;
    }
    .cn-frm p {
        font-size: 20px;
        line-height: 24px;

    }
    .cn-dtl p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: .3em;
    }
    .cn-dtl h5 {
        font-size: 20px;
        line-height: 24px;

    }
    .pg-scrl-lf{font-size: 2em;}
    .abt-tx .abt-cont p {
        font-size: 18px;
        line-height: 24px;
    }
    .pg-scrl-rt {
        font-size: 3em;
        line-height: 50px;
    }
    .nethr-mnu a {
        font-size: 1.2em;
    }
    .pro-bg-clr span {
        font-size: 1.5em;   
        line-height: 30px;
    }
    .pnl2 .pnl-cookr.abs,
    .pnl1 .pnl-cookr.abs {
        padding-bottom: 3%;
    }
    .pnl2 .sldr.ns {
        float: right;
        position: absolute;
        width: 65%;
        /*width: 48.5%;*/
        right: 0;
        top: -8em;
    }
    .bg-colr h3 {
        color: #fff;
        font-size: 1.65em;
        font-weight: 700;
        border-top: 2px solid #fff;
        margin-top: 1em;
        padding-top: .5em;
        padding-bottom: .3em;
    }
    .bg-colr span {
        font-size: 1.875em;
        line-height: 35px;
        padding-bottom: 0;
    }
    .pnl2 .sldr a.appli,
    .pnl2 .sldr a.ckwr {
        bottom: 16em;
    }
    .pro-img {
        width: 80%;
    }
    .bnr .bg-bnr img {
        width: 100%;
    }
    .ftr-mnus a {
        font-size: 1.1em;
        padding: .9em .75em;
    }
}
@media screen and (max-width: 1900px) {
    .bg-colr .cont span br{display: none;}
}
@media screen and (max-width: 1600px) {
    .pro-bg-clr span {
        font-size: 1.25em;
        line-height: 28px;
    }
    .bg-colr h3{font-size: 1.5em;}
    .bg-colr .cont span br {
        display: none;
    }
}
@media screen and (max-width: 1399px) {

    .pro-bg-clr span {
        font-size: 1em;
        line-height: 22px;
    }
    .pg-scrl-lf h3.cnts-tit{ font-size: .9em; line-height: 1.25em;}
    .prfil h3{font-size: .9em;}
    .prfil span{font-size: .55em;}
    .pg-scrl-rt {
        font-size: 2.5em;
        line-height: 40px;
    }
    .pnl-txt span {
        font-size: 1.5em;
        line-height: 30px;
    }
    .pnl-txt,
    .r-vc {
        padding: 2em;
        width: 350px;
    }
    .pnl2 .sldr-sb img.ckwr {
        left: 0em;
        top: -1em;
    }
    /*.pnl2 .pnl-cookr {
        width: 50%;
    }*/
    .stain-stel-bg-lg {
        background-size: 60%;
    }
    .cok-bg-lg {
        background-size: 60%;
    }
    .ns-bg-lg {
        background-size: 60%;
    }
    .forg-ns-cok-bg-lg {
        background-size: 60%;
    }
    .applin-bg-lg {
        background-size: 60%;
    }
    .cokwr-bg-lg {
        background-size: 60%;
    }
    .pnl1 .pnl-cookr,
    .pnl2 .pnl-cookr {
        padding-bottom: 1%;
    }
    .ftr-lgo {
        width: auto;
        padding-right: 3%;
    }
    .bg-colr .cont span br {
        display: none;
    }
    .bg-colr span {
        font-size: 1.7em;
        line-height: 1.2em;

    }
    .bg-colr h3 {
        font-size: 1.25em;
    }
    .ftr-mnus a {
        font-size: 1em;
        padding: .9em .75em .9em 0;
    }
    h2.pro-tit{font-size: 2.2em;}
    .buy-btn .tag{font-size: 0.35em;}
    .mat_cnt .txt_cnt .spilt.itm_dtl_cnt a{    margin-top: 1.5em;}
}

@media screen and (max-width: 1139px) {
    .pro-bnr {
        top: 4em;
    }
    .pro-sldr h4{font-size: 1.25em;}
    .pnl a span, .pnl1 a span, .pnl2 a span, a span.pro{ font-size: 1em;}
    span.lf-arw, span.rt-arw, span.lf-arw:hover, span.rt-arw:hover{ background-size: 50px;}
    h2.pro-tit {
        font-size: 1.75em;
    }
    .cus-srvs span{line-height: 1.5em;
                   font-size: .95em;
    }

    .othr span img.premir {
        padding-right: 1.5em;
        /*padding-top: .4em;*/
    }
    footer .othr span {
        padding-right: 5%;
    }
    footer .othr span:last-child {
        float: left;
    }
    footer .othr {
        width: 100%;
    }
    .ftr-mnus a {
        padding: 1.25em .25em;font-size: 1em;
    }

    .bg-colr .cookr-tx {
        width: 45%;
    }
    .bg-colr .forg-ns-cok-bg {
        width: 55%;
    }
    .bg-colr .cookr-bg-grn {
        width: 55%;
    }
    .bg-colr .cookr-bg {
        width: 55%;
    }
    .bg-colr .applin-bg {
        width: 55%;
    }
    .bg-colr .stain-stel-bg {
        width: 55%;
    }
    .bg-colr .cokwr-bg {
        width: 55%;
    }
    .cont {
        padding: 0 1em;
    }
    .pnl a,
    .pnl1 a,
    .pnl2 a {
        font-size: 1em;
        line-height: 20px;
        display: inline-block;
    }
    .pnl2 .sldr.ns {
        top: -6em;
    }

    footer .othr span {
        float: left;
        width: auto;
        padding: .8em 5% .8em 0%;
    }
    .ftr-mnus a {
        padding: 1.35em .25em;
    }
    .ftr-lgo {
        width: auto;
        padding-right: 1%;
    }
    .ab-grp span {
        padding-bottom: .35em;
        font-size: 14px;
    }
    .abt-group h2 {
        line-height: 22px;
        padding: 8px 0 12px;
        font-size: 16px;
    }
    .pg-scrl-rt {
        /* changed 22-03-2019 */
        /*font-size: 1.6em;*/
        padding-top: 5px;
        line-height: 32px;
    }
    .pg-scrl-lf {
        font-size: 1.25em;
        padding-top: 5px;
        line-height: 32px;
    }
    /*product*/
    .ftr-mn img.pd {
        padding: 1em 0;
    }
    .ftr-mn img {
        float: none;
    }
    .ftr-mn span {
        font-size: .85em;
    }
    .ftr-mn a {
        font-size: .8em;
    }
    section.prod {
        padding-bottom: 5em;
    }
    .pro-sldr h2 {
        font-size: 2em;
    }
    .detils .cont {
        padding: 0 1em;
    }
    .pro-bg-clr h1 {
        font-size: 1.5em;
        padding-top: .35em;
    }
    /*product*/
    .nethr-lgo a {
        width: 70%;
        float: left;
    }
    .nethr-mnu a {
        padding: 0em .6em;
        height: 58px;
        font-size: 1em;
    }
    .bg-colr span {
        font-size: 1.5em;
        line-height: 25px;
        padding-bottom: 1em;
    }
    .cookr-tx .cont {
        width: 95%;
    }
    .pnl2 .sldr-sb {
        width: 50%;
    }
    .pnl2 .sldr-sb img.ckwr {
        left: 0em;
        top: -1em;
    }
    .bg-colr span {
        line-height: 24px;
    }
    .pnl2 .sldr.ns {
        top: -12em;
    }
    .pnl2 .pnl-cookr.abs,
    .pnl1 .pnl-cookr.abs {
        padding-bottom: 0%;
    }
}

@media screen and (max-width: 990px) {

    span.rt-arw{ margin-left: 1em;}
    .pnl a span, .pnl1 a span, .pnl2 a span, a span.pro {
        font-size: .95em;
    }
    /* .pro-img {
        width: 95%;
} */
    .navz{padding: .5em 0;}
    h2.pro-tit {
        font-size: 1.5em;
    }
    span.lf-arw{ right: .5em;}
    .cus-srvs {
    }
    .pro-bg-clr span {
        font-size: .9em;
        line-height: 20px;
    }
    .prfil span{font-size: .69em;line-height: 16px;}
    .cn-frm p{ font-size: 17px;}
    .cn-dtl h5{ font-size: 17px;}
    .cn-dtl p{font-size: 16px;}
    .pnl-txt, .r-vc {
        padding: 1.5em;

    }

    .pnl2 .sldr a {
        margin: 1em 0;

    }
    .sldr a {
        margin: 1em 0 0 1.4em;

    }
    .pnl2 .sldr-sb {
        width: 46%;
    }
    .pnl2 .sldr.ns {
        top: -10em;width: 53%;
    }
    .pnl-txt span {
        font-size: 1.3em;
        line-height: 24px;
    }
    .cookr-tx .cont span {
        font-size: .85em;
        line-height: 24px;
    }
    .pg-custm-srvc {
        font-size: 1.25em;
        margin-bottom: 1em;
    }
    .cus-srvs h2 {
        font-size: 1em;
    }
    .cus-srvs span {
        font-size: .95em;
        line-height: 20px;
    }
    .cus-srvs {
        width: 50%;
    }
    footer .othr {
        float: left;
        width: 100%;
    }
    footer .othr span {
        padding-right: 5%;
    }
    footer .othr span:last-child {
        float: left;
    }
    .pro-sldrs span.lf-arw {
        top: 6em;
    }
    .pro-sldrs span.rt-arw {
        top: 6em;
    }
    .cn-dtl {
        margin-bottom: .75em;
        padding-bottom: .75em;
        border-bottom: 1px solid #1b75bc;
    }
    .cnts-us .conts {
        width: 100%;
    }
    .abt-group h2 br {
        display: none;
    }
    .abt-tx .abt-cont {
        width: 100%;
    }
    .abt-tx .abt-group {
        width: 100%;
        margin-top: .5em;
    }
    .ftr-mn {
        padding-right: .5%;
    }
    .ftr-mnp {
        padding: .75em 0em 0em;
    }
    .pro-sldr h4 {
        font-size: 1.2em;
    }
    .pro-sldr h2 {
        font-size: 1.75em;
    }
    .ftr-mnus a {
        padding: .75em;
    }
    .ftr-lgo {
        width: 125px;
    }
    header {
        padding: .5em 0;
    }
    .lft-mnu span a {
        font-size: .85em;
        line-height: 16px;
    }
    .lft-mnu h3 {
        /*font-size: .9em;*/
    }
    .prod .detils {
        width: 71%;
    }
    .prod .lft-mnu {
        width: 27%;
    }

    .pnl a,
    .pnl1 a,
    .pnl2 a {
        font-size: .85em;
    }
    .bg-colr span {
        font-size: 1.25em;
        line-height: 23px;
        /*padding-bottom: 1em;*/
    }
    .bg-colr h3 {
        font-size: 1em;
        margin-top: .75em;
        padding-top: .3em;
        padding-bottom: .3em;
    }


    .pnl-txt span {
        font-size: 1.25em;
        /*! line-height: 22px; */
    }
    .pnl-txt {
        width: 30%;
    }
    .nethr-mnu a {
        padding: 0em .65em;
        height: 50px;
        font-size: .9em;
        font-weight: 600;
    }
    .nethr-lgo {
        width: 25%;
    }
    .nethr-mnu {
        width: 70%;
    }
    .cookr-tx .cont {
        margin-top: 11px;
        padding: .3em 0 0 0;
    }
    .pnl2 .sldr-sb img {
        left: -10px;
        transform: scale(1);
        top: 1em;
    }
    .pnl2 .bg-colr .cookr-tx {
        padding-right: 3%;
    }
    .ab-grp span {
        padding-bottom: .35em;
        font-size: 15px;
        display: block;
        float: none;
    }
}

.sldr a.viw-dsk {
    display: inline-block;
}

.sldr a.hid-dsk {
    display: none;
}
.mb-shw{ display: none;}
.mb-hid{ display: block;}

@media screen and (max-width: 849px) {
    .navz{ float: left;}
    h2.pro-tit {
        margin-top: .25em;
    }
    .pro-bnr{top:4em;}
    .pro-sldr {
        top: 0;
    }
    .ab-grp span{ font-size: 1em;}
    .mo-prfl.rt .abt-group h2{ margin-bottom: 0px;margin-top: 1em;}
    .pg-scrl-lf img.prfil {
        margin: .75em 0 1em;;
    }
    .mo-prfl.lf{ float: left; position: relative;padding: 0 4% 1.5% 0;}
    .mo-prfl.lf span.grp {
        font-size: .95em;
        font-weight: 400;
    }
    .mo-prfl.rt p { padding-bottom: .5em;}
    .mo-prfl.rt h6 {line-height: 1.75em;font-weight: 600;font-size: 1.25em;}
    .mo-prfl.rt h2 {line-height: 1.2em;font-weight: 500;
                    font-size: 1.5em; margin-bottom: .5em;}
    .mo-prfl.rt .abt-group { width: 100%;}
    .mo-prfl.rt {
        float: none;
        position: relative;
        line-height: 1.25em;
        font-size: 1em;
        font-weight: 400;
    }
    .mb-shw .pg-scrl-lf{ width: 100%; font-size: inherit;line-height: inherit;}
    .pg-scrl-lf img.prfil{ float: left;}
    .mb-shw{ display: block;}
    .mb-hid{ display: none;}
    #h-slider .slides {
        background-color:transparent;
    }
    .pnl-c .h-prod-desc{width: 100%;}
    .pnl2 .sldr-sb img:first-child,
    .pnl2 .sldr-sb img.ckwr:first-child,
    .pnl1 .sldr-sb img:first-child {
        display: inline-block;
    }
    .pnl2 .sldr-sb img.appli {
        left: 0;
        top: 0;
    }
    .cokwr-bg-lg .bg-colr {
        padding-bottom: 0;
    }
    .pnl2 .sldr-sb img.ckwr,
    .pnl2 .sldr-sb img,
    .pnl1 .sldr-sb img {
        left: 0;
        transform: scale(1);
        float: none;
        display: none;
        /*position: relative;*/
        top: 0;
    }
    /*.pnl2 .sldr-sb img{float: none;
        display: inline-block;}
.pnl1 .sldr-sb img{float: none;
        display: inline-block;}*/
    .pnl2.ns-bg-lg .pnl-cookr.abs {
        bottom: 0em;
        top: initial;
        position: relative;
    }
    .pnl2 .sldr.ns {
        top: inherit;
        position: relative;
        float: none;
    }
    .pnl-cookr img {
        width: auto;
    }
    /*bg-mo*/
    /*.cok-bg-lg {
        background: url(../images/cooker-lg.jpg) no-repeat 0 0%;
        background-size: 65%;
    }
    .ns-bg-lg {
        background: url(../images/non-stick-lg.jpg) no-repeat right 0;
        background-size: 65%;
    }
    .forg-ns-cok-bg-lg {
        background: url(../images/forged-non-stick-lg.jpg) no-repeat 0 0;
        background-size: 65%;
    }
    .applin-bg-lg {
        background: url(../images/appliances-lg.jpg) no-repeat right 0;
        background-size: 65%;
    }
    .stain-stel-bg-lg {
        background: url(../images/stainless-steel-lg.jpg) no-repeat 0 0;
        background-size: 65%;
    }
    .cokwr-bg-lg {
        background: url(../images/cookware-lg.jpg) no-repeat right 0;
        background-size: 65%;
    }*/
    /*bg-mo*/
    .sldr a.viw-dsk {
        display: none;
    }
    .sldr a.hid-dsk {
        display: inline-block;
    }
    .pnl2 .pnl-cookr.abs,
    .pnl1 .pnl-cookr.abs {
        background: #fff;
        position: relative;
        bottom: initial;
        width: 100%;
        padding: 3em 0;
        right: initial;
    }
    .slides {
        background-color: #fff;
    }
    .dsk-vw {
        max-width: 60%;
        margin: auto;
        float: none;
    }
    header {
        padding: 1em 0;
    }
    .prod-mob{z-index: 99;}
    .prod-mob span.pro-arw {
        display: block;
    }
    .mob-vw {
        display: block;
    }
    .mob-vw a {
        padding: .5em .5em;
        font-size: 14px;
        font-weight: 700;
    }
    .ftr-mn img.pd {
        padding: 0 1em;
    }
    .ftr-mn img {
        float: left;
    }
    .ftr-mn .cert {
        margin: .5em 0 2em;
        float: left;
    }
    .ftr-mnp-mb {
        display: none;
    }
    .ftr-mnus {
        float: left;
        padding-left: 5%;
    }
    .ftr-mnus a {
        padding: .75em .5em;
        font-size: 1em;
        font-weight: 600;
    }
    .pro-sldrs span.rt-arw {
        background-size: 50px;
    }
    .pro-sldrs span.lf-arw {
        background-size: 50px;
    }
    .pro-sldrs span.rt-arw:hover {
        background-size: 50px;
    }
    .pro-sldrs span.lf-arw:hover {
        background-size: 50px;
    }
    .prod .detils {
        width: 100%;
        margin-top: 1em;
    }
    .lft-mnu h3 {
        background: url(../images/pro-plus.png) no-repeat 97% center;
        border-top: 1px solid #1b75bc;
    }
    .lft-mnu h3.act {
        background: url(../images/pro-mins.png) no-repeat 97% center;
    }
    .prod .lft-mnu {
        display: none;
        width: 100%;
        position: absolute;
        float: left;
        top: 2.75em;
        left: 0px;
        background: #fff;
        z-index: 99;
        border-bottom: 1px solid #1b75bc;
        border-right: 1px solid #1b75bc;
        border-left: 1px solid #1b75bc;
        padding: 0 1em;
    }
    .prod-mob span.pro-arw {
        border-top: 1px solid #1b75bc;
        border-bottom: 1px solid #1b75bc;
        border-right: 1px solid #1b75bc;
        border-left: 1px solid #1b75bc;
        float: left;
        position: relative;
        width: 100%;
    }
    span.pro-arw {
        background: url(../images/mb-arw.gif) no-repeat 95% center;
        color: #1b75bc;
        font-size: 1em;
        font-weight: 700;
        padding: .75em 1em;
        cursor: pointer;
        float: left;
        position: relative;
    }
    /*.ftr-mn a{ display: none;}*/
    .ftr-mn {
        width: 50%;
        float: left;
    }
    .container {
        max-width: 96%;
    }
    .mnu-cvr {
        float: left;
        position: fixed;
        width: 100%;
        background: rgba(0, 0, 0, 0.8);
        height: 100%;
        top: 0px;
        left: 0px;
        display: none;
        z-index: 999;
        overflow-y: scroll;
    }
    .nethr-mnu {
        background: #fff;
        position: absolute;
        float: right;
        width: 80%;
        right: -100%;
        top: 0em;
        height: 100%;
        padding-top: 2em;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        transition: all .5s ease-out;
        display: inline-table;
    }
    .nethr-mnu.act {
        right: 0%;
    }
    .nethr-mnu a {
        display: block;
        float: left;
        color: #1b75bc;
        width: 100%;
        position: relative;
        height: auto;
        font-size: 1em;
        margin: 0;
        padding: .65em 1.5em;
    }
    .cls {
        -webkit-border-radius: 50%;
        cursor: pointer;
        display: block;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        width: 30px;
        height: 30px;
        float: right;
        position: relative;
        background: #1b75bc;
        text-align: center;
        font-size: 18px;
        line-height: 28px;
        right: 1em;
        font-weight: 600;
    }
    .pnl2 .sldr {
        float: none;
        position: relative;
        width: inherit;
    }
    .sec {
        height: calc(100% - 10px);
        display: table !important;
        width: 100%;
    }
    .pnl2 .sldr a {
        margin: 1em 0 0 0em;
        float: none;
    }
    .pnl2 .sldr-sb img {
        left: 0;
        transform: scale(1);
        top: 0em;
    }
    .pnl2 .sldr-sb {
        float: left;
        position: relative;
        width: 100%;
        right: 0px;
    }
    /*.sldr-mb a{ float: none; position: relative; margin-left: 0px;}*/
    .sldr-mb {
        float: none;
        position: relative;
        width: 350px;
        display: inline-block;
    }
    .sldr a {
        margin: 1em 0 0 0em;
        float: none;
        position: relative;
    }
    .sldr-sb {
        width: 100%;
        right: 0em;
        transform: scale(1);
    }
    .sldr {
        text-align: center;
    }
    .bg-colr .cookr-bg-grn span br {
        display: block;
    }
    .bg-colr span {
        font-size: 2em;
        line-height: 35px;
        /*padding-bottom: 0em;*/
        font-weight: 500;
    }
    .bg-colr h3 {
        font-size: 1.5em;
        margin-top: 1.2em;
        padding-top: .5em;
        padding-bottom: .5em;
    }
    .bg-colr .cookr-bg span br {
        display: block;
    }
    /*.dsk-vw{ display: none;}*/
    .mb-vw {
        display: block;
    }
    .bg-colr .cookr-tx {
        display: none;
    }
    p.pg-arw:hover {
        background: url(../images/pg-arw-hvr.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: background 0.5s ease-out;
        -moz-transition: background 0.5s ease-out;
        -o-transition: background 0.5s ease-out;
        transition: background 0.5s ease-out;
        opacity:0.5;
    }
    p.pg-arw {
        margin: 0px;
        padding: 0px;
        background: url(../images/pg-arw-hvr.png) no-repeat center center;
        width: 40px;
        height: 40px;
        cursor: pointer;
        float: none;
        display: inline-block;
        margin-top: 3.5em;
    }
    .pnl a span,
    .pnl1 a span,
    .pnl2 a span {
        padding-right: 1.25em;
    }
    .pnl a{border: 1px solid #FFF !important;}
    .pnl a,
    .pnl1 a,
    .pnl2 a {
        font-size: 1.2em;
        -webkit-border-radius: 50px;
        border: 1px solid #2a7ec0;
        -moz-border-radius: 50px;
        border-radius: 50px;
        padding: .5em .75em;
    }
    .pnl-txt span br{ display: none;}
    .pnl-txt span {
        font-size: 1.8em;
        line-height: 1.25em;
        letter-spacing: .75pt;
    }
    .mnu {
        background: url(../images/togl-mnu.png) no-repeat center center;
        display: block;
        width: 30px;
        height: 23px;
        cursor: pointer;
        float: right;
        position: relative;
        right: 0em;
        top: 1em;
    }
    .nethr-lgo a {
        width: 150px;
    }
    .pnl {
        /*! background: url(../images/pnl-mb.jpg) no-repeat center 0; */
        display: block;
        position: relative;
        background-size: cover;
        /*! padding-bottom: 1em; */
        text-align: center;
        /*! margin-bottom: 14em; */
    }
    .pnl-txt {
        width: 50%;
        float: none;
        display: inline-block;
        /*position: absolute;*/
        /*! top: 0 !important; */
        left: 25%;
        /*bottom: -14em;*/
        position: relative;
        left: initial;
        bottom: initial;
        margin-top: -28%;
        top: initial;
        -webkit-transform: scale(0, 0) translate(0, 0%);
        -moz-transform: scale(0, 0) translate(0, 0%);
        -ms-transform: scale(0, 0) translate(0, 0%);
        -o-transform: scale(0, 0) translate(0, 0%);
        transform: scale(0, 0) translate(0, 0%);
        /*! transform: translate(0) !important; */
    }
    .pnl1 .pnl-cookr:last-child {
        width: 100%;
        padding: 3em 0;
    }
    .pnl1 .pnl-cookr:nth-child(3) {
        /*width: 100%*/
    }
    .hp-dtls,.pnl1,.pnl2{height:auto !important}

}

@media screen and (max-width: 767px) {
    .ftr-mnus{ padding-left: 3%;}
    .ftr-mnus a {
        padding: .75em .75em .75em 0;
        font-size: .95em;
    }
    .pnl a, .pnl1 a, .pnl2 a{font-size: 1em;}
    .pnl a span, .pnl1 a span, .pnl2 a span {
        padding-right: 1.5em;
    }
    .bg-colr h3{font-size: 1.25em;}
    .bg-colr .cont span br {
        display: none;
    }
    /*popup*/
    .popup .pop-con .con {
        top: 2em;
        left: 50%;
        transform: translate(-50%, 0);
        position: absolute;
        max-width: 85%;
    }
    /*popup*/
    .cok-bg-lg {
        background-size: 70%;
    }
    .ns-bg-lg {
        background-size: 70%;
    }
    .forg-ns-cok-bg-lg {
        background-size: 70%;
    }
    .applin-bg-lg {
        background-size: 70%;
    }
    .stain-stel-bg-lg {
        background-size: 70%;
    }
    .cokwr-bg-lg {
        background-size: 70%;
    }
    .bg-colr span {
        font-size: 1.65em;
        line-height: 1.2em;
    }
    p.pg-arw {
        margin-top: 2.5em;
    }

    .pnl-txt span {
        font-size: 1.6em;
        line-height: 1.1em;
        letter-spacing: .75pt;
    }
    .mo-prfl.lf{ width: 45%;}
}
.mbn{ display: block;}
.dsn{ display: none;}
@media screen and (max-width: 639px) {
    /* .pro-img{ width: 75%;} */
    .pop-tit {
        font-size: 1.25em;
        padding: 0em 0 .5em;
    }
    .popup .pop-con .con{top: 1.5em;}
    input[type="text"], input[type="tel"], input[type="email"], input[type="file"]{height: calc(3.5em + 5px);margin: 1em 0 .5em;
                                                                                   padding: .75em;
    }
    input[type="text"][required] + label[placeholder], input[type="tel"][required] + label[placeholder], input[type="email"][required] + label[placeholder], input[type="file"][required] + label[placeholder]{margin-top: calc(-2em - 4px);}
    .pro-arw-nw a span:hover{background-size: 1.75em;}
    .pro-arw-nw a span{padding-right: 2.5em;
                       background-size: 1.75em;
                       font-size: 1.05em;
    }
    span.lf-arw, span.rt-arw, span.lf-arw:hover, span.rt-arw:hover {
        background-size: 40px;
    }
    .pro-bg-clr span {
        font-size: 1em;
        line-height: 1.5em;
    }
    .pro-bnr {
        top: 0em; margin: 1em 0;
    }
    .detils .cont {
        padding: 0;
    }
    span.lf-arw {
        right: 0em;
    }
    .navz {
        position: absolute;
        width: 100%;
        float: right;
        padding: 1.25em 0;
        top: -25em;
        z-index: 99;
    }
    .pro-dsk{ display: block;color: #1b75bc; margin-bottom: 0em;font-size: 1em;}
    .pro-mb{ display: none;}
    .cn-dtl p a {
        font-weight: 700;
    }
    .cn-dtl p {
        font-size: 14px;
    }
    .cn-dtl h5 {
        font-size: 15px;line-height: 20px;
    }
    footer .othr span {
        padding: .5em 5% .5em 0%;
    }
    h3.cnts-tit{ margin-bottom: 1em;}
    .mbn{ display: none;}
    .dsn{ display: block;}
    .mo-prfl.rt h2 {
        line-height: 1.2em;
        font-size: 1.25em;
    }
    .pg-scrl-lf img.prfil{ width: auto;}
    .bg-colr span {
        font-size: 1.2em;
    }
    .bg-colr h3 {
        font-size: 1em;
    }
    /*.pnl ~ .row .netr-bg {
        height: 260px;
}*/
    .lec .cus-srvs:last-child h2 {
        display: none;
    }
    .cus-srvs {
        width: 100%;
        padding: 0% 0 8% 0;
    }
    .othr span img.premir {
        padding-top: 0em; float: left;
    }
    .popup .pop-con .con {
        padding: 2.25em 1em 2em;
    }
    .sldr a {
        margin: 1.5em 0 0 0em;
    }
    .pnl2 .sldr a {
        margin: 0em 0 1.5em 0em;
    }
    .pro-sldrs span.lf-arw {
        top: 3em;
        margin-right: 5%;
    }
    .pro-sldrs span.rt-arw {
        top: 3em;
        margin-left: 8%;
    }
    /*import*/
    .prfil h3 {
        font-size: 1.15em;
    }
    .abt .abt-tx {
        padding-top: .5em;
    }
    .prfil span {
        float: left;
        width: 100%;
        font-size: 15px;
    }
    .pg-scrl-lf img.prfil {
        float: none;
        display: inline-block;
        margin: .75em 0;
    }
    .abt .pg-scrl-lf {
        border-top: 0px solid #1b75bc;
        /*text-align: center;*/
        width: 100%;
        margin-bottom: 1em;
    }
    .abt .pg-scrl-rt {
        width: 100%;
        font-size: 1.25em;
        padding-top: .35em;
        line-height: 26px;
        margin-bottom: .25em;
        border-bottom: 1px solid #1b75bc;
        padding-bottom: 1.5em;
    }
    /*import*/
    footer .othr span {
        float: left;
    }
    section.prod {
        padding-bottom: 1.5em;
    }
    .mob-vw a {
        padding: .5em 0em;
    }
    .ftr-mnus a:hover {
        color: #b0b0b0;
        cursor: pointer;
        -webkit-transition: color 0.5s ease-out;
        -moz-transition: color 0.5s ease-out;
        -o-transition: color 0.5s ease-out;
        transition: color 0.5s ease-out;
    }
    .ftr-mnus a {
        padding: .5em 1em .5em 0;
        font-size: .85em;
        font-weight: 700;
        float: left;
        width: auto;
    }
    .ftr-mnus {
        float: left;
        padding-left: 0;
        width: 100%;
    }
    .pro-sldr h2 {
        font-size: 1.5em;
    }
    .pro-bg-clr h1 {
        font-size: 1.25em;
        margin-top: .5em;
        padding-top: .3em;
    }
    .detils .blu-bg {
        background: rgba(26, 117, 188, 0.65);
        transform: translate(0px, -20px);
        position: absolute;
        z-index: 9;
    }
    .bnr .bg-bnr img {
        height: inherit;
    }
    .bnr .bg-pordt {
        width: 100%; padding: 0px;
    }
    .bnr .bg-bnr {
        width: 100%; border: inherit;
    }
    .container {
        max-width: 94%;
    }
    .pnl a span,
    .pnl1 a span,
    .pnl2 a span {
        padding-right: 1.75em;
    }
    .sldr-mb {
        width: 300px;
    }
    .pnl a,
    .pnl1 a,
    .pnl2 a {
        padding: .55em .85em;
        font-size: 1em;
    }
    .bg-colr .cookr-bg span br {
        display: none;
    }


    .bg-colr .cookr-bg-grn span br {
        display: none;
    }
    p.pg-arw {
        margin-top: 1.5em;
    }
    /*.pnl{margin-bottom: 13em;}*/
    .pnl-txt {
        /*left: 15%;*/
        width: 70%;
        margin-top: -25%;
    }
    /*.pnl-txt span {
        font-size: 2em;
        line-height: 36px;
    } */
    .cok-bg-lg {
        background-size: 80%;
        margin: 0px;
    }
    .ns-bg-lg {
        background-size: 80%;
        margin: 0px;
    }
    .forg-ns-cok-bg-lg {
        background-size: 80%;
        margin: 0px;
    }
    .applin-bg-lg {
        background-size: 80%;
        margin: 0px;
    }
    .stain-stel-bg-lg {
        background-size: 80%;
        margin: 0px;
    }
    .cokwr-bg-lg {
        background-size: 80%;
        margin: 0px;
    }
    #product-slider .slider-cont{height: 270px;}
    h2.pro-tit {
        font-size: 1.2em;
        line-height: 1.2em;
        margin: 0px;
    }
    .buy-btn .tag{    font-size: 0.65em;}
    .mat_cnt .txt_cnt .spilt.itm_dtl_cnt a{margin-top: 1.3em;}
}

@media screen and (max-width: 479px) {
    .pro-img {
        width: 75%;
    }
    .bg-pordt .navz{top: -22em;}
    .mo-prfl.lf{ width: 100%;margin-bottom: 1em;}
    .pnl2 .sldr.ns, .dsk-vw {
        max-width: 70%; width: 70%;}

    /*.pnl ~ .row .netr-bg {
        height: 220px;
}*/
    footer .othr span:last-child {
        float: left;
        padding-bottom: 0px;
    }
    footer .othr span {
        width: 100%;
    }
    .othr span img.crtif {
        padding: 0 0 0 1em !important;
        top: 0.5em;
    }
    footer .othr span img:first-child {
        display: inline-block;
    }
    /*popup*/
    .popup.pop-lk .pop-con .con {
        padding-left: 1em;
        padding-right: 1em
    }
    .popup.pop-lk .pop-con .close {
        right: 0;
    }
    /*popup*/
    .pnl-txt span {
        font-size: 1.3em;
    }
    .abt .pg-scrl-rt {
        font-size: 1.2em;
        line-height: 22px;
    }
    .pg-scrl-lf {
        line-height: 24px;
    }
    .pg-scrl-rt {
        font-size: 1.25em;
        line-height: 24px;
    }
    footer .othr span img {
        float: none;
        display: block;
    }
    .pro-sldrs span.lf-arw:hover {
        background-size: 100%;
    }
    .pro-sldrs span.lf-arw {
        background-size: 100%;
        top: 3em;
        margin-right: 5%;
        width: 40px;
        height: 40px;
    }
    .pro-sldrs span.rt-arw:hover {
        background-size: 100%;
    }
    .pro-sldrs span.rt-arw {
        background-size: 100%;
        top: 3em;
        margin-left: 7%;
        width: 40px;
        height: 40px;
    }
    .pro-sldrs {
        margin: 1em 0;
    }
    .pro-sldr h4 {
        font-size: 1em;
    }
    .pro-sldr h2 {
        font-size: 1.2em;
    }
    .cpy span {
        float: left !important;
        width: 100%;
    }
    .cpy {
        margin: 0px;
        padding: .75em 0;
    }
    .ftr-mnp {
        padding: 0;
    }
    footer .othr span img:first-child {
        padding: 0em 1.5em 0em 0;
    }
    .ftr-mn .cert-pd {
        margin-bottom: 1em !important;
    }
    .ftr-mn .cert {
        margin-top: .5em;
        margin-bottom: 0em;
    }
    .mb-pd {
        border-top: 1px solid #1b75bc;
        border-bottom: 1px solid #1b75bc;
    }
    .ftr-mn {
        width: 100%;
        float: left;
        padding: .5em 0;
    }

    .mnu {
        top: .5em;
    }
    .nethr-lgo a {
        width: 120px;
    }
    .pnl-txt {
        width: 82%;
    }
    .cok-bg-lg {
        background-size: 90%;
    }
    .ns-bg-lg {
        background-size: 90%;
    }
    .forg-ns-cok-bg-lg {
        background-size: 90%;
    }
    .applin-bg-lg {
        background-size: 90%;
    }
    .stain-stel-bg-lg {
        background-size: 90%;
    }
    .cokwr-bg-lg {
        background-size: 90%;
    }
    .pnl1 .pnl-cookr:last-child {
        padding: 2em 0;
    }
    .pnl2 .pnl-cookr.abs {
        padding: 2em 0;
    }
    .bg-colr span {
        font-size: 1em;
        line-height: 1.2em;
    }
    .bg-colr h3 {
        font-size: .85em;
    }
}

@media screen and (max-width: 359px) {

    .navz {
        padding: .25em 0 0 0;
    }
    /*.pnl ~ .row .netr-bg {
        height: 200px;
}*/
    .dsk-vw {
        max-width: 65%;
    }
    .pnl a,
    .pnl1 a,
    .pnl2 a {
        padding: .55em .85em;
        font-size: .85em;
    }
    .pnl-txt span {
        font-size: 1.2em;
    }
    .bg-colr span {
        font-size: .85em;
        line-height: 1.2em;
    }
}
span#year{
    font-size: inherit;
}