/* bg images row 544 */




html {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

body {
    background-color: #fff;
    position: relative;
    width: 100%;
    color: #666;
    font-size: 16px;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    line-height: 1;
}

/*
.dn {
    display: none;
}


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

::selection {
    background: #1a4c8c;
    color: #fff;
}

body, html, ul, ul li, p, fieldset, input {
font-family: "museo",serif;
}

h1, h2, h3, h4, h5, h6, ul, ul li, ul li a {
font-family: "museo",serif;
}

p {
font-family: "museo",serif;
}

*/

ul li {
  list-style: none;
  list-style-type: none;
}

/* ********************************************************* */




.fullscreen {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  clear: both;  
}

form[action="/us/"] div#top-image,
form[action="/de/"] div#top-image,
form[action="/en/"] div#top-image,
form[action="/cz/"] div#top-image,
form[action="/"] div#top-image,
form[action="/SiteDefault.aspx"] div#top-image

{

      box-shadow: none  !important;
}


.fullwidth {
  width: 100%;
  height: auto;
background: -moz-linear-gradient(top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.82) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.82) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1000000', endColorstr='#00000000',GradientType=0 );

  overflow: hidden;
  clear: both;
}

.chnocl .fullwidth {
  
background:transparent;

}

.wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
  clear: both;
}

.webwidth {
  width: 1650px !important;
  height: auto;
  background: transparent;
  margin: 0px auto;
  float: none;
  overflow: visible;
  clear: both;
  position: relative;
}

.mainbgimg {
   /* background-image: url(../img/bgimg.jpg);*/
    /* background-size: calc(100vw + 100px) calc(100vh + 100px); */
    background-size: cover calc(100vh + 100px);
    /* background-position: -25px -50px; */
    background-repeat: no-repeat;
    background-color: black;
    background-size: cover;
}

.headerHolder {
  min-height: 80px;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  display: -webkit-flex;
  padding-top: 20px;
  z-index: 901;
  position: relative;
}

.fullscreen.mainbgimg i {
  margin: 20px;
  float: left;
  color: white;
      margin-left: 19px !important;
}

.fullwidth.mainhmpg, 
#top-image [class^="article_row_"], 
#top-image [class^="article_cell_"] {
    height: calc(100vh - 85px) !important;
    position: relative  !important;
}

.fixed .fullwidth.mainhmpg,
#top-image.fixed [class^="article_row_"], 
#top-image.fixed [class^="article_cell_"]   
{
  /*  mizí puškohled */
  height: auto   !important; 
}

form[action="/us/"] #top-image.fixed .fullwidth.mainhmpg,
form[action="/de/"] #top-image.fixed .fullwidth.mainhmpg,
form[action="/en/"] #top-image.fixed .fullwidth.mainhmpg,
form[action="/cz/"] #top-image.fixed .fullwidth.mainhmpg,
form[action="/"] #top-image.fixed .fullwidth.mainhmpg,
form[action="/SiteDefault.aspx"] #top-image.fixed .fullwidth.mainhmpg,

form[action="/us/"] #top-image.fixed [class^="article_row_"],
form[action="/de/"] #top-image.fixed [class^="article_row_"],
form[action="/en/"] #top-image.fixed [class^="article_row_"],
form[action="/cz/"] #top-image.fixed [class^="article_row_"],
form[action="/"] #top-image.fixed [class^="article_row_"],
form[action="/SiteDefault.aspx"] #top-image.fixed [class^="article_row_"],

form[action="/us/"] #top-image.fixed [class^="article_cell_"] ,
form[action="/de/"] #top-image.fixed [class^="article_cell_"] ,
form[action="/en/"] #top-image.fixed [class^="article_cell_"] ,
form[action="/cz/"] #top-image.fixed [class^="article_cell_"] ,
form[action="/"] #top-image.fixed [class^="article_cell_"] ,
form[action="/SiteDefault.aspx"] #top-image.fixed [class^="article_cell_"] 
{
    height: calc(100vh - 85px) !important;
    position: relative  !important; 
}
                                   
#top-image  [class^="article_row_"], #top-image  [class^="article_cell_"] {

    display: block !important;
    padding-bottom: 0 !important;
}

.mddl {
    height: 100%;
    position: relative;
}

.menu-rozbaleno li a {
  padding-left: 25px;
  padding-right: 25px;
    font-size: 18px;
    font-weight: 300;
    padding-top: 0;
}

a.logolink {
  height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  display: -webkit-flex;
  margin-top: -19px;
}

a.ourprdcts {
  width: 220px;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  display: -webkit-flex;
  border-radius: 5px;
  border: 1px solid white;
  color: white;
    font-size: 18px;
    font-weight: 300;
}

.ourprdcts.hmpgprdcl {
  background: transparent;
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-property: all;
text-decoration: none;
cursor: pointer;
 border: 1px solid white !important;
}
.cproductscl .ourprdcts.hmpgprdcl,
.ourprdcts.hmpgprdcl:hover,
a.langslct:hover,
ul.langslctmenu:hover a.langslct{
  background: white;
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-property: all;
text-decoration: none;
cursor: pointer;
    color: black !important;
   
}

ul.langslctmenu:hover a.langslct i.fa.fa-globe, a.langslct:hover i.fa.fa-globe {
    color: black;
      -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-property: all;
}


.ourprdcts.hmpgprdcl:hover .ico6,
.ourprdcts.hmpgprdcl:hover .ico66 {
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-property: all;
}


.cproductscl   a.ourprdcts .ico6 {
  display: none;
}

 a.hmpgprdcl:hover .ico666 {
    display: block;
}

 a.hmpgprdcl:hover .ico6 {
    display: none;
}

.cproductscl a.hmpgprdcl .ico66, 
.cproductscl a.hmpgprdcl:hover .ico66 {
    display: block;
}

.cproductscl a.hmpgprdcl .ico666, 
.cproductscl a.hmpgprdcl:hover .ico666 {
    display: none;
}

a:hover .ourprdcts  .ico666 {
  display: block;
}

a:hover .ourprdcts  .ico6 {
  display: none;
}

a.langslct {
  width: 170px;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  display: -webkit-flex;
  border-radius: 5px;
  border: 1px solid white !important;
  color: white;
    font-size: 18px;
    font-weight: 300;
        background: rgba(0, 0, 0, 0.1607843137254902);
}

a.langslct i {
  color: white;
  font-size: 20px;
}

a.langslct img.ico6, a.langslct img.ico666 {
  margin-right: 15px;
  margin-left: 15px;
      height: 8px;
}

img.ico666,
img.ico66,
img.ico6 {
  margin-right: 20px;
  margin-left: 20px;
}

ul.prdctsmenu {
  margin-left: 80px;
  margin-right: 55px;
  margin-top: 4px;
}



ul.menu-rozbaleno {
 width:calc(64vw - 400px);  
    height: 60px;
    display: flex;
    justify-content: center ;
    align-items: center ;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -webkit-flex;
    margin-left: 20px;
    margin-right: 20px;
    /*background: red;*/
    margin-top: 13px;
}

ul.menu-rozbaleno a {
    color: white;
    width: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    -webkit-justify-content: center;
    -webkit-align-items: flex-start;
    display: -webkit-flex;
        padding-top: 1px;
}

ul.podmenu.simple li {
    padding-top: 13px;
}

ul.langslctmenu {
    margin-right: 0;
    margin-left: auto;
    float: right;
    /* display: block; */
    margin-top: 4px;
    max-height: 41px;
        overflow: visible;
    margin-bottom: 0;
    position: absolute;
    z-index: 99999;
    right: 0;
    top: 20px;
    right: 3vw;
}


ul.langslctmenu:hover a.langslct img.ico666, a.langslct:hover img.ico666 {
    display: block;
}

ul.langslctmenu:hover a.langslct img.ico6, a.langslct:hover img.ico6 {
    display: none;
}

/**************/

.nextlangs {
    opacity: 0;
   height: 0;
    overflow: hidden;
}

ul.langslctmenu:hover  div.nextlangs {
    opacity: 1;
      -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  transition-property: all;
          height: auto;
}



.fullwidth, .headerHolder  {
    overflow: visible;
}


ul.langslctmenu li {
    z-index: 0;
}


.nextlangs {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0.69) 10%, rgba(0,0,0,0.69) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0.69) 10%,rgba(0,0,0,0.69) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0.69) 10%,rgba(0,0,0,0.69) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b0000000',GradientType=0 );

position: absolute;
    /* height: 150px; */
    border: 1px solid white;
    border-radius: 0px 0px 6px 6px;
    margin-top: -5px;
    padding: 13px 8px 8px 8px;
    width: 170px;
    border-top: 0px none;
    z-index: 1;
    
    
}

a.langslct span {
    width: 100%;
    text-align: center; 
        FONT-SIZE: 16PX;  
}

a.langslct > span i {
    /* display: block; */
    /* background: blue; */
    height: 37px;
    padding-top: 8px;
    margin: 0 20px !important;
}

.nextlangs a span{
   color: white !important;
     -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-property: all;
}

.nextlangs a:hover span{
   color: black !important;
   
}
.nextlangs a {
    padding-top: 1px;
    border-radius: 0;
    border: 0 none !important;
    font-size: 14px;
    height: 24px !important;
    max-width: 151px;
    overflow: visible;
    border-radius: 2px;
        background: transparent !important;
}

a.langslct:hover {
    background: white !important;
}
/*****************/


.icowrpsm {
  width: 165px;
  height: 165px;
  border-radius: 50%;
  border: 1px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
    display: -webkit-flex;
        cursor: pointer;
         transition:all 1s linear;
         transition-property: all;
         margin: 0px auto;
}

.icosm {
  width: 65%;
  max-width: 65%;
  height: auto;
  max-height: 65%;
}

.ico7,
.ico4 {
  width: 35px;
  height: auto;
}

.ico5 {
  width: 35px;
  height: auto;
}

.ico66,
.ico666,
.ico6 {
  width: 15px;
  height: auto;
}

.ico66,
.ico666 {
  display: none;
}

.plnwrpsm {
  margin-top: 35px;
      z-index: 886;
}

.plnwrpsm span {
  font-size: 18px;
  font-weight: 700;
  height: 50px;
        transition: all 1s linear;
        transition-property: all;
}

.icowrpsm.cicohunting span {
  font-size: 35px;
  font-weight: 700;
  height: 80px;
        transition: all 1s linear;
        transition-property: all;
}

.plnwrpsm span {
  color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;

  transition: all 1s linear;
  transition-property: all;
}

/*.webwidth */
.btm {
    height: 100px;
    margin-bottom: 0px;
    margin-top: auto;
    position: absolute;
    bottom: 10px;
    width: 100%;
    /*width: calc(100vw - 5px) !important;*/
    text-align: center;
    right: 0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
}

.btm span {
  color: white;
  margin-bottom: 15px;
}

.claim {
    margin-left: 0px;
    width: 25%;
    height: 80%;
    background: transparent;
    font-size: 86px;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    line-height: 113%;
    position: absolute;
    left: 0px;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    align-content: center;
    justify-content: flex-start;
        min-width: 431px;
    /*top: calc(42vh - 265px);*/
}

.slct {
    color: white;
    position: absolute;
    left: Calc(54vw + 293px);
    top: 37vh;
}

.slct img {
  width: 8px;
  height: auto;
  margin-right: 8px;
}

.mddhdlr {
  width: 50%;
}

.ihunting , 
.inature , 
.itactical {
    opacity: 0;
}

.ihunting .morewrptitle , 
.inature .morewrptitle , 
.itactical .morewrptitle {
    opacity: 0;
}

div.morewrptitle {
 position: absolute;
    left: 0px;
    top: -55vh;
    width: auto;
    font-size: 84px;
    color: white;
    text-transform: uppercase;
        height: 155px;
    display: flex;
    align-items: flex-end;
}

form[action*="/us/"]  div.morewrptitle {

    top: -63vh;

}





.webwidth.btm span {
    text-transform: uppercase;
    font-weight: 300;
    display: block;
    font-size: 14px;
    padding-right: 5px;
}

.plnwrpsm  {
    position: absolute;
    left: calc(5vw - 169px);
}

.plnwrpsm {
   top: calc(26vh - 0px);
    left: calc(54vw - 64px);
}

.plnwrpsm.frst {
    left: 29.5%;
    transform: translate(-29.5%, 0);
}

.plnwrpsm.scnd {
    left: 70%;
    transform: translate(-70%, 0);
}

.icowrpsm img {
      width: 100%;
    max-width: 115px;
    max-height: 115px;
    transition: all .5s linear;
    transition-property: all;
}



@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)  {  
.icowrpsm img  {
transition:none !important;
} 
}

@supports (-ms-ime-align:auto) {
.icowrpsm img  {
transition:none !important;
} 
}



.mainhmpg .plnwrpsm.cicohunting.selected {
    top: calc(15vh - 0px);
    left: 50%;
    transform: translate(-50%, 0);

}

.icowrpsm.hmpgcl:hover img {
    max-width: 135px !important;
    max-height: 135px !important;
}

.icowrpsm.hmpgcl:hover img {
    max-width: 135px !important;
    max-height: 135px !important;
}

.chnocl .cicohunting  .icowrpsm.hmpgcl:hover img {
    max-width: 220px !important;
    max-height: 220px !important;
}

.cnaturecl .mainhmpg .plnwrpsm.cicohunting.selected {
    top: calc(15vh - 0px);
    right: 0px;
}

.chnocl .plnwrpsm.selected span {
    font-size: 28px;
   transition: all 1s linear;
   transition-property: all;
}

.chnocl .selected .icowrpsm img {
    width: 100%;
    max-width: 165px;
    max-height: 165px;
     transition:all 1s linear;
     transition-property: all;
}

.plnwrpsm.selected .icowrpsm {
    width: 165px;
    height: 165px;
    border-radius: 60%;
    border: 1px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;

    background: none;
    cursor: pointer;
    transition: all 1s linear;
    transition-property: all;
}

.chnocl .plnwrpsm.selected .icowrpsm {
    width: 370px;
    height: 370px;
    border-radius: 60%;
    border: 1px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
  /*  background: url(../img/icons/cross.svg) no-repeat;*/
    cursor: pointer;
    transition: all 1s linear;
    transition-property: all;
}

/**************  CLICKED ****************/



#top-image.fullscreen.mainbgimg.cnaturecl {

    /*  background-image: url("../img/bgimgnature.jpg");*/
    -webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
transition: background 0.5s linear;
transition-property: all;
}

#top-image.fullscreen.mainbgimg.chuntingcl {

  /*    background-image: url("../img/bgimghunting.jpg");*/
    -webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
transition: background 0.5s linear;
transition-property: all;
}

#top-image.fullscreen.mainbgimg.ctactivalcl {

  /*    background-image: url("../img/bgimgtactical.jpg");*/
    -webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
transition: background 0.5s linear;
transition-property: all;
}

/*.fullscreen.mainbgimg.cnaturecl .fullwidth.mainhmpg {
        background-image: url("../img/homeNature.png");
        
}

.fullscreen.mainbgimg.chuntingcl .fullwidth.mainhmpg {
        background-image: url("../img/homeHunting.png"); 
}

.fullscreen.mainbgimg.ctactivalcl .fullwidth.mainhmpg {
        background-image: url("../img/homeTactical.png"); 
}   */




form[action="/us/"] .fullscreen.mainbgimg.cnaturecl .fullwidth.mainhmpg,
form[action="/us/"] .fullscreen.mainbgimg.chuntingcl .fullwidth.mainhmpg,
form[action="/us/"] .fullscreen.mainbgimg.ctactivalcl .fullwidth.mainhmpg {
    background-position: -18vw 5vw !important;
    background-repeat: no-repeat !important;
    background-size: contain;
}

.fullscreen.mainbgimg.cnaturecl .fullwidth.mainhmpg,
.fullscreen.mainbgimg.chuntingcl .fullwidth.mainhmpg,
.fullscreen.mainbgimg.ctactivalcl .fullwidth.mainhmpg {
    background-position: -25vw 2vw !important;
    background-repeat: no-repeat !important;
    background-size: contain;
}



#top-image.fullscreen.mainbgimg.cnaturecl .ico4,
#top-image.fullscreen.mainbgimg.chuntingcl .ico4,
#top-image.fullscreen.mainbgimg.ctactivalcl .ico4,
#top-image.fullscreen.mainbgimg.cnaturecl .claim,
#top-image.fullscreen.mainbgimg.chuntingcl .claim,
#top-image.fullscreen.mainbgimg.ctactivalcl .claim,
#top-image.fullscreen.mainbgimg.cnaturecl .slct,
#top-image.fullscreen.mainbgimg.chuntingcl .slct,
#top-image.fullscreen.mainbgimg.ctactivalcl .slct {
  opacity: 0;
  height: 0px;
}

.chnocl  .ico4
{
  opacity: 1;
width: 35px;

}


.chnocl  .ico7,  .ico4
{
  opacity: 0;
width: 0;

}

#top-image.fullscreen.mainbgimg.cnaturecl .morewrp,
#top-image.fullscreen.mainbgimg.chuntingcl .morewrp,
#top-image.fullscreen.mainbgimg.ctactivalcl .morewrp {
position: absolute;
left: 0px;
top: 60vh;
width: auto;
display: flex;
display: -webkit-flex;
flex-direction: column;
}

.cnaturecl .inature, .ctactivalcl .itactical, .chuntingcl .ihunting {
    opacity: 1;
        transition: all 1s linear;
        transition-property: all;
}

.chuntingcl .ihunting .morewrptitle , 
.cnaturecl .inature .morewrptitle , 
.ctactivalcl .itactical .morewrptitle {
    opacity: 1;
        transition: all 1s linear;
        transition-property: all;
}


#top-image.fullscreen.mainbgimg.cnaturecl .morewrp a,
#top-image.fullscreen.mainbgimg.chuntingcl .morewrp a,
#top-image.fullscreen.mainbgimg.ctactivalcl .morewrp a {
width: 160px !important;
height: 50px !important;
margin-top: 28px;
padding-left: 15px;
background: black !important;
background-color: black !important;
display: flex;
justify-content: space-around;
align-items: center;
-webkit-justify-content: space-around;
-webkit-align-items: center;
display: -webkit-flex;
color: white;
font-size: 20px;
z-index: 1 !important;
position: relative;
}

 #top-image.fullscreen.mainbgimg.cnaturecl .morewrp span,
 #top-image.fullscreen.mainbgimg.cnaturecl .morewrp a {

    margin-left: 0;

}



#top-image.fullscreen.mainbgimg.ctactivalcl .morewrp span,
#top-image.fullscreen.mainbgimg.ctactivalcl .morewrp a {
    margin-left: 1vw;
    margin-top: 10px !important;
}

#top-image.fullscreen.mainbgimg.chuntingcl .morewrp span,
#top-image.fullscreen.mainbgimg.chuntingcl .morewrp a {
    margin-left: 1vw;
    margin-top: 10px ;
}


#top-image.fullscreen.mainbgimg.cnaturecl .morewrp span,
#top-image.fullscreen.mainbgimg.chuntingcl .morewrp span,
#top-image.fullscreen.mainbgimg.ctactivalcl .morewrp span {
font-size: 28px;
    color: black;
    font-weight: 800;
        margin-top: 43px;

}

#top-image.fullscreen.mainbgimg.cnaturecl .morewrp a,
#top-image.fullscreen.mainbgimg.chuntingcl .morewrp a,
#top-image.fullscreen.mainbgimg.ctactivalcl .morewrp a {
clear: both;
}




/*@media only screen and (min-height: 830px) and (max-width: 800px) and (min-width: 1280px)   {*/

#top-image.fullscreen.mainbgimg.cnaturecl .mddhdlr .plnwrpsm.scnd,
#top-image.fullscreen.mainbgimg.chuntingcl .mddhdlr .plnwrpsm.scnd,
#top-image.fullscreen.mainbgimg.ctactivalcl .mddhdlr .plnwrpsm.scnd {
margin-left: 40px;
}

#top-image.fullscreen.mainbgimg.cnaturecl .mddhdlr .plnwrpsm span,
#top-image.fullscreen.mainbgimg.chuntingcl .mddhdlr .plnwrpsm span,
#top-image.fullscreen.mainbgimg.ctactivalcl .mddhdlr .plnwrpsm span {
width: auto;
max-width: 100px;
line-height: 23px;
position: absolute;
top: 55px;
right: 0px;
}

#top-image.fullscreen.mainbgimg.cnaturecl .btm span,
#top-image.fullscreen.mainbgimg.chuntingcl .btm span,
#top-image.fullscreen.mainbgimg.ctactivalcl .btm span {
order: 2;
margin-top: 0;
color: black;
    padding-left: 4px;
}

.cnaturecl .plnwrpsm.selected,
.chuntingcl .plnwrpsm.selected,
.ctactivalcl .plnwrpsm.selected,
.cnaturecl .plnwrpsm,
.chuntingcl .plnwrpsm,
.ctactivalcl .plnwrpsm {
    /*right: 0px !important;*/
    left: 100% !important;
    transform: translate(-100%, 0) !important;
    margin: 0;
    margin-left: 0px !important;
    width: 415px;
    transition: all 1s linear;
    transition-property: all;
}



.chuntingcl .plnwrpsm.ciconature.frst,
.ctactivalcl .plnwrpsm.ciconature.frst,
.cnaturecl .plnwrpsm.cicohunting.selected
{
top: 10vh !important;
}

.cnaturecl .plnwrpsm.ciconature.frst,
.chuntingcl .plnwrpsm.cicohunting.selected,
.ctactivalcl .plnwrpsm.cicotactical.scnd
 {
top: 32.2vh !important;
}

.chuntingcl .plnwrpsm.cicotactical.scnd,
.ctactivalcl .plnwrpsm.cicohunting.selected,
.cnaturecl .plnwrpsm.cicotactical.scnd {
top: 65vh !important;
}

.cnaturecl .plnwrpsm.ciconature.frst .icowrpsm,
.chuntingcl .plnwrpsm.cicohunting.selected .icowrpsm,
.ctactivalcl .plnwrpsm.cicotactical.scnd .icowrpsm {
  width: 230px  !important;
  height: 230px  !important;
  /*margin-left: -50px;*/
 /* background: url(../img/icons/cross.svg) no-repeat;*/
}

.cnaturecl .plnwrpsm.ciconature.frst .icowrpsm img,
.chuntingcl .plnwrpsm.cicohunting.selected .icowrpsm img,
.ctactivalcl .plnwrpsm.cicotactical.scnd .icowrpsm img {
  max-width: 150px !important;
  max-height: 150px !important;
}

.cnaturecl .plnwrpsm.ciconature.frst span,
.chuntingcl .plnwrpsm.cicohunting.selected span,
.ctactivalcl .plnwrpsm.cicotactical.scnd span {
  opacity: 0 !important;
/*}*/

}

/*** BGLOADER */
.bgloaderonly{position:fixed;    top:-100px;    left:-100px;}

.bgloaderonly img {
    width: 25px;
}

/* TOP PRODUCT SLIDER */



.topsliderwrp.slopen {
height: 410px;
  opacity: 1;
  transition: all 0.25s ease-in-out;
  transition-property: all;
  /*transition-delay: 0.25s,*/

overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 135px;
/*padding-bottom: 80px;*/
z-index: 900;
/*background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 92%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 92%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 92%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );*/
}


.topsliderwrp,
.topsliderwrp.slclose {
height: 0px;
opacity: 0;

  /*transition-delay: 0.25s,*/

overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 135px;
  /*padding-bottom: 80px;*/
  z-index: 10;
  background: black ;
  background: rgba(0, 0, 0, 0.8);
  /*background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 92%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 92%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 92%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );*/



}

.sldrwrp {
  width: 80%;
  margin: 0px auto;
  float: none;
}

.slidewrapper {
  width: calc(100% / 5);
  height: auto;
  min-height: 255px;
  float: left;
  cursor: pointer;
}

.slidewrapper .slideimgwrp {
  width: 100%;
  height: 100%;
  min-height: 155px;
  text-align: center;
}

.slidewrapper .slideimgwrp img {
width: auto;
max-width: 250px;
height: auto;
max-height: 140px;
margin: 0 auto;
}

.slidewrapper .prdctname {
  width: 100%;
  height: auto;
  text-align: center;
  color: white;
  font-size: 23px;
  padding-bottom: 45px;
}


.topgrad {
    height: 100%;
    position: absolute;
    width: 100%;
    
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 7%, rgba(255,255,255,0.88) 17%, rgba(255,255,255,0) 37%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 7%,rgba(255,255,255,0.88) 17%,rgba(255,255,255,0) 37%,rgba(255,255,255,0) 100%);
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 7%,rgba(255,255,255,0.88) 17%,rgba(255,255,255,0) 37%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );

    z-index: -1;
}

.chnocl .topgrad { 
/*
background: -moz-linear-gradient(top, rgba(18,45,64,0) 0%, rgba(18,45,64,0) 60%, rgba(18,45,64,0.14) 72%, rgba(18,45,64,0.8) 95%, rgba(18,45,64,0.96) 99%, rgba(18,45,64,1) 100%);
background: -webkit-linear-gradient(top, rgba(18,45,64,0) 0%,rgba(18,45,64,0) 60%,rgba(18,45,64,0.14) 72%,rgba(18,45,64,0.8) 95%,rgba(18,45,64,0.96) 99%,rgba(18,45,64,1) 100%);
background: linear-gradient(to bottom, rgba(18,45,64,0) 0%,rgba(18,45,64,0) 60%,rgba(18,45,64,0.14) 72%,rgba(18,45,64,0.8) 95%,rgba(18,45,64,0.96) 99%,rgba(18,45,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00122d40', endColorstr='#122d40',GradientType=0 );    */

background: -moz-linear-gradient(top, rgba(26,47,65,1) 0%, rgba(26,47,65,0) 23%, rgba(26,47,65,0) 68%, rgba(26,47,65,1) 100%);
background: -webkit-linear-gradient(top, rgba(26,47,65,1) 0%,rgba(26,47,65,0) 23%,rgba(26,47,65,0) 68%,rgba(26,47,65,1) 100%);
background: linear-gradient(to bottom, rgba(26,47,65,1) 0%,rgba(26,47,65,0) 23%,rgba(26,47,65,0) 68%,rgba(26,47,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2f41', endColorstr='#1a2f41',GradientType=0 );

}

.topiholder.fullscreen.mainbgimg.chnocl.scrolled.fixed.animatedmenu.chnocl .topgrad {
background: -moz-linear-gradient(top, rgba(26,47,65,0) 0%, rgba(26,47,65,0) 18%, rgba(26,47,65,0.21) 49%, rgba(26,47,65,1) 100%);
background: -webkit-linear-gradient(top, rgba(26,47,65,0) 0%,rgba(26,47,65,0) 18%,rgba(26,47,65,0.21) 49%,rgba(26,47,65,1) 100%);
background: linear-gradient(to bottom, rgba(26,47,65,0) 0%,rgba(26,47,65,0) 18%,rgba(26,47,65,0.21) 49%,rgba(26,47,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a2f41', endColorstr='#1a2f41',GradientType=0 );
}


div#top-image.topiholder.fullscreen.mainbgimg.chnocl {
    background-position: 0 20%;
}