﻿h1,h4,p{padding:0;margin:0;text-transform: none;}
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; clear:both;}
.rows{width:100%;margin:0;position:relative;padding:0;box-sizing:border-box;}

/*.rows .col input.clickableInput,.rows .col a.clickableInput{text-decoration:none;display:inline-block;width:auto;color: #fff;
background-color: #78a025;border:1px solid #688b20;padding: 4px 25px;border-radius:4px;font-size:20px;line-height:1.4;}*/
/*.rows .col input.clickableInput:hover,.rows .col a.clickableInput:hover{
 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 255, 0, 0.67);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 255, 0, 0.67);
box-shadow:         0px 0px 30px 0px rgba(0, 255, 0, 0.67);
background-color: #59771b;border-color: #435a15;}*/
/*.rows .col input.clickableInput i:after ,.rows .col a.clickableInput i{padding-left:10px;}
.rows .col input.clickableInput i:after ,.rows .col a.clickableInput i:after {content: " ";display: inline-block;width: 8px;height: 15px;
    background: url(sprite.png);background-position: -7px -231px;
    -webkit-transition: all 0.5s ease-in-out;                  
    -moz-transition: all 0.5s ease-in-out;                 
    -o-transition: all 0.5s ease-in-out;   
    -ms-transition: all 0.5s ease-in-out;          
    transition: all 0.5s ease-in-out;}
.rows .col input.clickableInput:hover i:after ,.rows .col a.clickableInput:hover i:after{background-position: -7px -161px;}*/
.rows h1, .rows h2, .rows h3, .rows h4, .rows h5 {margin:0;padding-top:0;}
.rows h1{color:#78a025;text-align:left;/*padding-bottom:20px;*/ font-size:40px; font-family:'Roboto Condensed',"Arial Narrow",Arial,sans-serif;}
.rows h2{text-align:left; /*padding-bottom:10px;*/font-size:40px; font-family:'Roboto Condensed',"Arial Narrow",Arial,sans-serif;}
.rows h3{color:white; text-align:left; /*padding-bottom:10px;*/font-size:25px; font-family:'Roboto Condensed',"Arial Narrow",Arial,sans-serif;}
.rows h4{color:white;text-align:left;/*padding-bottom:15px;*/font-size:20px; font-family:'Roboto Condensed',"Arial Narrow",Arial,sans-serif;}
.rows p{color:white;text-align:left;padding-bottom:10px;line-height:1.5 !important}
.col{width:25%; color:#000;/*padding:10px;min-height:150px;*/text-align:left;height:200px;float:left; font-size:14px; /*border:1px solid #ccc;background-color:red;*/box-sizing:border-box;}
.col-21{width:25%;/*min-height:400px;*/float:left;/*border:1px solid #ccc;box-sizing:border-box;background-color:blue;*/}
.col-22{width:50%;/*min-height:400px;*/float:left;/*border:1px solid #ccc;box-sizing:border-box;background-color:green;*/}
.col-23{width:75%;/*min-height:400px;*/float:left;/*border:1px solid #ccc;box-sizing:border-box;background-color:yellow;*/}
.col-24{width:100%;/*min-height:400px;*/float:left;/*border:1px solid #ccc;box-sizing:border-box;background-color:black;*/}
.col-12{width:50%;/*min-height:400px;*/float:left;/*border:1px solid #ccc;box-sizing:border-box;background-color:#666;*/}
.col-13{width:75%;/*min-height:400px;*/float:left;/*border:1px solid #ccc;box-sizing:border-box;background-color:#aaa;*/}
.col-14{width:100%;/*min-height:400px;*/float:left;/*border:1px solid #ccc;box-sizing:border-box;background-color:#fff;*/}
.col{height:auto;}
.col .overlay{width:100%;height:100%;box-sizing:border-box;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;}
.widthTiles {width:96%;margin:0 auto;clear:both;}
.rows .col a.clickableInput.right{float:right;}
.rows .col a.clickableInput.left{float:left;margin-left:-2px !important}
.rows .col a.clickableInput.center{float:none;}.rows.group .left {float:left;/*margin-left:-2px !important*/position:relative;left:5px;bottom:5px;margin:0;}
.rows.group .center {float:none;position:relative;bottom:5px;margin:0;}
.rows.group .right {float:right;position:relative;right:5px;bottom:5px;margin:0;}
.rows.group .hoverOver {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;}
.rows.group .col.clickable .hoverOver:hover{background-color:rgba(51,51,51,0.5);}
.clickable:hover{ cursor:pointer;}
.rows.group .hoverEffect {position:relative;
    display: block;
    width: 100%;
    height: 100%;
    border:2px solid transparent;
    padding:10px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.rows.group .col.clickable .hoverEffect:hover {border:2px #fff solid;border-radius:5px;}



@media screen and (max-width:767px){
    .rows.group{background-image:none!important;}
	.col{width:100%;height:auto;min-height:inherit;}
    .col .overlay {min-height:170px;}
    .col-21{width:100%;height:auto;}
    .col-22{width:100%;height:auto;}
    .col-23{width:100%;height:auto;}
    .col-24{width:100%;height:auto;}
    .col-12{width:100%;height:auto;}
    .col-13{width:100%;height:auto;}
    .col-14 {width: 100%;height: auto;}
    .outerVideodiv {display:none;}
       
    }
