.intro { background: #364797; background: linear-gradient(to right,  #364891 0%,#364891 35%,#364891 40%,#3a4d98 35%,#3a4d98 100%); clear: both; width: 100%; }
.intro .col { background: url("../images/tcy_pr_bg.jpg") no-repeat 33% top / contain; padding: 8% 15px; }
.intro h2, .intro p { color: #fff; }
.intro p:last-child { margin-bottom:0; }

.fullcase { background: url("../images/tcy_flc_bg.jpg") no-repeat center top / cover; clear: both; padding: 7% 0px; width: 100%; }

.product { float: left; clear: both; padding: 9% 0px; width: 100%; }
.product .row { display: block; }
.product .col { max-width: 50%; }
/* .product .col:first-child { float: left; } */
/* .product .col:last-child { position: absolute; right: 0; width: 45%; } */
/* .product:nth-child(odd) .col:first-child { float: right; } */
/* .product:nth-child(odd) .col:last-child { position: absolute; left: 0; width: 45%; } */

.product h3 { font-size:20px; font-weight:300; }

.retrofit { background: url("../images/tcy_ret_bx.jpg") no-repeat right top / contain #e8eaf3; clear: both; padding: 7% 0px; width: 100%; }

.products-reverse {margin-bottom: 5px;float: left;width: 100%;}
/* .products-reverse > section:nth-of-type(even) .col:first-child { float: right; } */
/* .products-reverse > section:nth-of-type(even) .col:last-child { position: absolute; left: 0; width: 45%; } */
/* .products-reverse > section:nth-of-type(odd) .col:first-child { float: left; } */
/* .products-reverse > section:nth-of-type(odd) .col:last-child { position: absolute; right: 0; left: unset; width: 45%; } */

.products-reverse > section:nth-of-type(even) .col:last-child { position: absolute; right: 0; width: 45%; }
.products-reverse > section:nth-of-type(even) .col:first-child { float:left; }
.products-reverse > section:nth-of-type(odd) .col:last-child { position: absolute; left: 0; width: 45%; }
.products-reverse > section:nth-of-type(odd) .col:first-child { float:right; }

.products-reverse > section:nth-of-type(odd) .col:first-child p, .products-reverse > section:nth-of-type(odd) .col:first-child h2 { color:white; }


.products > section:nth-of-type(odd) .col:last-child { position: absolute; right: 0; width: 45%; }
.products > section:nth-of-type(odd) .col:first-child { float:left; z-index:9; }
.products > section:nth-of-type(even) .col:last-child { position: absolute; left: 0; width: 45%; }
.products > section:nth-of-type(even) .col:first-child { float:right; z-index:9; }

.products > section:nth-of-type(even) .col:first-child p, .products > section:nth-of-type(even) .col:first-child h2 { color:white; }

footer {clear: both;}

.product .btn-inform { margin-top:42px; }

/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	.intro { padding: 57px 0px 0px; }
	.product .col { max-width: 100%; }
	.products > section:nth-of-type(odd) .col:last-child {position: relative;width: 100%;}
	.product .col:first-child, .product .col:last-child { float: none; position: relative; margin: 15px 0px; width: 100%;  }
	.products > section:nth-of-type(even) .col:first-child, .products > section:nth-of-type(even) .col:last-child { position: relative; margin: 15px 0px; width: 100%; }
	.retrofit { background-image: none; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.intro { padding: 57px 0px 0px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

}