/*
* Rennies Transport V2.0.4
* Copyright 2016, Nolito Marques
* www.lubs.com.na
*/

 
 @font-face { font-family: 'nmfont'; src: url('css/fontawesome-webfont.eot') format('embedded-opentype'); src: url('css/fontawesome-webfont.ttf') format('truetype'), url('css/fontawesome-webfont.woff') format('woff');   }
 html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;	padding: 0;vertical-align: baseline;box-sizing:border-box;	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative; }
 html {  -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-x:hidden; overflow-y:visible;font-size:80%;   -ms-touch-action: manipulation; touch-action: manipulation; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;   }
body,html {  height:auto; }
body { font-size: 1.2rem;  line-height: 1.4; font-weight: 400; font-family:  Helvetica, Arial, sans-serif; color: #222; background:#fff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;scroll-behavior: smooth; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,div, ul,li, p {   display: block;
 min-height:1px;   position:relative; margin:0 auto;  }
*[hidden] { display: none; }
h1, h2, h3, h4, h5, h6 {position:relative; margin-top: 0; margin-bottom: 10px; font-weight: 300; }
h1 { font-size: 3.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 2.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 1.8rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.6rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

 

/* LINKS
   ========================================================================== */
a, a:visited { background-color: transparent; color: #666;outline: none; text-decoration: none;-webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -o-user-select: none; user-select: none; }
a:hover, a:focus, a:active { color: #0D456B;outline: 0; }
a img { border: 0; }

/* TEXT
   ========================================================================== */
abbr[title] {border-bottom: 1px dotted; }
b, strong {font-weight: bold; }
 strong {font-weight:bold}
em, i {font-style:italic}
small , .small { font-size: 80%;line-height:normal }
big, .big  { font-size: 125%; }
dfn { font-style: italic; }
mark {  background: #ff0;  color: #000; }
sub, sup { font-size: 75%;line-height: 0;position: relative; vertical-align: baseline;}
sup {  top: -0.5em;}
sub { bottom: -0.25em;}
ol, ul { list-style: none; } 
p {margin:0 0 1.5em 0;}


 /* GLOBALS
   ========================================================================== */
svg:not(:root) {overflow: hidden;}
figure { margin: 1em 40px;}

pre {overflow: auto;}
code, kbd, pre, samp {  font-family: monospace, monospace; font-size: 1em; }
embed, iframe, object { max-width: 100%; }
table {border-collapse: collapse; border-spacing: 0;}
audio, canvas, progress, video {   display: inline-block;
    vertical-align: middle;}
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none; }
.holder {margin:0 auto;width:100%; height:auto;display:block;}
video {width:100%!important;height:auto!important;position:relative;top:0;left:0;vertical-align:middel}
video:after {clear:both;content:'';margin:10px 0 10px 0}
.holder {margin:0 auto;width:100%; height:auto;display:block;}
#vidhold {cursor:pointer}

/* Forms
   ========================================================================== */


 
button, input, optgroup, select, textarea { color: #333;  margin: 0;position:relative;font-size: 100%;  font-size:1.3rem; vertical-align: baseline; z-index:1}
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button;  cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;  padding: 0; }
fieldset {  border-right: 1px solid #c0c0c0; margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
optgroup { font-weight: bold;}
input, textarea   { height:28px;width:96%;  line-height: normal; padding:5px; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; border:1px solid #ddd; position:relative;  margin:0 0 12px 0;display:block;background:transparent;} 
 
textarea   { font-size:1.2rem;font-family: Candara, Arial, sans-serif; vertical-align: top; } 
input:focus, textarea:focus, select:focus {border:1px solid #666;outline:none }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box;  padding: 2px 0 0 0;width:18px;height:18px }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] {  -webkit-appearance: textfield; -moz-box-sizing: content-box;  -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
input[type="checkbox"] {
  float:left
}
input[type="checkbox"]:checked {
 }
 
button {outline:none;display:block; float:left; cursor:pointer;padding:4px 8px 4px 8px; min-width:28px;border:0;   color: #f1f1f1; background:#333;   text-decoration:none;text-align:center;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
 .ico {font-size:1.6rem;font-family:nmfont}
 .ico img {width:8px}
button:hover{color: #fff; background: #02435B  } 
select  {width: 100%; border:none; -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-padding-end: 20px;-webkit-padding-start: 2px,-webkit-user-select: none;  background-image: url(images/15xvbd5.png);  background-position: 97% center;  background-repeat: no-repeat;  overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap; }
select span option {padding:4px;display:block;clear:both;margin:2px 0 2px 0}
label   {   color:#666;   font-size:1.0rem;   font-weight:normal;    pointer-events:none; 
}
/* Text meant only for screen readers */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;}
.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}

/* Clearing */
.clear {clear:both;float:none;}
.clear:before,.clear:after {content: '';display: table;}

/* Lists
  */
 
ol, ul {list-style:none;
  padding-left: 0;
  margin-top: 0; } 

  
/* Misc
  */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }
  
  /* Effects
  */
  body, a,  li, img, span,    input, button,span , p , header, nav, section, footer, label,  textarea {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
 
 #logo, #logo2, #infowrap, .tag, .go, .beyond, .admincenter {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
 
 
 
 /*==================================================
 * Shadow Effect 2
 * ===============================================*/
 .grad{
  border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

 /*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

	 .corner {	-moz-border-radius: 2%;
	-webkit-border-radius: 2%;
	border-radius: 2%;overflow:hidden}
	 
	
	.fade-in{
  -webkit-animation: fade-in 2s ease;
  -moz-animation: fade-in ease-in-out 2s both;
  -ms-animation: fade-in ease-in-out 2s both;
  -o-animation: fade-in ease-in-out 2s both;
  animation: fade-in 2s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
 
 
 
/* Overline From Center */
.nmoverline {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.nmoverline:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #08557a;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.nmoverline:hover:before, .nmoverline:focus:before, .nmoverline:active:before {
  left: 0;
  right: 0;
}


/* Grid
  */

header , nav, section, footer  {width:100%;margin:0 auto;padding:0;min-height:1px;height:auto;display:block}
section {position:relative;overflow:hidden}
img { height: auto;  max-width: 105%; vertical-align: top;border: 0; }
 
 
header  {position:fixed;top:0;left:0;z-index:9500;height:50px;  }
 footer  {background:#333;color:#aaa;font-size:80%}
 footer a:hover { color:#fff}


 
 .group { position:relative;width:80%; margin:0 auto; clear: both; padding:40px 0 40px 0  }
.group:before, .group:after { content:""; display:table; clear:both;}
header.group {padding:  0}
  .one, .img{ min-height:1px;    display: inline-block; float:left; position:relative; margin:0 auto; width:100%; }
    .one img{ height:auto;    display: inline-block; position:relative; margin:0 auto; max-width:110%!important; }
 .wmin , .w5, .w6, .w8, .w10, .w15,.w17,.w20,.w22, .w25,.w30,.w32,.w33,.w35,.w40,.w45,.w48,.w50,.half,.w55,.w60,.w65,.w70,.w72,.w75 ,.w80,.w85,.w90,.w95,.w98,.w99  { float:left;  z-index:2; clear:none;display:inline-block } 
 
.wmin {min-width:1%}
.w5 { width:3.4% }
.w6 { width:5.4% }
.w8 { width:6.4% }
.w10 { width:8.4% }
.w15 { width:14.4% }
.w17 { width:16%; }
.w20 { width:18%; }
.w22 { width:21.4%; }
.w25 { width:21.4%; }
.w30 { width:28.4%; }
.w32 { width:29%; }
.w33 { width:30%; }
.w35 { width:33.3%; }
.w40 { width:38.4%; }
.w45 { width:44.4%; }
.w48 { width:44.4%; }
.w50 { width:47%; }
.half { width:50%; }
.w55 { width:52.0%; }
.w60 { width:58.4%; }
.w65 { width:63.4%; }
.w70 { width:68.4%; }
.w72 { width:70.6%; }
.w80 { width:78.4%; }
 .w85 { width:83.4%; }
.w90 { width:88.4%; }
.w95 { width:93.4%; }
.w98 { width:96.4%; }	
.w99 { width:98%; }

 .h50,.h60,.h80,.h70,.h100,.h110,.h120,.h140,.h150,.h160,.h180,.h200,.h220,.h240,.h280,.h300,.h340,.h380,.h400,.h500,.h600 {overflow:hidden} 
  .h50 {height:50px} .h60 {height:60px}.h70 {height:70px}.h80 {height:80px}.h100 {height:100px}.h110 {height:110px}.h120 {height:120px}.h140 {height:140px; }.h150 {height:150px}.h160 {height:160px}.h180 {height:180px}.h200 {height:200px}.h220 {height:220px}.h240 {height:240px}.h280 {height:280px}.h300 {height:300px}.h340 {height:340px}.h380 {height:380px}.h400 {height:400px} .h500 {height:500px} .h600 {height:600px} 
.hauto {height:auto}
.mh20 {min-height:20px}.mh50 {min-height:50px}.mh100 {min-height:100px}.mh150 {min-height:150px}.mh200 {min-height:200px}.mh300 {min-height:300px}




.pad0{padding:0}

.pad,.pad1,.pad2,.pad3,.pad100t ,.padt20b{display:block}
.pad{padding:5px}
	
.pad1{padding:10px}
.pad2, .padtwo {padding:20px}
.pad3{padding:30px}
.pad100t {padding:100px 0 0 0}
.padt20b {padding:20px 0 20px 0}
 
 

 .lhe {display:block;width:100%;margin:0 0 5px 0;padding:0 0 1px 0;border-bottom:1px dotted #999;clear:both;color:#999;font-size:1.4rem}
 
.tx   {display:block;text-align:justify}
.tx ul {display:block;text-align:left; display:block;}
 .tx li,  .lnk li   {width:95%}  
 .tx li,  .lnk li a,.tagtent ul li {background: url(images/nosq.gif) no-repeat 4px 8px;padding:3px 3px 3px 25px;display:block}    
.lnk li a:hover {background: #F5F4EF url(images/nsqg.gif) no-repeat 4px 8px;margin:0 0 0 5px;font-weight:bold}
 .tx li  {background: url(images/s4.gif) no-repeat 4px 8px; }    
 .tx p {margin:0 0 1.5em 0;line-height:1.3;} 
 .tx1 {font-size:90%;line-height:1.3;text-align:left}
.tx2 {font-size:125%}
.tx3{font-size:150%}
.tx4{font-size:175%}
  .txs {font-size:80%;}
 .syco   {display:inline-block;margin:0 0 0 20px; height:24px;font-family:nmfont;font-size:1.4rem;}
.syco a { color:#666; }
.syco a:hover {color:#263A51}
 
 .tx h5  {font-size:1.4rem;color: #666 ;margin:0 0 10px 0;line-height:110% ;text-align:left }
 
  .items h6 ,    .item h6 , .tx1 h6 {clear:both;font-size:1.3rem;display:block;margin:0 0 10px 0;padding:4px 0 4px 0;border-bottom:1px solid #999}
 .tx1 h5 {width:100%;clear:none; font-size:1.5rem; margin:0 0 4px 0;padding: 0;border-bottom:1px solid #999; }
.tx  h6 {font-size:1.3rem;margin:0;padding:0 0 4px 0;line-height:90%;  color:#333;border-bottom:none; font-weight:bold} 
    h6.wws , .blue {color:#263A51}
 h6.wws {text-align:left;font-size:1.4rem;margin:0;padding:0 0 10px 0;line-height:100%; border-bottom:1px solid #263A51}
 
 .docs a span {width:16px;height:16px;float:left;margin:0 5px 0 0;overflow:hidden}
 .docs a span img {width:16px;height:auto;}
 .docs a:hover span img {}
 
 .pushp300 {padding-top:320px}
  .pushp500 {padding-top:500px}
  
  .box { margin:0 20px 20px 0   }
.box:last {margin:0 0 20px 0   }

.mb1  {margin: 0 0 10px 0}
 .mr2  {margin: 0 20px 0 0}
 .mr1  {margin: 0 10px 0 0}
.mr3  {margin: 0 30px 0 0}
.mr1b  {margin: 0 10px 10px 0}
.mr2b  {margin: 0 20px 20px 0}
.mr3b  {margin: 0 30px 30px 0}
.mb2  {margin: 0 0 20px 0}
.mb3  {margin: 0 0 30px 0}
.mr4  {margin: 0 40px 0 0} 
 .ml2  {margin: 0 0 0 20px}
.ml3  {margin: 0 0 0 30px }
.ml4  {margin: 0 0 0 40px}   
.mright {margin: 0 20px 20px 0; float:left}
.mleft{margin: 0 0 20px 20px;  float:right}
.mauto {margin:0 auto}
 
 .mr2:last-child,
.mr3:last-child,
.mr1b:last-child,
.mr2b:last-child,
.mr3b:last-child,
 .mright:last-child, .w48 .mr2b:nth-child(2n), .w33 .mr2b:nth-child(3n), .w33 .mright:nth-child(3n){margin-right:0} 
 
 .bw {background:#fff;   
   display: inline-block;  vertical-align:top  ;overflow:hidden ;  z-index: 105;-webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.75);}  
 .b10 {border:10px solid #fff}  
  

.fli {text-align:left;padding:5px;border-left:3px solid #999;}
.fli  b {color:#333;font-size:110%}
.fli  i {font-size:90%}
  
   
	.part  {margin:0 10px 0 10px;min-height:300px;padding:10px;width:40%;}
	.part i {font-size:140%; text-align:center;margin:0 auto ;float:left;width:48%}
	.part  small {float:left;font-size:75%;width:75%;margin:1% 0 0 2%;text-align:left}
 .logocircle img {width:140px;height:140px;float:left;-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
	
	 

	.circle {	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;overflow:hidden}
 .circle50 img, .circle100 img, .circle150 img, .circle200 img{   max-width:240%;  max-height:100%  }	
	
.circle50{ position:relative;  border:3px solid #fff;display:block; width:60px;height:60px; -moz-border-radius:50%;-webkit-border-radius:50%;  border-radius:50%;overflow:hidden}
.circle150{position:relative;  border:3px solid #fff;display:block; width:150px;height:150px; -moz-border-radius:50%;-webkit-border-radius:50%;  border-radius:50%; overflow:hidden}
.circle100{ position:relative;  border:3px solid #fff;display:block; width:100px;height:100px; -moz-border-radius:50%;-webkit-border-radius:50%;  border-radius:50%; overflow:hidden; }
.circle200{ position:relative;  border:3px solid #fff;display:block; width:200px;height:200px; -moz-border-radius:50%;-webkit-border-radius:50%;  border-radius:50%;overflow:hidden}




   .date {display:block;position:absolute;left:0;top:0;min-width:50px;min-height:50px;background:url(images/black.png);color:#fff;padding:4px;text-align:center;z-index:10;font-size:8pt;line-height:120%} 
   .day {display:block;padding:8px 0 0 0;font-size:2.5rem;clear:both}
   
 .go   {background:#fff;border-left:3px solid transparent} 
 .go span.more {position:absolute;right:-1000px;min-width:20px;font-size:1.2rem; padding:5px;bottom:5%;background:url(images/black.png);color:#f1f1f1; overflow:hidden;z-index:100; } 
.go:hover  {cursor:pointer; -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
box-shadow:  0px 0px 10px -1px rgba(0,0,0,0.75);border-left:3px solid #666} 

.go:hover span.more {right:0px}


 
.caption {clear:both;display:block;font-size:80%;font-style:italic;margin:4px 0 4px 0;color:#666} 
.elips {
  margin:0; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}


 .plain span , .gray span, .grab span  {position:absolute;display:block; bottom:0px; left:0px;color:#333;  background:url(images/dw.png); z-index:10;padding:5px 10px 5px 10px;  font-size:1.6rem; }
   a:hover .plain img ,  .plain:hover img   {   -moz-transform:rotate(3deg) scale(1.2); -webkit-transform:rotate(3deg) scale(1.2); -o-transform:rotate(3deg) scale(1.2); -ms-transform:rotate(3deg) scale(1.2);   }
  /* a:hover .plain span,    .plain:hover span   { background:url(images/dw.png); color:#263A51 ;font-size:110% ; -webkit-box-shadow: 10px 0px 15px -10px rgba(0,0,0,0.60); -moz-box-shadow: 10px 0px 15px -10px rgba(0,0,0,0.60); box-shadow: 10px 0px 15px -10px rgba(0,0,0,0.60); font-weight:bold; }
 	*/ 
.scale a:hover img {  -moz-transform:rotate(3deg) scale(1.2); -webkit-transform:rotate(3deg) scale(1.2); -o-transform:rotate(3deg) scale(1.2); -ms-transform:rotate(3deg) scale(1.2); }
 

  .gray a img,   .gray img{-moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -o-filter: grayscale(100%);}
  .gray  a:hover img ,   .gray div:hover img{-moz-filter: grayscale(0%); -webkit-filter: grayscale(0%);-o-filter: grayscale(0%);  }
   
  .gray  a:hover img  {  -moz-transform:scale(1.2); -webkit-transform:scale(1.2);-o-transform:scale(1.2)}
  
  

	

/* Shadows & other formating
--------------------------------------------- */
.inset2 {-webkit-box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.4);box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.4);}
.inset3 { -webkit-box-shadow: inset 0px 7px 17px -5px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 7px 17px -5px rgba(0,0,0,0.75); box-shadow: inset 0px 7px 17px -5px rgba(0,0,0,0.75);}
.inset4 { -webkit-box-shadow: inset 0px -7px 17px -5px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px -7px 17px -5px rgba(0,0,0,0.75); box-shadow: inset 0px -7px 17px -5px rgba(0,0,0,0.75);}
.inset5 {-webkit-box-shadow: inset 0px 3px 20px -6px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 3px 20px -6px rgba(0,0,0,0.75); box-shadow: inset 0px 3px 20px -6px rgba(0,0,0,0.75);}
.shadow360 {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);}
.shadowleft {-webkit-box-shadow: -4px 4px 8px -2px rgba(0,0,0,0.8);-moz-box-shadow: -4px 4px 8px -2px rgba(0,0,0,0.8);box-shadow: -4px 4px 8px -2px rgba(0,0,0,0.8);}
.shadowright {-webkit-box-shadow: 4px 4px 8px -2px rgba(0,0,0,0.8);-moz-box-shadow: 4px 4px 8px -2px rgba(0,0,0,0.8);box-shadow: 4px 4px 8px -2px rgba(0,0,0,0.8);}	
.mirshadow { -webkit-box-shadow: 0px 7px 20px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 20px -6px rgba(0,0,0,0.75);
box-shadow: 0px 7px 20px -6px rgba(0,0,0,0.75);}
.patt1 {background:url(images/patt1.png)}
.patt5 {background:url(images/patt5.png)}

.inset {  position:relative;  -webkit-box-shadow: inset 0px 0px 20px -1px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 20px -1px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 20px -1px rgba(0,0,0,0.75); }
.inset img,.inset2 img,.inset3 img,.inset4 img,.inset5 img {   position: relative;   
 
  z-index: -10;}

.gradshad {background-image: linear-gradient(#8b9da9, #fff6e4);
	box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
	min-height: 100%;}
/* Shadows
--------------------------------------------- */
 
 .bd {border:6px solid #fff;-webkit-box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.6);-moz-box-shadow:  4px 4px 10px -4px rgba(0,0,0,0.6);box-shadow:  4px 4px 10px -4px rgba(0,0,0,0.6)}
.corner {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
 .cutcorner:before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 80px solid white;
    border-left: 80px solid red;
    width: 0;
}
 .cut, a:hover .cut  { -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
}


	
#image_preview {width:80px ;height:40px;overflow:hidden;float:left;display:block}	
 #message {clear:both;font-size:1em}
  #message p{width:12px}
.bimp p { display:block;margin:0 3% 3% 0; min-height:1%;position:relative;padding:2px}
.bimp p:last-child { margin-right:0px;float:right }
.bimp  input, .bimp  textarea {display:block;border:0;border-bottom:1px solid #999; padding:12px 5px 0 5px; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:0 auto}
  .bimp  textarea {  padding-top:15px; }
.bimp label   {   color:#999;    font-style:italic;  font-weight:normal;   position:absolute;right:5%; top:20px;z-index:-1; pointer-events:none;  
}
 .filled input, .filled textarea {}
 .filled textarea {height:200px}
.filled label {  top: 5px; font-size:0.9rem;  color: #999; z-index:5}
 

.cliy span {clear:both;display:block;padding:2px 10px 2px 24px;margin:0 10px 5px 0;color:#999; background:url(images/nosq.png) no-repeat 4px 8px}
.cliy span:hover {cursor:pointer;background:url(images/nosqg.png) no-repeat 4px 8px;color:#116780}
 
 .cliy    { height:100%;} 
  .cliy li,.tabig li   { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}

.cliy li {cursor:pointer;float:left;display:block;padding:2px 10px 2px 24px;margin:0 20px 5px 0;color:#666; background:url(images/nosq.gif) no-repeat 4px 8px}
.cliy li:hover, li.cloy{background:url(images/nsqg.gif) no-repeat 4px 8px;color:#116780;font-weight:bold}



.sono {font-size:2rem;color:#999;font-family:Times Nes Roman}


 .charcoal {background:#272729;color:#888}
  .charcoal a:hover {color:#fff}
  .lite {background:#F8F8F8}
 .twit{color:#fff}
 

 
.absolute, .abs {position:absolute;   }
.fixed {position:fixed}
.ohide {overflow:hidden}
.hide {visibility:hidden}
 .para{
	position: fixed;
    padding: 2em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	 
}
  .para img{max-width:150%}
  
  .absright {position:absolute;top:0;right:2%;z-index:50}
.the-x {cursor:pointer;display:block; position:absolute; z-index:1000;color:#ddd;font-family:nmfont;width:28px;height:24px; top:10px;right:20px; font-size:15pt; padding:4px;overflow:hidden;color:#666; } 
.the-x:hover { color:red}
 ol { display:block;  list-style-type: none; min-width:100px}
 ol li { padding:2px 0 2px 0px;margin:0 0 10px 0; counter-increment: step-counter;}
ol li::before {
    content: counter(step-counter);
    margin-right: 10px;
    font-size: 90%; 
    background-color: rgb(200,200,200);
    color: white;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 3px;
}

 /* Alignment */
 .tcenter {text-align:center}
 .tright {text-align:right}
 .tleft {text-align:left}
 .tjust {text-align:justified}
 .left{float:left}
 .right{float:right}
 
.alignleft {display: inline;float: left;margin: 0 2% 2% 0;}
.alignright {display: inline;float: right;margin: 0 0 2% 2%;}
.aligncenter {clear: both;display: block;margin: 0 auto;}
 

 .fleft{float:left}
 .fright{float:right}
/* CUSTOM
--------------------------------------------- */
hr,  .clear {clear:both;margin: 2% 0 2% 0}
hr:after,  .clear:after {clear:both;content:''; }
	

 a.swipebox  span
{display:block; width:80px;height:80px;
    position: absolute;
    top:40%;          /*ADDED*/
    left:40%;         /*ADDED*/
    
    z-index: 1000;
background:url(images/enlarge.png) no-repeat;
-webkit-transform: scale(0);   transform: scale(0); opacity:0

}
a.swipebox:hover span
{-webkit-transform: scale(1);   transform: scale(1); opacity:1
}
 
 

 

 .icofloat  {  position:absolute;top:20px; z-index:10;width:30px;height:30px;font-family:nmfont;font-size:14pt;color:#666;line-height:100%;padding:5px; cursor:pointer;}
.icofloat:hover   { color:#B59750}
  #fblink {}
  #home   {display:none;right:3% }
  #pull {display:none;  right:1%; } 

   

  
.litewood{ background:url(images/whitewood.jpg) fixed;}
 .theroad {background:url(images/theroad.jpg) no-repeat fixed center right; -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;}  
.sidedune {background:url(images/sidedune.jpg) no-repeat fixed center right; -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;}
	.openroad {background:url(images/openroad.jpg) no-repeat fixed center right; -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;}
	.wood {background:url(images/wood.jpg) no-repeat fixed center center; -webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
    background-size: cover;}
	.imon {background:url(images/imon.jpg) no-repeat fixed center right; -webkit-background-size:contain;
    -moz-background-size: contain;
    -o-background-size:contain;
    background-size:contain;}
	
		.woodcup {background:url(images/woodcup.jpg) no-repeat fixed center center; -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size:  contain;
    background-size: contain;}
	.decmap {background:url(images/decmap.jpg) no-repeat fixed center center;   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size:cover }
.dune {background:url(images/dunel.jpg);
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size:cover;}
	.indune {-webkit-box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.4);}
  .shewal {background:url(images/shewal1.jpg) fixed;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size:cover;}

	 .agri{background:url(images/agri.jpg)no-repeat}
	 .auto {background:url(images/auto.jpg)no-repeat}
	 .food {background:url(images/food.jpg)no-repeat}
	  .power {background:url(images/power.jpg)no-repeat}
	   .earth {background:url(images/earth.jpg)no-repeat}
	    .explore {background:url(images/explore.jpg)no-repeat}
		 .ship {background:url(images/ship.jpg)no-repeat}
		  .truck {background:url(images/truck.jpg)no-repeat}
		  
	.agri, .auto, .food, .power,  .earth,  .explore, .ship, .truck { 
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size:cover;}
	
 
  
  .dw { background:url(images/dw.png); }

 .grey{color:#999;display:inline}
  .white{color:#fff;display:inline}
 .burnt{color:#F84329;display:inline;font-weight:bold}
.orange{color:#D56909;display:inline;font-weight:bold}
.oblu {color:#08557a;display:inline;font-weight:bold}
.slate{background:#676662}
 
  
  .f1 {padding:100px 0 0 0}
   .ico {font-family:nmfont;padding:2px 0 0 0;width:14px; }
  
  .absa {width:60%;position:absolute; padding: 2em;  right: 0;
    top: 30px;min-height:200px;  /*transform: translate(-50%, -50%); */  }
 
  
 #up { display:none;z-index:1000;right:40px;bottom:30px;position:fixed; cursor:pointer;  
  font-size:7rem;color:#ababab;  }
  
#up:hover {  color:#666;  }
#infowrap{min-width:320px;width:50%;position:absolute;z-index:1;display:block;top:0;right:5px;-webkit-transform: scale(1);   transform: scale(1); opacity:1  }
#conwrap  {float:right;width:80%; }  
#conwrap a {float:right;width:46%;margin:0 10px 0 0;font-size:1.1rem;display:block;}  
#conwrap  a span {display:block;font-size:1.3rem;float:left;color:#adadad;width:20px;margin:-2px 5px 0 0; } 
#conwrap  a:hover span {color:#08557a;}
#mobilwrap {clear:both;margin:1%;width:100%}
#welcome h1 {font-size:3rem;color:#8796a7;font-weight:bold}
#welcome h1 .gray {  }


/* intranet layout   
  */
 


  
#logo {width:380px;min-height:10px; position:absolute;top:0px;left:0;z-index:10;padding:5px; background:url(images/dw.png)}
#logo img {max-width:100%;height:auto; }
 
 #rotsecimg{display:block;clear:both;width:100% } 
  .jso {position: relative; margin: 0 auto; top: 0px; left: 0px; width: 2100px; height: 800px; overflow: hidden; visibility: hidden;}
 .sliderbox {cursor: default; position: relative; top: 0px; left: 0px;  width: 2100px; height: 800px;  }
.sliderbox img {max-width:100%;height:auto}
   
.cap1 {position: absolute; top: 10%;right: 10%; min-width:800px;height:400px;border:2px solid #fff; } 
.cs1, .cs2,.cs3, .cs4{font-size:3rem;color:#fff;padding:5px 10px 5px 10px;  position: absolute; min-width:100px; background:url(images/black.png); right:-800px}
  
.cs1{  top: 20px}
  .cs2{  top: 60px; }
 .cs3{  top: 100px;  }
 .cs4{ top: 140px;  }

 


 
 
 
 
 #cellwrap {height:200px;width:100%;}
#mobilecover {display:none;  height:650px; }
#mobilecover img {max-width:200%;height:auto; position: absolute;  top: 0;  left: 0; }
#cellcover {display:block;height:300px;width:100% }
 #cellcover img {max-width:200%  }
 #cellwrap  h2 {font-size:5rem; color:#fff;font-weight:bold;padding: 4px 10px 4px 10px;  position:absolute;right:10%;bottom:0;line-height:100%;text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);  -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index:100 }
 #hoofban, #cellwrap  {padding: 0} 
 
 
 
#nav   {min-width:100px; padding:5px 40px 10px 20px;background:url(images/dw.png); height:40px; position:absolute;top:20px;right:0px}
#nav  ul { display:block;float:right;z-index:20 }
#nav  li  {list-style-type:none;float:left;min-width:10px;margin:0 ;   cursor:pointer;font-size:1rem;position:relative;	 text-align:left;line-height: 24px;text-transform:capitalize;  color: #666; padding:0; display:block;  }
#nav  li a {  display:block;  color: #666; padding:4px 10px 4px 10px}
 
#nav  li.focal a, #navfloat li a:hover, #navfloat li a:active  { color:#000; }
 
#nav  li a:focus { outline:none;  } 
#nav  li a:hover, #nav  li.focal:hover {  background:#Fff;  } 
  #nav  li ul {display:none;padding:0;  min-width:100px;position:absolute; left:0; top:32px  ;background:url(images/dw.png) }
 
#nav li ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#nav  li a:hover ul { display:block;   }
#nav  li  ul li   { clear:both;overflow:hidden;padding:0 }
 
#nav  li  ul li a  {   max-width:200px;min-width:200px; font-size:1rem;    color:#fff ;  padding:4px 0 4px 6px ;border-left:3px solid #fff }
 #nav  li  ul li a:hover {    background:#FAF9EF;border-left:3px solid #666 ;font-weight:bold}



 #navfloat {display:none;background:url(images/dw.png); right:-2px;position:absolute; width:400px;padding:5px 20px 20px 10px;top:130px; z-index:100}
#navfloat li  {clear:both; font-size:1.2rem}
#navfloat li a {  display:block;  color: #666; padding:4px 0 4px 10px;border-left:3px solid transparent;  }

#navfloat li a:hover { color:#333; background:#FAF9EF; border-left:3px solid #9F864A;} 

#nav  li a  span, #navfloat li a span {float:left;font-family:nmfont;margin:0 5px 0 0}
 #navfloat li li a   {padding:3px 5px 2px 6px ; margin:0 0 0 4px;   }
  #navfloat li li a:hover  {color:#333!important;background:#FAF9EF; border-left:3px solid #666 ;font-weight:bold}


 
 header.shb { height:60px;-webkit-box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.75);
box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.75); background:url(images/dw.png);
 /*top:-60px*/
}

 .shb .sws {bottom:100px}
 
  
   
 .shb  #logo   {width:160px;height:auto; } 
  .shb  #nav   {background:transparent} 
   
   
 #sea{background:#fff}
 .search {display:none; position:absolute;top:7px;right:20px;width:320px;z-index:2; }
   .search  form p{width:300px; height:30px; margin: 0 ;background:#fff;  }
     .search button {clear:none;color:#999;float:left;width:10%;font-size:1.6rem;padding:2px 0 0 0;background:#fff;cursor:pointer }
	   .nav li:hover,  .search button:hover {  color:#333; }
	 .search input {clear:none;height:28px;float:left;width:85%;margin:0 1px 0 0;border:none;border-bottom: 1px solid #999;padding:3px 4px 2px 3px;  -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; }
  
  
  #axcontent{width:96%;background:#fff;position:absolute;top:60px;left:-2800px; z-index:1000;min-height:800px;  }
  
  #sidebar .w20 {width:46%}
 #minisidebar {float:right; width:28.4%; }

 
  
  .downlist li {clear:both;margin:0 0 4px 0;list-style-type:none;width:95%}
   .downlist li a {display:block;padding:2px 0 2px 5px}
     .downlist li a img {float:left;margin:0 1% 0 0;width:20px;height:auto;}
  .downlist li a:hover {  margin:0 0 0 5px;background:#F5F4EF }    


 .drawer { display: none; clear:both; width: 100%;color:#999; letter-spacing:0.5px;cursor: pointer;margin:0; background:#ece8e1;line-height:1.5;-webkit-touch-callout: none;position:relative;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border:none}
 .drawer:after{clear:both;content:"";display:table}
  .d_active {  background-color: #fff;color: #333; }

 .tabs {margin: 0; padding: 0; float: left; list-style: none; width: 100%;}
 .tabs li , .drawer{ -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; }
 .tabs li {border-top: 2px solid #666;  background:#666;margin:0;padding:4px 10px;cursor:pointer;min-width:40px; clear:none; float: left; position: relative; display:block;   color:#999}
 .tabs li.active { background-color: #fff;color: #333; border-top: 4px solid #2980B9; border-bottom:4px solid #fff;display: block;}

.tabpanel { clear: both; 	float: left ;width: 100%; background: #fff;overflow: auto; min-height:100px}

.tab_content { padding: 10px 0 10px 0;width: 100%;min-height:initial;display: none; float:left}
 
  .tabs li:hover { 	background-color: #999; color: #fff; }
 .error, .success {font-size:0.9rem;font-style:italic;font-weight:bold;text-align:left;padding:5px;background:#f1f1f1}
.error {border-left:3px solid red}
  .success {border-left:3px solid green}
.info {font-size:80%; font-style:italic;color:#666;padding:3px;display:block}
 table.logis {width:98%; border-spacing: 5px;  border-collapse: separate;}
 .logis th {background:#333;color:#fff;font-size:80%;padding:1px 0 1px 0}
.logis td {padding:0}
.logis td:first-child { }
 
/*.logis tr:nth-child(odd) {background:#ECEADD}
.logis tr:nth-child(even) {background:#F5F4EF}*/
.bless {border:0!important}
 table.logis input {width:86%; height:24px; padding:3px 4px 3px 5px}


  .page-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 5px; z-index: 99999; background: url(images/dw.png)}
 
#swload {width:55px;height:5px; 
 
   }
 
	
	.contactdetails li {clear:both;margin:0 0 2% 0;background:transparent;vertical-align:middel}
	.contactdetails li span {width:20px;height:20px;display:block;margin:0 5px 0 0 ;float:left;font-family:nmfont;font-size:1.4rem;color:#666}
	
	.siders{}
 .coffee{position:absolute;width:350px;min-height:300px;z-index:1;right:-100px;top:20%}
	 .sws{right:5%;bottom:-5%;width:600px;min-height:300px;  -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg); }
	 .luggage{right:-100px;top:40%;width:400px;}
	 
	 .spiceleft, .spiceright  {position:absolute;width:600px;min-height:300px;z-index:1; top:-1%;  }
 .spiceleft  { left:-200px;   }
  .spiceright  { right:-200px;   }
 
   .mycompass  {position:absolute;width:400px;min-height:300px;z-index:1;left:-50px;top: 1%;}

  .plslow{-webkit-transition-timing-function: linear;}
  
  
  
   button.bat,  .silink, .crmab li, .tag li,.the-x ,   .accordion h6  {cursor:pointer;    -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none; } 
  


/**
.tag {display:block;background:#666;margin:0;height:34px;padding:0}
.tag li {background:transparent;clear:none;float:left;color:#fff;padding:5px 15px 5px 15px;min-width:40px}
.tag li:hover { color:#fff ; background:#116780; }
.tag li.active  { color:#333 ; background:#f1f1f1;cursor:default;font-size:1.3rem  }
 .group h4, .tagtent h4 {clear:both;font-size:1.6rem;color: #5C8E9E ;border-bottom:1px dotted #999}
  .group h4 span, .tagtent h4 span {font-family:nmfont;float:left;min-width:1%;font-size:1.6rem;color: #999;margin:0 5px 0 0}
  .tagtent h5, .tagtent .w30 h5,.w55 h5 {clear:both;font-size:1.4rem;color: #666 ;margin:0;line-height:100%  }
 
  .tagtent h6 {clear:both;font-size:2rem;color: #B6C7C9;border-bottom:1px dotted #999}
.tagpanel, .tagtent {padding:0;clear: both;margin:0;position:relative;z-index:10;}
.tagtent  li {color:#333}
.tagtent:after{ clear:both;content:'';margin:0 0 3% 0}
.tagpanel {min-height:200px;}	
 **/
 
 
   
  
  .tag li,.the-x ,   .accordion h6  {cursor:pointer;    -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none; } 
  



.tag {display:block; margin:0; padding:0}
.taggray { background:#666; height:34px; }
.taggray li {background:transparent;clear:none;float:left;color:#fff;padding:5px 15px 5px 15px;min-width:40px}
.taggray li:hover { color:#fff ; background:#116780; }
.taggray li.active  { color:#333 ; background:#f1f1f1;cursor:default;font-size:1.3rem  }

 .group h4, .tagtent h4 {clear:both;font-size:1.6rem;color: #5C8E9E ;border-bottom:1px dotted #999}
  .group h4 span, .tagtent h4 span {font-family:nmfont;float:left;min-width:1%;font-size:1.6rem;color: #999;margin:0 5px 0 0}
  .tagtent h5, .tagtent .w30 h5,.w55 h5 {clear:both;font-size:1.4rem;color: #666 ;margin:0;line-height:100%  }
 
  .tagtent h6 {clear:both;font-size:2rem;color: #B6C7C9;border-bottom:1px dotted #999}
.tagpanel, .tagtent {padding:0;clear: both;margin:0;position:relative;z-index:10;height:auto;min-height:100px;display:block}
 
.tagpanel:after,.tagtent:after{ clear:both;content:'';margin:0 0 3% 0}
 
 
.tagblu { background:#f1f1f1; height:38px}
.tagblu h3 {min-width:30px;color:#999;float:left;margin:0 20px 0 0;font-size: 1.4rem;  letter-spacing: 0rem;height:38px;padding:2px 20px 2px 20px }

.tagblu h3:hover ,.tagblu h3.active  { color:#333 ; background:#fff; font-size:2rem ;cursor:pointer;}
 .tagblu h3.active  { cursor:default; }
 
	
  h3  {font-weight:bold;color:#fff;font-size:5rem; }
 	
  h3.bigwit { color:#fff;font-size:5rem;text-shadow:1px 1px 2px rgba(0,0,0,0.6)}
 
	
.facts tr {margin:2px 0 6px 0; padding:2px 0 2px 0}
.facts th,.facts td { text-align:left;border-left:1px solid #999;padding:4px 8px 8px 8px;}	
.facts  tbody td:first-child, .facts th { font-weight:bold; color:#666;border-left:none}
.facts  tbody td:first-child  { font-size:85%; text-align:right;width:25%; }
 
 .facts  tbody tr:nth-child(odd) {background:#E9E7D8}
.facts  tbody tr:nth-child(even) {background:#F9F9F9}
.facts thead tr{background:#DAD6C5;}  
 
  
  
  
.admincenter {display:none; width:600px; position:absolute; right:-2px;top:50px;background:url(images/dw.png);padding:20px;z-index:9990;-webkit-box-shadow: 6px 6px 30px -2px rgba(0,0,0,0.4);-moz-box-shadow: 6px 6px 30px -2px rgba(0,0,0,0.4);box-shadow: 6px 6px 30px -2px rgba(0,0,0,0.4); }

.beyond {right:-560px;}
.topbar {width:100%;background:#333;color:#999;padding:5px;position:absolute;top:0;left:0;height:30px}
.tbdot {float:left;margin:0 10px 0 10px;min-width:10px;font-family:nmfont;cursor:pointer}
.admincenter ul { margin:0 0 3% 0; }
ul.crmab {height:24px;background:#333;width:100%}
.crmab li {float:left;height:24px;padding:5px 10px 0 10px; font-weight:bold;font-size:1.2rem;color:#f1f1f1;background:transparent; }

.crmab li:hover  { color:#fff ; background:#116780;}
 .crmab li.active  { color:#666 ; background:#f1f1f1;cursor:default  }
 
.crm_content {padding:0;clear: both;margin:0;position:relative;z-index:10;}
.crm_content:after{ clear:both;content:'';margin:0 0 3% 0}
.crpanel {padding:0;clear: both;margin:0;position:relative;z-index:10;}
.posta{cursor:pointer}
 
 button.bat,  .silink   {font-size:1.1rem;padding:4px 8px 4px 8px; min-width:1%;  background:#666;color:#f1f1f1; }
 
 .silink {position:absolute;right:5px;top:0px;z-index:200;  }
  button.bat  {  margin:5px; float:right; }
   button.bat:hover, .silink:hover {background:#116780;color:#fff}
 
 


  
  
  .resized {width:100%;margin:0 0 20px 0;height:auto;}
  
  
  
   .accordion {padding:5px 0 5px 0;margin:0}
  .accordion h6 { display: block; border-left:5px solid #fff; cursor:pointer; background:#fff
 ;font-size:1.4rem;color: #5C8E9E ;padding:0 0 0 5px;border-bottom:1px dotted #999; }
  
   .accordion h6 span { float:left;font-size:1.4rem;color: #999;padding:0 10px 0 10px;}
  
.accordion h6:hover,  .accordion h6.active {color:#000;border-left:5px solid #5C8E9E; }
  .accordion h6.active { border-bottom:1px dotted #fff;}
 .accordion h6.active span,.accordion h6:hover span { color: #5C8E9E;} 
 
.qres{padding:5px 0 5px 15px; position: relative; margin:0 0 10px 0; top: -1px;display:none;border-left:1px dotted #999; border-bottom:1px dotted #999;}
 .qres li {padding:5px 0 5px 15px; list-style-type:square; }
 
  .demas li{cursor:pointer;color: #666 ;clear:both}
.demas li:hover, .demas li.active {color: #5C8E9E ;font-weight:bold}
.mas {display:none;font-style:italic;border-left:1px dotted #999;padding:5px 5px 5px 10px;margin:0 0 0 40px;width:90%;background:#FAF9EF}
  

.cols { 
    -moz-column-count:3;
    -moz-column-gap: 4%;
    -moz-column-width: 30%;
    -webkit-column-count:3;
    -webkit-column-gap: 4%;
    -webkit-column-width: 30%;
    column-count: 3;
    column-gap: 4%;
    column-width: 30%;min-height: 1px;
	
}
  
 .cols2 { 
  -moz-column-count:2;
    -moz-column-gap: 20px;
    -moz-column-fill: auto;
    -webkit-column-count:2;
    -webkit-column-gap:20px;
    -webkit-column-fill: auto;
    column-count: 2;
    column-gap: 20px;
  column-fill: auto;min-height: 1px;
}
  
     .orderlist ul, .cols  div, .cols2 div { display:inline-block;page-break-inside: avoid; /* For Firefox. */
  -webkit-column-break-inside: avoid; /* For Chrome & friends. */
   -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  break-inside: avoid; /* For standard browsers like IE. :-) */}
  
    .orderlist ul { width:100%; }
 
   .orderlist li {cursor:pointer; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -o-user-select: none; user-select: none;} 
   .orderlist li:hover {color:#333;font-weight:bold } 
 .orderlist li.added{background: #f1f1f1 url(images/nsqb.gif) no-repeat 4px 8px;font-weight:bold  } 
  #finalist div {clear:both;font-weight:bold;}

  
 .oversize {max-width:200%!important;height:auto; }
 .oversize:hover { -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2)}
	 
.red{color:red}

.dnone {display:none}
.dshow,  .block {display:block}
   .hide {visibility:hidden;}
.wit { color:#fff!important;  }
  .wit a:hover , button.wit:hover{ color:#fff;  }

  
.cowrap {text-align:center;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.42);background:url(images/dw2.png); -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
}
.cowrap span {font-size:1.8rem;color:#333;padding:5px;display:block}    
.count span {font-size:5rem;color:#fff;  margin:0;display:inline-block}

 
.nyroModalBg {position: fixed;	overflow: hidden;	top: 0;	left: 0;	height: 100%;	width: 100%;	background: #000;	opacity: 0.7;z-index:1000;}
.nmReposition {	position: absolute;}
.nyroModalCloseButton {position: absolute;	top: -13px;	right: -13px;	width: 40px;	height: 40px;	 z-index:8000;	background: url(images/close.png);}
.nyroModalTitle {	position: absolute;top: 5px;	left: 0;	margin: 0;    font-size: 1.2em;	color: #333;background:#fff;padding:5px;z-index:9500}
.nyroModalCont {	position: absolute;	border: 2px solid #fff;	margin: 20px auto;text-align:center;	background: #fff;z-index:7000;}
.nyroModalCont iframe {	min-width: 600px;	min-height: 400px;}
.nyroModalError {	border: 4px solid red;	color: red;	width: 250px;	height: 250px;}
.nyroModalError div {	min-width: 0;	min-height: 0;	padding: 10px;}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {	position: relative;	padding:10px;	min-height: 250px;	min-width: 250px;	max-width: 100%;}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {	position: relative;	overflow: hidden;}
 
.nyroModalImage img { vertical-align: top;}
.nyroModalHidden {	left: -9999em;	top: -9999em;}
.nyroModalLoad {	position: absolute;	width: 100px;	height: 100px;	background: #fff url(images/ajax-loader.gif) no-repeat center;	padding: 0;}
.nyroModalPrev, .nyroModalNext {	outline: none;	position: absolute;	top: 0;	height: 60%;	width: 150px;	min-height: 50px;	max-height: 300px;	cursor: pointer;	text-indent: -9999em;	background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {	height: 100%;	width: 40%;	max-height: none;}
.nyroModalPrev {	left: 0;}
.nyroModalPrev:hover {	background-image: url(images/prev.gif);}
.nyroModalNext {	right: 0;	background-position: right 20%;}
.nyroModalNext:hover {	background-position: right 20%;	background-image: url(images/next.gif);}


#loader:after,#loader:before{content:"";position:absolute}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}#loader:before{top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f9c922;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#222;z-index:1000}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../img/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(../img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}


.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
  
  
 .slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(images/ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(css/slick.eot);src:url(css/slick.eot?#iefix) format('embedded-opentype'),url(css/slick.woff) format('woff'),url(css/slick.ttf) format('truetype'),url(css/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:25px}[dir=rtl] .slick-prev{right:25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:25px}[dir=rtl] .slick-next{right:auto;left:25px}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:25px;width:100%;margin:0;text-align:center}.slick-dots li{list-style:none!important;position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;float:left;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
  
/* Media Queries  */

 
@media  only screen 
and (max-width: 1490px) {  
 	 .group {   width: 90%;  }
    .jso, .sliderbox { width: 1490px; height: 567px;  }
 
   .spiceright, .spiceleft {width:400px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-50px;   }
.spiceleft  {left:-50px;  }
}
 


@media  only screen 
and (max-width: 1280px) {  
 	 .group {  width: 90%;  }
     .jso, .sliderbox { width: 1280px; height: 393px;  }
	    .spiceright, .spiceleft {width:400px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-50px;   }
.spiceleft  {left:-50px;  }
}

/* Larger than Desktop HD */
@media (max-width:1200px) {
.group { width: 90%;  }
 
.jso, .sliderbox { width: 1200px; height: 368px;  }
.spiceright, .spiceleft {width:400px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-50px;   }
.spiceleft  {left:-50px;  }
}

/* Larger than desktop */
@media (max-width:1024px) {
	.group {  max-width: 96%;  }
   .jso, .sliderbox { width: 1024px; height: 314px;  }
#pull {display:block;}
#mobilecover, #nav {display:none;}
#navfloat{ width:320px}
#cellcover {display:block;height:250px;  }
#cellcover img {max-width:180%  }
#cellwrap  h2{font-size: 3rem;  }
header  { height:100px; background:transparent}
.sws {bottom:100px}
#infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
#logo   {width:260px;top:5px;}  
.spiceright, .spiceleft {width:400px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-40px;}
.spiceleft  {left:-40px;}
.big{font-size:110%} 
  .mright:nth-child(3n)  {margin-right:0}
 #lubswidget .w25, #lubswidget .w33, #mobilwidget .w25,  #mobilwidget .w33 {width:46%}
 
}

/* Larger than desktop */
@media (max-width:900px) {
	 
 .group { width: 96%;  }
 #pull {display:block;}
 
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar  {display:none;}
  #navfloat{ width:320px}
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:180%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
   
  #logo   {width:260px;top:5px;}  
 
.spiceright, .spiceleft {width:360px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 
 
  #lubswidget .w25, #lubswidget .w33, #mobilwidget .w25,  #mobilwidget .w33 {width:46%}
 
}
/* Larger than tablet */
@media (max-width:800px) {
 
	.p160t {padding-top:80px}
.group {  width: 96%;  }
.box {  margin:0 1% 2% 1%;   }
.w55,.w50, .w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
 .w40,.w45,.w48,  .w25,.w30,.w33    {width:30%;}
 #welcome .w35,  #downloads .w35, #checkout  .w30   {width:96%}
#contactus .w48 {width:46%}


   #pull {display:block;}
 
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar    {display:none;}
	  #navfloat{ width:320px}
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:180%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
   
  #logo   {width:260px;top:5px;}  
 
.spiceright, .spiceleft {width:340px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 
 
  

 #lubswidget .w25, #lubswidget .w33, #mobilwidget .w25,  #mobilwidget .w33 {width:46%}
 
.cols, .cols2 { 
  -moz-column-count:2;
    -moz-column-gap: 20px;
    -moz-column-fill: auto;
    -webkit-column-count:2;
    -webkit-column-gap:20px;
    -webkit-column-fill: auto;
    column-count: 2;
    column-gap: 20px;
  column-fill: auto;min-height: 1px;
}
 
}

/* Larger than tablet */
@media (max-width:768px) {
  
.group { width: 96%;  }
 
.w55,.w50, .w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
 .w40,.w45,.w48,  .w25,.w30,.w33    {width:30%;}
 #welcome .w35,  #downloads .w35, #checkout  .w30 {width:96%}
 #contactus .w48  {width:46%}
 
 
   #pull {display:block;}
   #logo   {width:260px;top:5px;}  
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar , #mobilwidget, #lubswidget        {display:none;}
	  #navfloat{ width:320px}
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:180%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
 

 
.spiceright, .spiceleft {width:320px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 
 
.cols, .cols2 { 
  -moz-column-count:2;
    -moz-column-gap: 20px;
    -moz-column-fill: auto;
    -webkit-column-count:2;
    -webkit-column-gap:20px;
    -webkit-column-fill: auto;
    column-count: 2;
    column-gap: 20px;
  column-fill: auto;min-height: 1px;
}
  
}


/* Larger than tablet */
@media (max-width:750px) {
	header { height:90px;}
 
.group { width: 96%;  }
.w55,.w50, .w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
 .w40,.w45,.w48,  .w25,.w30,.w33    {width:30%;}
 #welcome .w35,  #downloads .w35 , #checkout  .w30 {width:96%}
#contactus .w48 {width:46%}
 
 
   #pull {display:block;}
  
   #logo   {width:260px;top:5px;}  
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar , #mobilwidget, #lubswidget        {display:none;}
	  #navfloat{ width:320px}
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:180%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
  
  
 
.spiceright, .spiceleft {width:300px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 
 
 .cols, .cols2 { 
  -moz-column-count:2;
    -moz-column-gap: 20px;
    -moz-column-fill: auto;
    -webkit-column-count:2;
    -webkit-column-gap:20px;
    -webkit-column-fill: auto;
    column-count: 2;
    column-gap: 20px;
  column-fill: auto;min-height: 1px;
}
  
}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width:600px) {
 
 
  .group {  width: 94%;  }
.w55,.w50, .w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
 .w40,.w45,.w48,  .w25,.w30,.w33    {width:46%;}
 #welcome .w35,  #downloads .w35, #checkout  .w30  {width:96%}
#news .w33, #contactus .w48 {width:46%}
 .mright:nth-child(2n)  {margin-right:0}
   #pull {display:block;}
 
   #logo   {width:260px;top:5px;}  
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar , #mobilwidget, #lubswidget        {display:none;}
	  #navfloat{ width:320px}
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:180%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
   
 
 
.spiceright, .spiceleft {width:300px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 
 
 .cols, .cols2 { 
  -moz-column-count:2;
    -moz-column-gap: 20px;
    -moz-column-fill: auto;
    -webkit-column-count:2;
    -webkit-column-gap:20px;
    -webkit-column-fill: auto;
    column-count: 2;
    column-gap: 20px;
  column-fill: auto;min-height: 1px;
}
  
	}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width:550px) {
 
 .group {  width: 94%;  }
 .w55,.w50, .w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
 .w40,.w45,.w48,  .w25,.w30,.w33    {width:46%;}
 #welcome .w35,  #downloads .w35, #checkout  .w30  {width:96%}
#news .w33, #docwidget .w48 {width:46%}
  #contactus .w48 {width:96%}
  .mright:nth-child(2n)  {margin-right:0}
   #pull {display:block;}
 
   #logo   {width:260px;top:5px;}  
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar , #mobilwidget, #lubswidget        {display:none;}
	  #navfloat{ width:320px}
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:180%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
   
 
 
.spiceright, .spiceleft {width:300px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
 
	.big{font-size:110%} 
 
  .cols, .cols2 { 
  -moz-column-count:1;
 
    -moz-column-fill: auto;
    -webkit-column-count:1;
   -webkit-column-fill: auto;
    column-count: 1;
   
  column-fill: auto ;min-height: 1px;
}
  
	}
/* Larger than mobile */
@media (max-width:411px) {
 
  .group {  width: 94%;  }
 
 .w55,.w50, .w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
 .w40,.w45,.w48,  .w25,.w30,.w33    {width:46%;}
 #welcome .w35,  #downloads .w35  {width:96%}
 #docwidget .w48 {width:46%}
#news .w33,  #contactus .w48, #checkout  .w30 {width:96%}
  .mright:nth-child(2n)  {margin-right:0}


  #pull {display:block;}
 
   #logo   {width:260px;top:5px;}  
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar , #mobilwidget, #lubswidget        {display:none;}
	  #navfloat{ width:320px}
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:180%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
    
 
 
.spiceright, .spiceleft {width:300px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 
 
  .cols, .cols2 { 
  -moz-column-count:1;
 
    -moz-column-fill: auto;
    -webkit-column-count:1;
   -webkit-column-fill: auto;
    column-count: 1;
   
  column-fill: auto ;min-height: 1px;
}
	
}
/* Larger than mobile */
@media (max-width:400px) {
 
  .group {  width: 94%;  }
 
 .w55,.w50, .w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
 .w40,.w45,.w48,  .w25,.w30,.w33    {width:46%;}
 #welcome .w35,  #downloads .w35  {width:96%}
 #docwidget .w48 {width:46%}
#news .w33,  #contactus .w48 , #checkout  .w30{width:96%}
  .mright:nth-child(2n)  {margin-right:0}
  
   #pull {display:block;}
  
   #logo   {width:260px;top:5px;}  
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar , #mobilwidget, #lubswidget        {display:none;}
	  #navfloat{ width:320px}
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:180%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
 
 
 
.spiceright, .spiceleft {width:300px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 
 
   .cols, .cols2 { 
  -moz-column-count:1;
 
    -moz-column-fill: auto;
    -webkit-column-count:1;
   -webkit-column-fill: auto;
    column-count: 1;
   
  column-fill: auto ;min-height: 1px;
}
  
   
}


@media (max-width : 375px) {
 
  .group {  width: 94%;  }
 
 .w15,.w20,.w22 ,.w25,.w30,.w33,.w35,.w40,.w45,.w48,.w50,.w55,.w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
#mobiltools .w48,  #welcome .w33 {width:46%}
 .mright:nth-child(2n) {margin-right:0}
 
   #logo   {width:260px;top:5px;}  
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar , #mobilwidget, #lubswidget        {display:none;}
	  #navfloat{ width:320px}
	  
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:260%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
  
 
 
.spiceright, .spiceleft {width:300px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 
 
   .cols, .cols2 { 
  -moz-column-count:1;
 
    -moz-column-fill: auto;
    -webkit-column-count:1;
   -webkit-column-fill: auto;
    column-count: 1;
   
  column-fill: auto ;min-height: 1px;
}
	
}
@media (max-width : 360px) {
	 
	  .group {  width: 94%;  }
 .w15,.w20,.w22 ,.w25,.w30,.w33,.w35,.w40,.w45,.w48,.w50,.w55,.w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
#mobiltools .w48,  #welcome .w33 {width:46%}
 .mright:nth-child(2n) {margin-right:0}
 
   #pull {display:block;}
  
   #logo   {width:260px;top:5px;}  
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar , #mobilwidget, #lubswidget        {display:none;}
	  #navfloat{ width:320px}
	  
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:260%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
  
 
.spiceright, .spiceleft {width:300px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 

  
  
	
}


@media (max-width : 320px) {
 
	  .group { width: 94%;  }
 
 .w15,.w20,.w22 ,.w25,.w30,.w33,.w35,.w40,.w45,.w48,.w50,.w55,.w60,.w65,.w70,.w72,.w80,.w85,.w90  {width:96%;}
#mobiltools .w48,  #welcome .w33 {width:46%}
 .mright:nth-child(2n) {margin-right:0}
 
   #pull {display:block;}
 
   #logo   {width:260px;top:5px;}  
  #rotsecimg ,  #sidebar , #title, #nav , #minisidebar , #mobilwidget, #lubswidget        {display:none;}
	  #navfloat{ width:320px}
	  
#mobilecover, #cellcover {display:block;height:250px;  }
#mobilecover img, #cellcover img {max-width:260%  }
#cellwrap  h2{font-size: 3rem;  }
 header  { height:100px; background:transparent}
.sws {bottom:100px}
  #infowrap {-webkit-transform: scale(0);  transform: scale(0);opacity:0}
  
 
 
.spiceright, .spiceleft {width:300px;min-height:100px;z-index:1; top:5%;  }
.spiceright  { right:-100px;   }
.spiceleft  {left:-100px;  }
	.big{font-size:110%} 
  
    .cols, .cols2 { 
  -moz-column-count:1;
 
    -moz-column-fill: auto;
    -webkit-column-count:1;
   -webkit-column-fill: auto;
    column-count: 1;
   
  column-fill: auto ;min-height: 1px;
}
	
}