hgroup.header {position: relative; z-index: 100; padding: 100px 15px 75px;}
hgroup.header h1, hgroup.header h3 {text-align: center; color: #c0944a; text-transform: uppercase;}
hgroup.header h1 {font-family: fontAlgness, serif; font-size: 3rem; line-height: 1;}
hgroup.header h3 {text-transform: uppercase; font-weight: lighter; font-size: 1.2rem; color: #1d1d1b}
.odd, .pair, .results.first {padding-bottom: 65px;}
.results.first, .results.odd, .results.pair {padding-top: 30px;}
.results.first h5 {margin-bottom: 1.10rem;}
.odd .banner, .pair .banner {position: absolute; top: 0; left: 0; height: 100%; padding: 0;}
/*.odd .banner, .pair .banner {height:100%; min-height:550px;}*/
.titlesZone {padding: 100px;}
.odd .titlesZone {background-color: #e7dfdc;}
.pair .titlesZone {background-color: #e7dfdc;}
.pair .contentZone, .pair {background-color: #bdaea8;}
.pair p, .pair .handle::after {color: #ece9e9;}
.pair .handle {background-color: #ece9e9;}
.results.pair p {color: #1d1d1b;}
.results.pair .handle::after {color: #1d1d1b;}
.results.pair .handle {background-color: #1d1d1b;}
.results.pair {background-color: #ece9e9;}
.odd .titlesZone h1, .odd .titlesZone h2, .odd .titlesZone h3, .pair .titlesZone h1, .pair .titlesZone h2, .pair .titlesZone h3 {text-align: center;}
.odd .titlesZone h1, .pair .titlesZone h1 {font-family: "Avenir Light", sans-serif; text-transform: uppercase; font-size: 3rem; line-height: 1.1; letter-spacing: 3px; margin: 0;}
.odd .titlesZone h1 b, .pair .titlesZone h1 b {font-family: "Avenir Black", sans-serif; font-weight: 800;}
.odd .titlesZone h2, .pair .titlesZone h2 {font-family: fontAlgness, serif; font-size: 2.5rem; line-height: 1; text-align: center; margin: 0; color: #dfb256; text-transform: uppercase; margin-top: 25px;}
.odd .titlesZone h3, .pair .titlesZone h3 {font-family: "Avenir Book", sans-serif; font-size: 1rem; line-height: 1.5; margin: 10px 0 0; font-weight: 600; letter-spacing: 2px;}
.odd .titlesZone h1, .odd .titlesZone h3, .odd .comparison h4 {color: #1d1d1b;}
.pair .titlesZone h1, .pair .titlesZone h3 {color: #1d1d1b;}


.pair .comparison h4 {color: #ffffff;}
.odd .titlesZone h2, .pair .titlesZone h2{color: #c0944a;}

.pair .handle:after {
    position: absolute;
    top: 0px;
    width: 70px;
    margin-left: -34px;
    height: 25px;
	content: '';
	background: transparent url(../img/arrow-white.png) no-repeat center center;
	background-size: 100% auto;
	transition: all 0.3s ease;
}

.odd p, .pair p {line-height: 25px;}
.titleZone {text-align: center;}
.titleZone h2, .results.pair .titleZone h2 {
	display: inline-block;
	font-family: "Avenir Black", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1rem;
	border: 1px solid #1d1d1b;
	color: #1d1d1b;
	padding: 8px 12px 7px;
	letter-spacing: 3px;
	margin: 25px 0;
}
.pair .titleZone h2 {border: 1px solid #ece9e9; color: #ece9e9;}
.comparison h4 {text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size: 1.2rem; margin: 30px 0;}
.blockBeforeAfter {margin-bottom: 25px;}
.ba-slider {height: 310px;}
@media (min-width: 1px) and (max-width: 575px) { /* XS */
	hgroup.header {padding: 50px 5px 40px;}
	hgroup.header h1 {font-size: 2rem; margin-top: 45px;}
	hgroup.header h3 {font-size: 0.85rem;}
	/*.odd .banner, .pair .banner {min-height: 250px;}*/
	.titlesZone {padding: 35px;}
	.odd .titlesZone h1, .pair .titlesZone h1 {font-size: 1.5rem;}
	.odd .titlesZone h2, .pair .titlesZone h2 {font-size: 1.35rem;}
	.odd .titlesZone h3, .pair .titlesZone h3 {font-size: 0.75rem;}
	.blockBeforeAfter {margin-bottom: 35px;}
	.ba-slider {height: auto;}
}
@media (min-width: 576px) and (max-width: 767px) { /* SM */
	hgroup.header {padding: 50px 5px 40px;}
	hgroup.header h1 {font-size: 2.5rem; margin-top: 35px;}
	hgroup.header h3 {font-size: 0.95rem;}
	/*.odd .banner, .pair .banner {min-height: 350px;}*/
	.titlesZone {padding: 55px;}
	.odd .titlesZone h1, .pair .titlesZone h1 {font-size: 2rem;}
	.odd .titlesZone h2, .pair .titlesZone h2 {font-size: 1.5rem;}
	.odd .titlesZone h3, .pair .titlesZone h3 {font-size: 0.85rem;}
	.blockBeforeAfter {margin-bottom: 35px;}
	.ba-slider {height: 294px;}
}
@media (min-width: 768px) and (max-width: 991px) { /* MD */
	hgroup.header {padding: 50px 5px 40px;}
	hgroup.header h1 {font-size: 2.75rem; margin-top: 25px;}
	hgroup.header h3 {font-size: 1.05rem;}
	/*.odd .banner, .pair .banner {min-height: 450px;}*/
	.titlesZone {padding: 75px;}
	.odd .titlesZone h1, .pair .titlesZone h1 {font-size: 2.5rem;}
	.odd .titlesZone h2, .pair .titlesZone h2 {font-size: 2rem;}
	.odd .titlesZone h3, .pair .titlesZone h3 {font-size: 0.95rem;}
	.blockBeforeAfter {margin-bottom: 25px;}
	.ba-slider {height: 295px;}
}
@media (min-width: 992px) and (max-width: 1199px) { /* LG */
	.ba-slider {height: 310px;}
}
 @keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

.contentImg .banner2 {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 4s;
animation-direction: alternate;
}