html{
      -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
padding: 0px;
margin: 0px;
background-color: #fff;  
font-family: 'Open Sans', sans-serif;
font-size: 100%;
color: #000;
width: 100%;
height: auto;
-webkit-font-smoothing:antialiased;
}
ul,li{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
*, *:before, *:after{
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
a, ins {
    text-decoration: none;
}
#overallwrapper{
width: 100%;
height: auto;
background-color: #fff;
/*min-width: 1280px;*/
}
img{
    max-width: 100%;
    max-height: 100%;
}
input, textarea{
   /* -webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    -webkit-box-shadow:none;
    -webkit-box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow:none;
    -webkit-box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}

/**/


/**/
.clearfix:before, .clearfix:after{
display:block;
content:" ";
}
.clearfix:after {
clear:both;
}
.clear{
*zoom:1;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?7f0hlx');
  src:  url('fonts/icomoon.eot?7f0hlx#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?7f0hlx') format('truetype'),
    url('fonts/icomoon.woff?7f0hlx') format('woff'),
    url('fonts/icomoon.svg?7f0hlx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-magnifier:before {
  content: "\e926";
}
.icon-search3:before {
  content: "\e924";
}
.icon-search2:before {
  content: "\e923";
}
.icon-search4:before {
  content: "\e925";
}
.icon-home:before {
  content: "\e900";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-mic:before {
  content: "\e91e";
}
.icon-library:before {
  content: "\e952";
}
.icon-price-tag:before {
  content: "\e935";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location:before {
  content: "\e947";
}
.icon-location2:before {
  content: "\e948";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-tablet:before {
  content: "\e95a";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user:before {
  content: "\e971";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-search:before {
  content: "\e986";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-cog:before {
  content: "\e994";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-bin2:before {
  content: "\e9ad";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-list-numbered:before {
  content: "\e9b9";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-cloud:before {
  content: "\e9c1";
}
.icon-cloud-download:before {
  content: "\e9c2";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-blocked:before {
  content: "\e9d1";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-heart-broken:before {
  content: "\e9db";
}
.icon-happy:before {
  content: "\e9df";
}
.icon-happy2:before {
  content: "\e9e0";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-volume-medium:before {
  content: "\ea27";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-radio-checked2:before {
  content: "\ea55";
}
.icon-radio-unchecked:before {
  content: "\ea56";
}
.icon-bold:before {
  content: "\ea62";
}
.icon-underline:before {
  content: "\ea63";
}
.icon-italic:before {
  content: "\ea64";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-remove-user:before {
  content: "\e94d";
}
.icon-chevron-down:before {
  content: "\e90a";
}
.icon-chevron-left:before {
  content: "\e90b";
}
.icon-chevron-right:before {
  content: "\e90c";
}
.icon-chevron-small-down:before {
  content: "\e901";
}
.icon-chevron-small-left:before {
  content: "\e902";
}
.icon-chevron-small-right:before {
  content: "\e903";
}
.icon-chevron-small-up:before {
  content: "\e904";
}
.icon-chevron-thin-down:before {
  content: "\e906";
}
.icon-chevron-thin-left:before {
  content: "\e907";
}
.icon-chevron-thin-right:before {
  content: "\e908";
}
.icon-chevron-thin-up:before {
  content: "\e909";
}
.icon-chevron-up:before {
  content: "\e90d";
}
.icon-chevron-with-circle-down:before {
  content: "\e90e";
}
.icon-chevron-with-circle-left:before {
  content: "\e910";
}
.icon-chevron-with-circle-right:before {
  content: "\e911";
}
.icon-chevron-with-circle-up:before {
  content: "\e912";
}
.icon-cloud2:before {
  content: "\e93e";
}
.icon-download:before {
  content: "\e940";
}
.icon-select-arrows:before {
  content: "\e950";
}
.icon-bell:before {
  content: "\e927";
}
.icon-briefcase:before {
  content: "\e928";
}
.icon-browser:before {
  content: "\e929";
}
.icon-calculator:before {
  content: "\e92a";
}
.icon-calendar:before {
  content: "\e913";
}
.icon-camera2:before {
  content: "\e914";
}
.icon-chat:before {
  content: "\e92b";
}
.icon-check:before {
  content: "\e92c";
}
.icon-circle-with-cross:before {
  content: "\e915";
}
.icon-code:before {
  content: "\e93b";
}
.icon-cog2:before {
  content: "\e92d";
}
.icon-compass:before {
  content: "\e92e";
}
.icon-credit-card2:before {
  content: "\e92f";
}
.icon-cross2:before {
  content: "\e930";
}
.icon-database:before {
  content: "\e941";
}
.icon-eye2:before {
  content: "\e916";
}
.icon-gauge:before {
  content: "\e93c";
}
.icon-grid:before {
  content: "\e951";
}
.icon-link:before {
  content: "\e94b";
}
.icon-list3:before {
  content: "\e953";
}
.icon-location-pin:before {
  content: "\e917";
}
.icon-lock-open:before {
  content: "\e931";
}
.icon-lock2:before {
  content: "\e932";
}
.icon-log-out:before {
  content: "\e943";
}
.icon-login:before {
  content: "\e944";
}
.icon-mail:before {
  content: "\e933";
}
.icon-map:before {
  content: "\e94c";
}
.icon-megaphone:before {
  content: "\e934";
}
.icon-menu:before {
  content: "\e936";
}
.icon-message:before {
  content: "\e937";
}
.icon-price-tag2:before {
  content: "\e946";
}
.icon-publish:before {
  content: "\e939";
}
.icon-share-alternitive:before {
  content: "\e949";
}
.icon-share:before {
  content: "\e94a";
}
.icon-sweden:before {
  content: "\e954";
}
.icon-wallet:before {
  content: "\e93d";
}
.icon-facebook-with-circle:before {
  content: "\e918";
}
.icon-google-with-circle:before {
  content: "\e919";
}
.icon-google:before {
  content: "\e91b";
}
.icon-instagram-with-circle:before {
  content: "\e91c";
}
.icon-instagram2:before {
  content: "\e91d";
}
.icon-linkedin-with-circle:before {
  content: "\e91f";
}
.icon-linkedin:before {
  content: "\e920";
}
.icon-twitter-with-circle:before {
  content: "\e921";
}
.icon-twitter2:before {
  content: "\e922";
}
.icon-chart:before {
  content: "\e93a";
}

[data-icon]:before {
        font-family: 'icomoon';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
/*General styles start here*/
.flexOne{
display: flex;
flex-direction: row;
justify-content: space-between; 
}
.flexTwo{
display: flex;
flex-direction: row;
justify-content: normal; 
}
.flexWrap{
flex-wrap: wrap;  
}
.imgSVGOne{
 width: 20px;
margin-right: 5px; 
}
.imgSVGTwo{
width: 25px;
    margin-right: 10px;
    opacity: .5;
}
.universalText{
height: 42px;
    width: 100%;
    border-radius: 3px;
    border: none;
    padding: 0 18px;
    color: #0c0c17;
    font-size: 90%;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    background: #f6f8fe;
}
.universalSelect{
 height: 42px;
    width: 100%;
    border-radius: 3px;
    border: none;
    padding: 0 18px;
    color: #0c0c17;
    font-size: 90%;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    background: #f6f8fe; 
}
.universalBtn{
     outline: none;
    width: 100%;
    border: none;
    height: 42px;
    padding: 0;
    border: none;
    color: #fff;
    font-size: 90%;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    border-radius: 3px;
    letter-spacing: 1px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%), inset 0 0 0 1px rgb(255 255 255 / 10%);
    -webkit-transition: border-color .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out;
    -o-transition: border-color .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out;
    transition: border-color .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out; 
}
.universalTextArea{
  
}
.genImage{
background-position: center;
background-size:contain;
background-attachment: scroll;
background-repeat: no-repeat;  
}
/*General styles ends here*/
/*icomoon fonts end here*/
#headerDesktop{
display: none;  
}

#headerDesktop-black{
display: none;
}

#mobileHeader {
  display: flex;
  padding: 3% 5%;
  box-shadow: 2px 0px 5px rgba(0, 0, 0, .4);
}

/*control mobile header start here*/
#mobile_header{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 3%;  
}
#mobile_headerH{
margin-bottom: 10px;
}
/*control mobile header end here*/
.bxslider{
  width: 100%;
  height: 500px;
}
.flex{
  display: flex;
  justify-content: space-between;
}
.alignFlex{
  align-items: center;
}
.genPadding{
  padding: 50px 0px;
}
.bgImage{
  background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#mainBlkWrapper{
position: relative;
width: 100%;
height: 500px;
}
#mainBlkSlider{
position: absolute;
width: 100%;
height: 500px;
}
#mainBlkOverlay{
  position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
}
#sliderHome{
height: 500px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
 /*header styles starts here*/

#LMenu{
width: 25%;
}
#logo{
width: 150px;
}
#RMenu{
width: 20%;
}
.styleLink{
  color: #fff;
  font-weight: 600;
  font-size: 120%;
}
.styleLink-black{
  color: #000;
  font-weight: 600;
  font-size: 120%;
}
.cartCounterWrap{
  position: relative;
    width: 25px;
    height: 25px;
}
.iconWidth{
  width: 25px; 
}
#cartCounter{
 width: 25px;
 height: 25px; 
 background: #fff;
 border-radius: 100%;
 color: #000;
 position: absolute;
 top: -10px;
 left: -10px;
 justify-content: center;
}
#cartCounter-black{
  width: 25px;
  height: 25px; 
  background: #000;
  border-radius: 100%;
  color: #fff;
  position: absolute;
  top: -10px;
  left: -10px;
  justify-content: center;
 }
 /*header styles ends here*/
#nyarkCaption{
width: 100%;
height: auto;
padding: 100px 5%;
}
#alignCaption{
width: 100%;
height: auto;  
color: #fff;
}
#alignCaptionB{
font-size: 300%;
font-weight: 800;
text-align: center;
}
#alignCaptionS{

}
.shopBtn{
        display:block;
        border: 1px solid #fff;
        width: 200px;
        text-align: center;
        margin: 50px auto;
        padding: 15px 10px;
        color: #fff;
          transition: all linear .3s;
}
.shopBtn:hover{
color: #000;
background-color: #ffffff;
}
#nyarkItemList{
width: 100%;
padding: 20px 5%;
}
#nyarkItemLTit{
text-align: center;
margin: 30px 0px ;
font-size: 150%;
}
#nyarkItemLMenu{
width: 40%;
margin: auto;
color: #a79f9f;

}
#nyarkItemLMStyle{
 transition: all linear .3s; 
}
#nyarkItemLMStyle:hover{
color: #000;
}
#nyarkItemLMStyle{
 cursor: pointer;
}
#nyarkItemLDbList{
width: 100%;
padding: 20px 0px;
flex-wrap:wrap;
}
#nyarkItemLDbLInner{
width:45%;
margin-bottom: 15px;
}
#nyarkItemLDbLimg{
width: 100%;
height: 150px;
background-color: #f4f4f4;
border-radius: 4px;
}
#nyarkItemLDbLCAT{
margin: 5px 0px;
color: #a79f9f;
}
#nyarkItemLDbLTIT{

}

#nyarkItemLDbLAMT{
margin-top: 5px;
}

#noItem{
background-color: #eee;
height: 400px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#noItemInner{

}
#nyarkShowcase{
width: 100%;
padding: 50px 5%;
}
#nyarkShowAlign{
width: 100%;
flex-direction: column;
}
#nyarkShowL{
width: 100%;
height: 200px;
margin-bottom: 10px;
}
#nyarkShowOverlay{
 width: 100%;
 height: 100%;
 padding: 30px;
 background: rgba(0, 0, 0,.6); 
}
#nyarkShowOCap{
color: #fff;
        font-size: 130%;
        margin-bottom: 40px;
}
#nyarkShowOBtn{
  background: #fff;
  color: #333;
  padding: 10px 20px;
  display: inline-block;
}

#nyarkShowR{
width: 100%;
height: auto;
}
#nyarkShowRTop{
height: 200px;
}
#nyarkShowRBottom{
height: auto;
margin-top: 10px;
flex-direction: column;
}
#nyarkShowRBInner{
width: 100%;
height: 200px;
margin-bottom: 10px;
}
#nyarkTrail{
width: 100%;
padding: 20px 5% 30px 5%;
}
#nyarkTrailImg{
 width: 200px; 
}
#nyarkNewsletter{
width: 100%;
height: auto;
}
#nyarkNewsOverlay{
width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        padding: 50px 5%;
        text-align: center;
        color: #fff;
}
#nyarkNewsOBig{
font-size: 150%;
font-weight: 600;
}
#nyarkNewsOSmall{
width: 80%;
margin: 20px auto;
}
#nyarkNewsOForm{
width: 100%;
height: auto;
padding: 5px;
margin: auto;
background-color: #fff;
border-radius: 50px;
}
#nyarkNewsOFField{
width: 70%;
}
#nyarkNewsOFField input{
width: 100%;
height: 60px;
border-radius: 40px;
outline: none;
border: none;
padding: 20px;
}
#nyarkNewsOFBTN{
width: 30%;
}
#nyarkNewsOFBTN input{
width: 100%;
background-color: orange;
color: #fff;
border-radius: 40px;
outline: none;
border: none;
height: 60px;
}
#nyarkfooterPolicy{
width: 100%;
        background-color: #0f0f0f;
        border-bottom: none;
        flex-wrap: wrap;
        margin-bottom: 50px;
}
#nyarkfooterPInner{
width: 50%;
padding: 50px 20px;
text-align: center;
color: ;
}
.footerBorderBtm{
border-bottom: 1px solid #262626;  
}
#nyarkfooterPIImg{
width: 50px;
text-align: center;
margin: 10px auto;
}
#nyarkfooterPITit{
margin-bottom: 10px;
color: #fff;
}
#nyarkfooterPIDts{
color: #6e6e6e;
font-size: 90%;
}

.borderPolicy{
  border-right: 1px solid #262626;
}

#nyarkfooter{
        width: 100%;
        background-color: #0f0f0f;
        text-align: left;
        padding: 50px 5%;
        display: none;
}
#nyarkfInner{
width: 20%;
padding: 0px 2.5%;
}
#nyarkfInnerHead{
margin-bottom: 10px;
font-size: 120%;
color: #fff;
}
#nyarkfInnerBody a{
margin-bottom: 10px;
}
#flogo{
  width: 150px;
  display: block;
}
.fLinkStyle{
color: #6e6e6e;
display: block;
}
#nyarkfooterAlign{
  color: #fff;
  font-size: 150%;

}

/**/ 
/*footer styles start here*/
#footerList {
  width: 100%;
  height: auto;
  margin-top: 70px;
  display: block;
}

#mobileFMenu {
  position: fixed;
  display: flex;
  width: 100%;
  background-color: #ffffff;
  height: auto;
  bottom: 0px;
  z-index: 100000;
}

#mobileFMenu {
  width: 100%;
  border-top: 1px solid #eee;
  position: fixed;
  bottom: 0px;
  background: #fff;
}

#mobileFMenuInner {
  width: 25%;
  color: #333;
  text-align: center;
  padding: 10px;
}

#mobileFMenuInner:hover {
  color:
}

#mobileFMenuIcon {
  width: 20px;
  margin: auto;
}

#mobileFMenuITag {
  font-size: 90%;
}

#mCategoryBodyR {
  display: block;
}

#mCategoryBodyRH {
  text-align: center;
  padding: 10px 20px;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
}

#mCategoryBodyRB {
  display: none;
  width: 100%;
  height: auto;
}

/*footer styles ends here*/

/*login styles start here*/
#wrapLogin {
  width: 100%;
  height: auto;
}

#LoginL {
  width: 100%;
  height: auto;
  margin-left: 0px;
  background: #fff;
  padding: 0px 5%;
  box-shadow: 0 0 30px #3749574d;
}

#LoginR {
  display: none;
  position: fixed;
  width: 65%;
  height: auto;
  height: 700px;
}

#wrapFieldlogin {
  width: 100%;
  text-align: center;
}

#wrapFieldSignup {}

#FieldLogo {
  width: 190px;
  margin: auto;
}

#FieldTitB {
  margin-top: 20px;
  font-size: 1.375rem;
  font-weight: 500;
  color: #374957;
}

#FieldTits {
  color: #99a0a6;
}

#InnerForm {
  width: 100%;
  height: auto;
  margin-top: 20px;
}

#SelWrapperSignup {
  width: 100%;
}

.SelWrSInner {
  background: #eee;
  color: #333;
  width: 45%;
  text-align: center;
  padding: 20px;
  border-radius: 5px;
}

#SelWrSIIcon {
  width: 35%;
  margin: auto;
  margin-bottom: 10px;
}

#SelWrSITit {}

#InnerFormDivider {
  margin-bottom: 20px;
}

#IFDDesc {
  color: #8c8caf;
  margin-bottom: 10px;
  text-align: left;
  font-size: .875rem;
  font-weight: 600;
}

#IFDForm {
  width: 100%;
}

#IFDFormPwd {
  width: 100%;
}

#IFDForm2 {
  width: 49%;

}

#toggleBtn {
  width: 20%;
  display: inline-block;
  text-align: center;
  font-size: 90%;
  cursor: pointer;
  padding: 10px;
}

#bg_slider {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 900px;
}

.bxslider {
  width: 100%;
  height: 900px;
}


#full_1 {
  height: 900px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#wrapSlider {

  width: 100%;
  height: 100%;
}

#wrapSliderInner {
  flex-direction: column;
  justify-content: end;
  align-items: flex-end;
  width: 40%;
  padding-right: 0px;
  padding-bottom: 40px;
}



#sliderBtn {
  background-color: #ffffff;
  color: #000000;
  border-radius: 5px;
  padding: 5px;
  font-size: 80%;
}

#LoginRLay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, .4);
}

#errormsg {
  margin: 10px 0px;
  background: #f57070;
  padding: 10px;
  border-radius: 3px;
  color: #fff;
}

/*login styles end here*/

