.hex {
    margin: 20px auto 0 auto;
    width: 880px;
    height: auto;
}
.hex-grid-top {
    display: inline-block;
    margin: 0 110px -210px 110px;
}
.hex-grid-top .hexagon {
    float: left;
    margin: 0px 10px;
}
.hexagon-scale {
    width: 200px;
    height: 400px;
}

element.style {
}
.hex-grid-top .hexagon {
    float: left;
    margin: 0px 10px;
}
.hexagon-scale {
    width: 200px;
    height: 400px;
}
.hexagon {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hexagon-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.hexagon-in2 {
    width: 100%;
    height: 100%;
    visibility: visible;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    background: #FBFBFB;
}
.hexagon-in2 div {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hexagon-in2 div a {
    display: block;
}
.hexagon-in2 div a img {
    display: block;
    width: 100%;
}
.hex-grid-mid {
    display: inline-block;
    margin: 0 auto -210px auto;
}
.hex-grid-mid .hexagon {
    float: left;
    margin: 0px 10px;
}
.hexagon-in2 {
    width: 100%;
    height: 100%;
    visibility: visible;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    background: #ececec;
}
.cyanBlock {
    background: #d8281b;
}
.hex-grid-bot {
    display: inline-block;
    margin: 0 110px;
}
.hex-grid-bot .hexagon {
    float: left;
    margin: 0px 10px;
}
.hexagon:hover {
    -webkit-transform: rotate(120deg) scale(1.1);
    transform: rotate(120deg) scale(1.1);
}



@media screen and (max-width: 580px)
{
.compRoofContainer {
    padding: 35px 0 40px 0;
}
}

@media screen and (max-width: 768px)
{
.hex {
    width: 560px;
    margin-top: -40px;
}
}

@media screen and (max-width: 900px)
{
.hex {
    width: 730px;
}
}

@media screen and (max-width: 900px)
{
.hex-grid-top {
    display: table;
    margin: 0 auto -160px auto;
}
}


@media screen and (max-width: 900px)
{
.hexagon-scale {
    width: 150px;
    height: 300px;
}

}

@media screen and (max-width: 1100px)
{
.fixedMenu .fixCenterAlign, .centerAlign {
    margin: 0 auto;
    width: 92%;
}
}
@media screen and (max-width: 1100px)
{
.fixedMenu .fixCenterAlign, .centerAlign {
    margin: 0 auto;
    width: 92%;
}
}
@media screen and (max-width: 580px)
{
.hex {
    width: 280px;
    margin-top: -60px;
}
}
@media screen and (max-width: 900px)
.hex-grid-mid {
    display: table;
    margin: 0 auto -160px auto;
}

@media screen and (max-width: 768px)
{
.hex-grid-mid, .hex-grid-top {
    margin: 2px auto -173px auto;
}
}
@media screen and (max-width: 768px)
{
.hexagon-scale {
    width: 130px;
    height: 300px;
    margin: 0px 5px !important;
}
}

@media screen and (max-width: 580px)
{
.hexagon-scale {
    width: 65px;
    height: 240px;
    margin: 0px 2px !important;
}
.txtBlock { font-size:10px; }
.txtBlock strong { font-size: 17px !important;}
}
.txtBlock strong { font-size: 35px;}
@media screen and (max-width: 900px)
{
.hex-grid-bot {
    display: table;
    margin: 0 auto;
}
}
@media screen and (max-width: 768px)
{
	.hex-grid-bot {
    margin-bottom: -50px;
}
}
.add{margin-top:-80px !important;}


@media screen and (max-width: 1000px)
{
	.add{margin-top:0px !important;}
	
.half-section.half-section-fullwidth {
    margin-top: 285px !important;
}
.chair{padding-right:0!important; }
.add1{float:none !important;}

}
.chair{ padding-right:100px }


.add1{float:right;}