/*---------------------------- Start TT - CMS Bottom Banner block ----------------------------*/
#ttcmsbottombanner{
  float: left;
  margin: 0 0 15px;
  width: 100%;
  text-align: center;
}
#ttcmsbottombanner .ttbottombannerblock {
  float: none;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 {
  padding: 0;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner .ttbottombanner-img a {
  display: block;
  overflow: hidden;
  position: relative;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner .ttbottombanner-img .ttbottombanner-desc{
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2.ttbottombanner {
	margin-bottom: 20px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner .ttbottombanner-img a:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+*/
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  /* Firefox 3.6 - 15 */
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  /* Opera 11.1 - 12 */
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc .title,
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc .subtitle{
color:#fff;
}
.ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc .title,
.ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc .subtitle{
color:#222;
}
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .title{
font:400 14px/16px "Roboto", Helvetica, sans-serif;
text-transform:uppercase;
margin:0 0 10px;
}
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .subtitle{
font:600 26px/28px "Dosis", Helvetica, sans-serif;
text-transform:uppercase;
margin:0 0 18px;
}
.ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc .subtitle{
color:#fff;
}
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc button{
background:#fad12f;
color:#222;
padding:10px 25px;
}
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc button::after,
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc button:hover{
background:#222;
color:#fff;

}
.ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc button,
.ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc button::after,
.ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc button:hover,
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc button::after,
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc button:hover,
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc button{
border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
}
.ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc button{
background:#222;
color:#fff;
padding:10px 25px;
}
.ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc button:hover,
.ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc button::after{
background:#2b5595;
color:#fff;
}

#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner-img .ttbottombanner-desc{
text-align:left;
left:30px;
right:auto;
max-height: 112px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc{
left:35px;
max-height:138px;
}
.ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc .subtitle{
margin:0 0 15px;
}
.ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc .title{
background: #2d5797;
    display: inline-block;
    float: none;
    vertical-align: top;
    color: #fff;
    padding: 7px 27px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc{
right:60px;
max-height:75px;
}
@media (max-width: 1366px) {
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .subtitle{
font-size:24px;
}
}
@media (max-width: 1200px) {
  #ttcmsbottombanner .ttbottombannerblock .ttbottombanner .ttbottombanner-img a img {
    max-width: 100%;
  }
}
@media (max-width: 1199px) {
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .subtitle {
    font-size: 18px;
    line-height: 22px;
	margin:0 0 14px;
}
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc button,
.ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc button{
padding:6px 15px;
font-size:12px;
}
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .title{
font-size:12px;
line-height:14px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner-img .ttbottombanner-desc{
max-height: 92px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc {
    max-height: 115px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc {
    max-height: 70px;
}
}
@media (max-width: 600px) {
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner-img .ttbottombanner-desc{
padding:0;
max-height: 80px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc{
max-height: 105px;
}
.ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc .title{
padding: 7px 20px;
}
.ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc .subtitle {
    margin: 0 0 10px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc {
    max-height: 60px;
}
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .subtitle {
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 8px;
}
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .title{
font-size:10px;
line-height:12px;
margin:0 0 4px;
}
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc button, .ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc button {
    padding: 4px 10px;
    font-size: 10px;
}
}
@media (max-width: 543px) {
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .subtitle {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 5px;
}
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .title {
    font-size: 8px;
    line-height: 10px;
    margin: 0 0 4px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc {
    max-height: 50px;
    width: 90px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner-img .ttbottombanner-desc {
    padding: 0;
    max-height: 33px;
}
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .title{
	display:none;
}
.ttbottombanner21 .ttbottombanner-img .ttbottombanner-desc button, .ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc button{
	padding:5px 14px;
	font-size:11px;
}
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner .ttbottombanner-img a:hover:before {
  -webkit-animation: shine 1.5s;
  animation: shine 1.5s;
}
@media (max-width: 480px) {
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner-img .ttbottombanner-desc{
left:85px;
max-height: 45px;
}
.ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc .title {
    padding: 4px 16px;
	font-size:10px;
}
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .title {
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 8px;
}
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .subtitle {
    font-size: 16px;
    line-height: 24px;
}
.ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc .subtitle {
    margin: 0 0 10px;
    font-size: 14px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner22 .ttbottombanner-img .ttbottombanner-desc {
    max-height: 70px;
    width: 120px;
}
  #ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 {
    width: 100%;
  }
  #ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner21 {
	float: none;
  }
  #ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner22 {
    float: right !important;
  }
  #ttcmsbottombanner .ttbottombannerblock .ttbottombanner2.ttbottombanner {
	margin-bottom: 0;
  }
  #ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner {
	margin: 0 0 10px;
	width: auto;
	max-width: 100%;
  }
  #ttcmsbottombanner .ttbottombannerblock .ttbottombanner1 {
	width: auto;
	margin: 0 0 0px;
	max-width: 100%;
  }
}
@media (max-width: 360px) {
.ttbottombanner .ttbottombanner-img .ttbottombanner-desc .title {
    font-size: 11px;
    line-height: 13px;
    margin: 0 0 8px;	
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner2 .ttbottombanner-img .ttbottombanner-desc {
    left: 40px;
    max-height: 40px;
}
.ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc .title {
    padding: 2px 10px;
    font-size: 8px;
}
.ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc .subtitle {
    margin: 0 0 10px;
    font-size: 11px;
    line-height: 14px;
}
#ttcmsbottombanner .ttbottombannerblock .ttbottombanner.ttbottombanner1 .ttbottombanner-img .ttbottombanner-desc {
    max-height: 40px;
	right:40px;
}
}


#ttcmsbottombanner .ttbottombannerblock .ttbottombanner1 {
  float: left;
  width: 100%;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/*---------------------------- End TT - CMS Bottom Banner block ----------------------------*/