@CHARSET "UTF-8";

.hexagon {
            overflow: hidden;
            visibility: hidden;
            -webkit-transform: rotate(120deg);
            -moz-transform: rotate(120deg);
            -ms-transform: rotate(120deg);
            -o-transform: rotate(120deg);
            transform: rotate(120deg);
            cursor: pointer;
        }
        
        .hexagon-in1 {
            overflow: hidden;
            width: 100%;
            height: 100%;
            -webkit-transform: rotate(-60deg);
            -moz-transform: rotate(-60deg);
            -ms-transform: rotate(-60deg);
            -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
        }
        
        .hexagon-in2 {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: 50%;
            background-image: url(rrr.jpg);
            visibility: visible;
            -webkit-transform: rotate(-60deg);
            -moz-transform: rotate(-60deg);
            -ms-transform: rotate(-60deg);
            -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
            transition: 0.5s ease-out;
            overflow: hidden;
        }
        
        .hexagon-in2:hover .element1 {
            /*
            transition: 0.5s ease-out;
            background-position: 50px top;
            */
            transition: 0.4s ease-out;
            /*background-position: 50px top;*/
            /*height: 50px;*/
            margin-top: -80px;
        }
        
        .hexagon-in2:hover .elementSpan {
            /*background-color: #fff;*/
            transition: 0.4s ease-out;
            padding-top: 180px;
        }
        
        .hexagon-in2:hover .bgElement {
            /*background-color: #fff;*/
            background-color: rgba(0, 0, 0, 0.0);
            transition: 0.4s ease-out;
            /*margin-top: 165px;*/
        }
        
        .hexagon1 {
            width: 400px;
            height: 300px;
            /*margin: 0 0 0 -80px;*/
        }
        
        .hexagon2 {
            width: 200px;
            height: 400px;
            margin: -80px 0 0 20px;
        }
        
        .dodecagon {
            width: 200px;
            height: 200px;
            margin: -80px 0 0 20px;
        }
        
        .element1 {
            background-color: rgba(21, 96, 108, 1);
            color: #fff;
            display: block;
            margin-top: 280px;
            width: 400px;
            height: 200px;
            transition: 0.4s ease-out;
        }
        /*
        .element1:hover {
            transition: 0.5s ease-out;
            
            height: 100px;
        }
        */
        
        .elementSpan {
            color: rgb(255, 255, 255);
            font-size: 25px;
            font-weight: bold;
            padding-top: 130px;
            text-align: center;
            transition: all 0.4s ease-out 0s;
            vertical-align: middle;
            width: 100%;
        }
        
        .bgElement {
            background-color: rgba(0, 0, 0, 0.5);
            height: 100%;
        }
        
        
        
        
        



.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}


#AlertDiv {
    /*background-color: black;*/
    color: white;
    height: 50px;
    left: 50%;
    /*margin: 0 0 10px -31px;*/
    /*position: absolute;*/
    text-align: center;
    top: 50%;
    width: 100%;
}

#AlertDiv h5 {
    margin:auto;
    line-height:50px;
    vertical-align:middle;
}


.product_content
{
	display: block;
    font-size: 12px;
    /*margin: 0 0 10px -31px;*/
    /*width: 228px;*/
}



.mwdiv {
    display:flex;
    margin-top:auto;
    margin-bottom:auto;
}

.mwStyle1
{
	font-size: 30px;
    line-height: 84px;
    margin-bottom: 47px;
    text-transform: uppercase;
	margin-top: 0;
	font-family: inherit;
    font-weight: bold;
    color: #fff;
    text-rendering: optimizelegibility;
}

.mwStyle2
{
	text-align: left; 
	color: #fff;
	margin: 20px;
}



.img-valign {
  vertical-align: middle;
  margin-bottom: 0.75em;
}

.text1 {
  font-size: 44px;
}

.text2 {
  color: #fff;
    display: inline-flex;
    font-size: 18px;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
    vertical-align: middle;
}





#prod_header 
{
	background-color: #a8b5be;
	color: #fdfeff;
	padding: 5px;
}

.prod_subheader
{
	background-color: #d6dbdf;
	color: #6c7c86;
	font-weight: bold;
}


.prod_titleColor
{
	color: #9fa4a7;
}




.subcat-ul {
  list-style-type: square; 
  font-size: 250%; 
  line-height: 0;
  margin: 0;
  color: #5490b5;
	list-style-image: url("../../../../images/template/li-bullet.png");
  }

.subcat-ul span
{
	color: #5b6368;
}  
  
  
.subcat-subul {
  list-style-type: square; 
  font-size: 70%; 
  line-height: 0;
  list-style-image: url("../../../../images/template/li_hex.png");
  }
  
.subcut-li span {
  font-size: 40%; 
  vertical-align: middle;
  }
  
  
  
.pp_a
{
	color: #25bad0;
    display: block;
    font-size: 15px;
    padding: 6px 60px 6px 41px;
    position: relative;
    transition: all 0.5s ease 0s;
}

.pp_a:hover
{
	color:#ffffff;
}



.mainTitleGlow {
  color: #fff;
  /*text-shadow: 0 0 10px white;*/
	text-shadow: 0 0 4px black;
}



.pcHex{
	background-image: url("../../../../images/template/hex70.png");
background-repeat: no-repeat;
}