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: 'Nunito', sans-serif;
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%;
}
ul,li{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
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;
    }

/*icomoon fonts end here*/
/*control desktop header start here*/
#desktopHeader{
width: 100%;
    height: auto;
    padding: 20px 5%;
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
}
/*control desktop header end here*/
/*control mobile header start here*/
#cp{
display: none;
}
#mobileHeader{
display: none;
}
#mSearch{
display: none;  
}
#mobileFMenu{
display: none;
}
#footerList{
display: none;  
}
/*control mobile header end here*/
/*Homepage styles start here*/
/*loading start here*/
div#load_screen{
  background: rgba(255,255,255,.9);
  opacity: 1;
  position: fixed;
    z-index:10000;
  top: 0px;
  width: 100%;
  height: 1600px;
}
div#load_screen > div#loading{
  color:#080810;
  width:200px;
  height:auto;
  margin: 300px auto;
}
/*loading end here*/
/*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*/

#logo{
    width: 10%;
}
#searchTray{
    width: 50%;
    margin: auto;
    background: #f7f9fe;
    padding: 10px;
    border-radius: 5px;
    align-items: center;
}
#searchTImg{
width: 5%;
}
#searchTInput{
width: 70%;
}
#searchTBtn{
width: 20%;
}
#userTray{
align-items: center;
}
#userTHelp{
margin-right: 10px;
}
#userTCart{
margin-right: 20px;
position: relative;
}
#userTdrop{
position: relative;
}
#userTdInner{
margin-right: 10px;
position: relative;
padding: 5px;  
}
#cartCountStyle{
    background: #2a3890;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    font-size: 90%;
    position: absolute;
    left: 15px;
    top: -5px;
}
#wrapMenuH{
position: relative;
cursor: pointer;
}

#showMenu{
  display: none;
    width: 200px;
    height: auto;
   cursor: pointer;
    position: absolute;
    right: 0px;
    border-top: 2px solid #e9e9e9;
    background: #fff;
    z-index: 1000;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
}
#userTdrop:hover #showMenu{
display: block;
}
#userTdInner:hover{
  background-color: #fff;
  box-shadow: 2px 2px 10px rgba(0,0,0,.1);
}
#styleHDpd{
    width: 40%;
    text-align: center;
    background: #2a3890;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 90%;
}
#showMenuTop{
border-bottom: 1px solid #dbe2f4;
padding: 15px 10px;
margin: 0px 5px;
}
#showMenuBottom{
padding: 10px 0px;
}
#showMenuBLink{
margin: 3px 0px;
    color: #333;
    font-size: 90%;
    padding: 5px 10px;
    transition: all linear .3s;
}
#showMenuBLink:hover{
background-color:#f7f9fe;
}
#menuSlider{
background: #f7f9fe;
width: 100%;
padding: 20px 5%;
}
#mSliderL{
    width: 20%;
    background-color: #fff;
    padding: 20px 0px;
    border-radius: 5px;
}
#mSliderLH{
margin-bottom: 20px;
padding: 0px 20px;
}
#mSliderLB{
position: relative;  
}
#smartphoneCat,#tabletsCat,#watchesCat,
#desktopCat,#laptopCat,#gameCat,
#iotCat,#officeCat,#accessoriesCat
{
right: -130%;
top: -65px;
}

.dropoutStyle{
    display: none;
    flex-direction: column;
    justify-content: space-between;
  position: absolute; 
    width: 130%;
    height: 445px;
    padding: 30px;
    background: #fff;
    z-index: 1000;
    box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);
}
#innerCatDts{
width: 100%;
}
#innerCatDtsH{
font-size: 120%;
margin-bottom: 20px;
}
.iCatDtsBStyle{
  margin: 5px 0px;
  color: #333;
}
.iCatDtsBStyle:hover{
color:#2a3890;
}
#innerCatDtsB{

}
#innerCatImg{
width: 100%;
height: 150px;
position: relative;

}
#innerCatImgStyle{

}
#smartphone:hover #smartphoneCat,
#tablets:hover #tabletsCat,
#watches:hover #watchesCat,
#desktop:hover #desktopCat,
#laptop:hover #laptopCat,
#game:hover #gameCat,
#iot:hover #iotCat,
#office:hover #officeCat,
#accessories:hover #accessoriesCat
{
display: flex;  
}


#smartphone:hover .mSliderLBDesc,
#tablets:hover .mSliderLBDesc,
#watches:hover .mSliderLBDesc,
#desktop:hover .mSliderLBDesc,
#laptop:hover .mSliderLBDesc,
#game:hover .mSliderLBDesc,
#iot:hover .mSliderLBDesc,
#office:hover .mSliderLBDesc,
#accessories:hover .mSliderLBDesc
{
color: #2a3890;
}


.mSliderLBDesc{
font-size: 90%;
color: #5e6063;
transition: all linear .3s;
}
.alignCat{
  padding: 0px 20px;
  margin: 10px 0px;   
  cursor: pointer;
}
#mSliderR{
  position: relative;
width: 75%;
    border-radius: 5px;
    padding: 0px;
    align-items: center;
}
#mSliderRLeft{
width: 40%;
align-self: center;
}
#mSliderRLtit{
font-size: 180%;
}
#mSliderRLDesc{
    font-size: 90%;
    color: #5e6063;
    margin: 20px 0px;
}
#mSliderRLLink{
     display: inline-block; 
    background: #2a3890;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}
#mSliderRRight{
    width: 40%;
    height: 350px;
}
#loyalTray{
background: #f7f9fe;
padding: 20px 5%;
}
#loyalTInner{
padding: 15px 10px;
    background-color: #fff;
    width: 22%;
    border-radius: 5px;
}
#loyalTIIcon{
width: 40px;
height: 40px;
    padding: 5px;
    border-radius: 5px;
}
#loyalTIDesc{

}
#loyalTIDescB{

}
#loyalTIDescS{
font-size: 85%;
    color: #5e6063;
    margin-top: 2px;
}
#Homecategory{
padding: 50px 5%;
}
#HomecatL{
width: 48%;
}
#HCLInner{
width: 100%;
border-radius: 5px;
margin-bottom: 20px;
}
.heightOne{
height: 300px;
}
.heightTwo{
height: 150px;
}
.PaddingOne{
padding: 30px 5%;
}
.PaddingTwo{
padding: 30px 5%;
}
#HCLILeft{
width: 50%;
}
#HCLILTit{
    color: #fff;
    font-size: 120%;
}
#HCLILAmt{
    color: #eee;
    margin: 10px 0px;
    font-size: 90%;
}
#HCLILLink{
display: inline-block;
    padding: 5px 15px;
    background: rgba(255,255,255,.3);
    color: #fff;
    border-radius: 5px;
}
#HCLIRight{
width: 45%;  
}
#HomecatR{
width: 48%;
}
#productList{
padding: 50px 5%;
}
#productLHead{
margin-bottom: 20px;
font-size: 120%;
}
#productLBody{

}
#productLBody2{

}
#pdtLInner{
    width: 23%;
    background-color: #ffffff;
    color: #333;
    margin-right: 2%;
    padding: 20px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px rgba(0,0,0,.1);
         transition: all linear .3s;
}
#pdtLInnerTwo{
width: 23%;
   background-color: #ffffff;
    color: #333;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
    transition: all linear .3s;
}
#pdtLInner:hover,#pdtLInnerTwo:hover{
 box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}
#pdtStatus{
margin-bottom: 10px;  
}
#itemDbStatus{
display: inline-block;
 background: #25bff1;
    color: #fff;
    font-size: 90%;
    padding: 2px 4px;
    border-radius: 3px; 
}
#pdtStatusInner{
background: #25bff1;
    color: #fff;
    font-size: 90%;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 5px;  
}
#pdtImg{
width: 100%;
height: 200px;
    border-radius: 5px;
text-align: center;
justify-content: center;
margin-bottom: 10px;
}
#styleImgList{
  max-width: 100%;
  max-height: 100%;
  align-self: center;
}
#pdtDts{

}
#pdtDtsAmt{
  margin-right: 10px;
}
#pdtDtstit{

}
#pdtDtsCat{
color: #b6bcc4;
    font-size: 90%;
    margin: 10px 0px;
}
#pdtDtsAmt{

}
#hotDeals{
padding: 50px 5%;
align-items: center;
}
#hDCounter{
    width: 30%;
    background: #0a0a0a;
    text-align: center;
    padding: 50px 5%;
    border-radius: 5px;
    color: #fff;
}
#getTWrap{
    background-color: rgba(255,255,255,.3);
    padding: 5px;
    width: 25%;
    color: #fff;
    border-radius: 5px;
}
.timer{
color: #fff;
}
#getTDesc{
color: #fff;
font-size: 70%;
}
#hDList{
flex-wrap: wrap;
width: 65%;
}
#hDListInner{
width: 30%;
background-color: #ffffff;
height: 80px;
align-items: center;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0,0,0,.1);
transition: all linear .3s;
}
#hDListImg{
width: 70px;
height: 70px;
background-color: #fff;
margin-right: 10px;
}
#hDListImg img{
align-self: center;
}
#hDListData{

}
#hDListDTit{
    color: #333;
    margin-bottom: 2px;
}
#hDListDAmt{
font-size: 90%;
    color: #756e6e;
}
#newsletterPane{
padding: 50px 5%;

}
#nLPageLeft{
width: 30%;
background:transparent linear-gradient(90deg,#2a3890,#0d1f95) 0 0 no-repeat padding-box;
    padding: 20px;
    border-radius: 5px;
    color: #fff;
}
#nLPageLeftH{
margin-bottom: 10px;
    font-size: 120%;
}
#nLPageLeftB{

}
#nLPageRight{
width: 65%;
    background-color: #f7f9fe;
    padding: 30px;
}
#nLPageRH{
font-size: 150%;
margin-bottom: 20px;
}
#nLPageRForm{

}
#nLPageRFInput{
width: 35%;
}
#nLPageRFBtn{
width: 20%;
}
#footer{
padding: 30px 5%;
background-color: #f7f9fe;
}
#align_footer_inner{
float: left;
    height: auto;
    width: 20%;
    padding: 20px 0px;
}
#footer_inner_tit{
    color: #000;
    font-size: 150%;
    margin: 15px 0px;
    display: none;
}
.footer_inner_tit{
  text-align: right;
    color: #fff;
    font-size: 150%;
    margin: 15px 0px;
}
#footer_inner_link{
color: #7a7272;
display: block;
margin-bottom: 10px;
}
#footer_social{
  text-align: left;
    font-size: 110%;
    color: #565555;
    margin-right: 10px;
}
#genMidPane{
width: 100%;
height: auto;
padding: 20px 5%;  
}
#genMidPaneH{
padding: 10px 0px;
}
#genMidPCatT{

}
#genMidPCatTTop{

}
#genMidPCatTBottom{
font-size: 150%;
margin-top: 5px; 
}
#genMidPaneB{

}
#genMidPCatL{
width: 20%;
}
#catSortWrap{
margin-bottom: 15px;
}
#catSortWHead{
font-size: 110%;
margin-bottom: 5px;
}
#catSortWBody{

}
#genMidPCatB{
width: 75%;
}
#genMidPBTray{

}
#genMidPBTL{
width: 70%;
}
#genMidPBTLLeft{
  width: 60%;
  margin-right: 5%;
}
#genMidPBTLRight{
width: 45%;
}
#gMidPBTLRTit{

}
#gMidPBTLRTitB{
font-size: 150%;
margin: 10px 0px;
}
#gMidPBTLRBrand{
margin: 5px 0px;
color: #2a3890;
}
#gMidPBTLRTitStock{

}
#gMidPBTLRTit{

}
#gMidPBTLRColor{
margin: 20px 0px;
}
#gMidPBTLRQuantity{

}
#gMidPBTLRQL{
margin-right: 10px;  
align-self: center;
}
#gMidPBTLRQR{

}
#gMidPBTLRCHead{

}
#gMidPBTLRCBody{
padding: 5px 0px;  
}
#PSRPreviewDividerR{
    float: left;
    border: 1px solid #dbe2f4;
    border-radius: 3px;
    width: 50%;
}
#PSRPreviewDividerRFrame{

}
#input-group{

}
.input-group-btn{
float: left;
width: 25%;
padding: 7px 0px;
text-align: center;
}
.form-control{
    float: left;
    height: 35px;
    width: 50%;
    border: none;
    background-color: #fff;
    padding: 0 5px;
    color: #0c0c17;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    text-align: center;
}
#down{

}
#up{

}
.btn-btn-default{
color: #d8d8d8;
}
.colorP{
 width:25px;
 height:25px;
 border-radius:100%;
 border: 4px solid #eee;
 margin-right: 5px;
}
.colorP:hover{
 border:4px solid #2a3890; 
}
#genMidPBTR{
width: 25%;
}
#genMidPBTRInner{
      border: 2px solid #dbe2f4;
    padding: 20px;
    border-radius: 5px;
}
#genMPBTRDiv{
width: 100%;
    margin: 20px 0px;  
}
#genMPBTRDIcon{

}
#genMPBTRDIconL{
align-self: center;
    margin-right: 10px;
    color: #53708b;
    padding: 5px;
    width: 50px;
    height: 50px;
}
#genMPBTRDIconR{
width: calc(100% - 60px);
}
#pdtDtsAmtDts{
 margin-right: 10px;
 font-size: 130%; 
}
.alignSpec{
  padding: 5px 0px;
  border-bottom: 1px solid #eee;
}
#genMidPBTRL{
width: 70%;
}
#genMidPBTRR{
width: 25%;  
}
#genMidPBDts{
margin-top: 30px;
}
#genMidPBTRLH{
font-size: 130%;
}
#genMidPBTRLB{
    line-height: 27px;
    background: #f7f9fe;
    padding: 10px;
    margin: 20px 0px;
}
#genMidPBSuggest{
padding: 100px 0px;
}
#genMidPBSH{
margin-bottom: 10px;
font-size: 120%;
}
#notRecordDB{
width: 100%;
    text-align: center;
    background: #f7f9fe;
    height: 100%;
    align-self: center;
    padding: 100px;
}
#notRecordDBIcon{
font-size: 200%;
}
#notRecordDBInfo{

}
/*login styles start here*/
#wrapLogin{
width: 100%;
height: auto;
}
#LoginL{
width: 35%;
    height: auto;
    margin-left: 65%;
    background: #fff;
    padding: 0px 60px;
    box-shadow: 0 0 30px #3749574d;
}
#LoginR{
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: 47%;
 
}
#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;
}
#bg_slider2{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 440px;
} 
.bxslider{
width: 100%;
height:900px;
}
.bxslider2{
width: 100%;
height:430px;
}
#full_1{
height: 900px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#sliderHome{
height: 440px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#wrapSlider{
justify-content: center;
width: 100%;
height: 100%;
}
#wrapSliderInner{
flex-direction: column;
justify-content: center;
align-items: flex-end;  
width: 40%;
}
#sliderimg{
width: 100%;
height: 250px;
background-repeat: no-repeat;
background-size: contain;
background-position: right; 
}
#sliderBtn{
background-color: #ffffff;
color: #000000;
border-radius: 5px;
padding: 10px;
font-size: 90%;
}
#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*/
#pictureframe {
float: right;
    width: 80%;
    height: 300px;
transition: all linear .3s;
text-align: center;
}
#thumbnailbox {
    float: left;
    width: 20%;
}
#thumbnailbox > div {
width: 70px;
    height: 70px;
    padding: 3px;
    margin-bottom: 10px;
    cursor: pointer;
    background: #dcd9d9;
    transition: all linear .3s;
}
#thumbnailbox > div:hover {
background: #f16018;
}
#thumbnailbox > div > img {

}

/*Successful signup styles start here*/
#signSuccessWrap{
width: 40%;
margin: 100px auto;
}
#signSuccessLogo{
    width: 200px;
    margin: 0px auto 50px auto;
}
#signSuccessBody{
background: #fff;
color: #000;
padding: 20px;
text-align: center;
box-shadow: 0 10px 10px -5px rgba(0,0,0,.1);
}
#signSuccessIcon{
margin: auto;
width: 10%;
}
#signSuccessMsg{

}
#signSuccessMsgH{
    font-size: 120%;
    margin-bottom: 20px;
}
#signSuccessMsgB{
      color: #969595;
}
/*Successful signup styles ends here*/

#error_msg{
background: #ea1e1e;
    padding: 10px;
    color: #fff;  
}
#cartDivMsg{
  
}
/*cart styles start here*/
#genMidPH{

}
#genMidPB{

}
#genMidPBL{
width:65%;
}
#genMidPBR{
width: 25%;
height: 200px;
border: 2px solid #dbe2f4;
border-radius: 5px;
}
/*cart styles ends here*/
/*myaccount styles start here*/
#wrapMyaccountC{
width: 100%;
height: 700px;  
}
#wrapMyaCL{
width: 20%;
height: 700px; 
border-right: 1px solid #eee;
}
#wrapMyaCR{
width: 80%;
height: 700px; 
}


/*update post styles starts here*/
#popupWrapper{
width: 100%;
background: rgba(0,0,0,.9);
position: fixed;
z-index: 1000000000;
align-items: center;
}
#popInner{
margin: 20px auto;
    background: #fff;
    width: 30%;
    border-radius: 5px;
    padding: 40px 20px;
text-align: center;
}
#popImg{
width: 70px;
margin: auto;  
}
#getTWrap{
    background-color: rgba(255,255,255,.3);
    padding: 5px;
    width: 20%;
    color: #fff;
    border-radius: 5px;
}
#popInnerTit{
  font-size: 200%;
}

/*update post styles end here*/


#policyWrapper{
width: 100%;
}
#policyHead{
padding: 50px 5%;
text-align: center;
font-size: 250%;
background: #eee;
}
#policyBody{
padding: 50px 0px;
line-height: 28px;
}
#policyBodyH{

}
#policyspace{
margin: 30px 0px;
}