h2  {
     font-size: 1.1em;
     font-weight: normal;
     line-height: 24px;
     display: block;
    margin-top: 10px;
    margin-bottom: 10px;
 	}
h4  {
	color: #fff;
    font-size: 15px;
     font-weight: normal;
     margin: 30px;
 	}
.images img {
  width: auto\9;
  height: 182px;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}



.container  {
     max-width: 1024px;
     position: relative;
     margin: 0 auto;
     margin-top: 20px;
     margin-bottom: 0px;
}

.one-full  {
     width: 940px;
     margin: 10px;
     float: left;
 }

.one-half  {
    width: 460px;
     min-height: 470px;
     margin: 10px;
     float: left;
 }

.two-third  {
     width: 620px;
     min-height: 402px;
     margin: 10px;
     float: left;
 }
.one-third  {
max-width: 204px;
min-height: 402px;
float: left;
border-right: solid 1px #fff;
 }

 /*Common Spacing inside blocks*/
.pad{
    padding: 30px;
}
.pad-top-minus{
    padding-top: 0px;
}
.pad-bottom-minus{
    padding-bottom: 0px;
}
.element{
    overflow: hidden !important;
 }
.element .one-third  {
    width: 205px;
     height: 402px;
     margin: 0;
     float: left;
 }


.element .one-third.contact  {
    width: 205px;
     height: 402px;
     margin: 0;
     float: left;
 }


.element .two-third  {
    width: 640px;
     height: 402px;
     margin: 0;
 }

.two-third.post  {
    height: auto;
 }

.pad-top-minus{
	color:#FFF;
	}

.content-bottom  {
    background: #fff;
     position: relative;
     height: 332px;
	 margin-top: -40px !important;
     -webkit-transition:  all 0.3s ease 0s;
     -moz-transition:  all 0.3s ease 0s;
     -o-transition:  all 0.3s ease 0s;
     transition:  all 0.3s ease 0s;
    overflow: hidden !important;
	
 }
 .content-bottom-alt  {
     height: 182px;
 }
.boxarrow{ background:url(../images/box-arrow.png) no-repeat;}
.post .content-bottom  {
    height: auto;
     padding-bottom: 40px;
 }
.content-bottom  h2{
    margin-top: 10px ;
    margin-bottom: 10px;
 }
.bottom  {
    position: absolute;
     bottom: 0px;
     padding-bottom: 36px;
 }

.break  {
     height: 20px;
     position: relative;
 }

.images  {
     display: block;
     position: relative;
 }


ul.list  {
     position: absolute;
     padding: 0 20px 16px 20px;
     bottom: 0 }
ul.list li  {
     line-height: 1.5;
     font-size: 22px;
     font-weight: 300;
     letter-spacing: -1px;
     width: auto;
     padding-left: 28px;
 }

.overflow  {
    overflow: hidden;
 }


/*Color Swatches*/
.reveal-color-one{
	color: #e74c3c !important;
}
.reveal-color-two{
	color: #3498db !important;
}
.reveal-color-three{
	color: #2ecc71 !important;
}
.reveal-color-four{
	color: #8e44ad !important;
}
.reveal-bg-one{
	background:#dd5738 url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.reveal-bg-two{
	background: #8cc600 url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.reveal-bg-three{
	background: #f79b2c url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.reveal-bg-four{
	background: #187fc3 url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.reveal-bg-five{
	background: #68652e url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.reveal-bg-six{
	background: #619080 url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.reveal-bg-seven{
	background: #E671B5 url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.reveal-bg-eight{
	background: #E56C19 url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.reveal-bg-nine{
	background: #34495e url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.reveal-bg-ten{
	background: #83BA1F url(../images/twi-logo-bg.png) no-repeat 7.0em -2.0em;
}
.text-white{
	color: #aaa;
}

.btn-reveal{
	color: #fff !important;
	background: transparent;
	padding: 20px 30px;
	border:solid 2px #fff;
	border-radius: 0px;
	box-shadow: none;
	text-shadow:none;
font-size: 16px;
}
.btn-reveal::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.btn-reveal:hover{
	color: #000 !important;
	background: #fff;
}
.btn-reveal-trans{
	color: #fff !important;
	background: transparent !important;
	padding: 20px 30px;
	border:solid 2px #fff !important;
	border-radius: 0px;
	box-shadow: none;
	text-shadow:none;
font-size: 16px;
}
.btn-reveal-trans::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.btn-reveal-trans:hover{
	color: #fff !important;
	background: #0a0a0a !important;
	border:solid 2px #0a0a0a !important;
}
.btn-reveal-alt{
	color: #000 !important;
	background: #fff;
	padding: 20px 30px;
	border:none;
	border-radius: 0px;
	box-shadow: none;
	text-shadow:none;
font-size: 16px;
}
.btn-reveal-alt::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}
.btn-reveal-alt:hover{
	color: #fff !important;
	background: #000;
}

.fx-slide-up{
    -webkit-transition:  all 0.2s ease 0s;
     -moz-transition:  all 0.2s ease 0s;
     -o-transition:  all 0.2s ease 0s;
     transition:  all 0.2s ease 0s;
	  height: 372px;
}

.fx-slide-up:hover > .content-bottom{
    height: 332px;
    -moz-transform: translateY(-145px);
        -webkit-transform: translateY(-145px);
        -o-transform: translateY(-145px);
        -ms-transform: translateY(-145px);
        transform: translateY(-145px);
    -webkit-transition:  all 0.2s ease 0s;
     -moz-transition:  all 0.2s ease 0s;
     -o-transition:  all 0.2s ease 0s;
     transition:  all 0.2s ease 0s;
	 cursor:pointer;
}

.fx-slide-up:hover >  a .content-bottom{
    height: 332px;
    -moz-transform: translateY(-145px);
        -webkit-transform: translateY(-145px);
        -o-transform: translateY(-145px);
        -ms-transform: translateY(-145px);
        transform: translateY(-145px);
    -webkit-transition:  all 0.2s ease 0s;
     -moz-transition:  all 0.2s ease 0s;
     -o-transition:  all 0.2s ease 0s;
     transition:  all 0.2s ease 0s;
}


.fx-slide-out{
    -webkit-transition:  all 0.7s ease 0s;
     -moz-transition:  all 0.7s ease 0s;
     -o-transition:  all 0.7s ease 0s;
     transition:  all 0.7s ease 0s;
}
.fx-slide-out:hover > .inner-panel{
    top: -200px;
    -webkit-transition:  all 0.7s ease 0s;
     -moz-transition:  all 0.7s ease 0s;
     -o-transition:  all 0.7s ease 0s;
     transition:  all 0.7s ease 0s;
}

.fx-slide-out:hover > a .inner-panel{
    top: -200px;
    -webkit-transition:  all 0.7s ease 0s;
     -moz-transition:  all 0.7s ease 0s;
     -o-transition:  all 0.7s ease 0s;
     transition:  all 0.7s ease 0s;
}


.fx-fade-out{
    opacity: 1;
    -webkit-transition:  all 0.7s ease 0s;
     -moz-transition:  all 0.7s ease 0s;
     -o-transition:  all 0.7s ease 0s;
     transition:  all 0.7s ease 0s;
}

.fx-fade-out:hover > a .inner-panel{
    opacity: 0;
    -webkit-transition:  all 0.7s ease 0s;
     -moz-transition:  all 0.7s ease 0s;
     -o-transition:  all 0.7s ease 0s;
     transition:  all 0.7s ease 0s;
}

.fx-fade-out:hover > .inner-panel{
    opacity: 0;
    -webkit-transition:  all 0.7s ease 0s;
     -moz-transition:  all 0.7s ease 0s;
     -o-transition:  all 0.7s ease 0s;
     transition:  all 0.7s ease 0s;
}


@media (min-width: 481px) and (max-width: 768px) {
.one-third{width:147px;}
}
@media (min-width: 321px) and (max-width: 480px) {
.one-third{width:89px;}	
}
@media (max-width: 320px) {
.one-third{width:54px;}
}