@import url(https://fonts.googleapis.com/css?family=Exo:400,700|Open+Sans&subset=latin,latin-ext);
/*
font-family: 'Exo', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

body {
   background:#FFF;
   color:#000;
   font-family:'Exo', sans-serif;
   font-weight:400;
}

a {
   text-decoration:none;
   color:#000;
}

p {
   font-family:'Open Sans';
   font-weight: 400;
}

h3 {
   font-size: 18px;
   text-transform:uppercase;
   text-align:center;
   padding-top:16px;
   position: relative;
   z-index:100;
}

h3 b, span b, .offerInfo b, .fixedOffer b, .headerMenu b, .mainInfo b, .carName b {
   font-weight:700;
}

.topBar {
   width:100%;
   min-width:1260px;
   height:21px;
   background-color:#00296b;
}

.content {
   width:1254px;
   margin:0 auto;
   margin-top:0px;
}

/* START OF MENU RESPONSIVE */

.navbar-inverse {
	background-color:#FFF;
	min-height:55px;
	border-color:#00296b;
	border-width:0 0 1px 0;
}

.navbar-brand {
	padding:0;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color:#00296b;
}

.navbar-inverse .navbar-toggle  {
	background-color:#fff;
}

.navbar-inverse .navbar-toggle.collapsed  {
	background-color:#fff;
}

.navbar-inverse .navbar-toggle:hover  {
	background-color:#fff;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #fff;
}

.navbar-nav {
	float:right;
}

.navbar-nav li {
	font-size:14px;
	min-height:43px;
	line-height: 17px;
	background:none;
	background-color:#fff;
	align-items:center;
	-webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
    transition: color 400ms;
    cursor: pointer;
	text-align:center;
	padding-top:12px;
	margin-right:25px;
	text-transform:uppercase;
}

.navbar-nav li:nth-child(1), .navbar-nav li:nth-child(5), .navbar-nav li:nth-child(6) {
	padding-top:20px;
	height:35px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	min-height:55px;
    background-color:#fff;
	color:#000;
}

.navbar-inverse .navbar-nav > .active > a:hover {
	color:#00296b;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
}

.navbar-inverse .navbar-nav > li > a:focus {
	color: #000;
}

@media (max-width: 995px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	
	.navbar {
		max-height:55px;
	}
	
	.navbar ul li{
		margin-right:0;
		background-color: rgba(255, 255, 255, 0.97);
	}
	
	.navbar ul li:last-child  {
		height:50px;
	}
	
    .navbar-collapse {
		width:250px;
		position:absolute;
		right:0;
		border:none;
		padding-top:0;
		margin-top:-10px;
	}
}

/* END OF MENU RESPONSIVE */


/* CONTENT WIDHT PAGE */

@media(max-width:1270px) {
	.content {
		width:100%;
	}
}

/* END OF CONTENT WIDTH PAGE */

.main {
   width:100%;
   height:503px;
   float:left;
   margin: 0;
   padding: 0;
   position: relative;
   background:url("../img/bg_big0.png") center;
}

#mainInner {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   top: 0;
   left: 0;
}

.mainInfo {
   position:relative;
   float: right;
   font-size:25px;
   color:#FFF;
   background-color:rgba(0, 0, 0, 0.5);
   padding:18px;
   margin:195px 120px 0 0;
}

.mainInfoInner {
   width:100%;
   height:100%;
}

@media(max-width:1100px){
	.mainInfo {
	   width:520px;
	   font-size:20px;
	   padding:18px;
	   margin:370px auto 0 auto;
	   float:none;
	}
}

@media(max-width:700px){
	.mainInfo {
	   width:350px;
	   font-size:14px;
	   padding:16px;
	   margin:370px auto 0 auto;
	   float:none;
	}
}

.main .logo {
   margin:-6px 0 0 100px;
   float:left;
}

.headerMenu {
   width:100%;
   height:56px;
   position:fixed;
   top:0;
   z-index:101;
   background:#FFF;
   border-bottom:2px solid #00296b;
   text-transform: uppercase;
   font-size: 12px;
}

.headerMenu ul{
   list-style-type:none;
}

.headerMenu ul li {
   float:left;
   padding:20px 15px 0 15px;
   height:34px;
   cursor: pointer;
   -webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
    transition: color 400ms;
    cursor: pointer;
    margin-top: -10px;
}

.headerMenu ul li:hover {
   color:#00296b;
}

.headerMenu .logo {
   width:232px;
   height:54px;
   padding:0;
   background: url("../img/logo_mini.png");
   margin:-10px 95px 0 0;
   cursor: default;
}

.menu ul {
   list-style-type:none;
   float:right;
   margin:-5px 45px 0 0;
   border-right:3px solid #00296b;
}

.menu ul li{
   height:59px;
   float:left;
   text-align:center;
   display:flex;
   align-items:center;
   background-image:url("../img/menu_bg.png");
   -webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
    transition: color 400ms;
}

.menu ul li:hover {
   color:#00296b;
}

.menu ul .padd {
   width:3px;
   max-height:56px !important;
   margin:0;
   padding:0;
   cursor: default;
}

.menu ul li {
   padding:0 16px 0 16px;
   font-size:15px;
   text-transform:uppercase;
   line-height:17px;
   cursor: pointer;
}

.menu ul .first {
   padding-left:30px;
}

.menu ul .last {
   padding-right:30px;
}

.menu ul li b {
   font-weight:700;
}

.clear {
   clear:both;
}

.cars {
   width:100%;
   min-width:1254px;
   height:261px;
   border-top: 1px solid #FFF;
   background-image:url("../img/blue_bg.png");
}

#carsRotator {
   position: relative;
   margin: 0 auto 0 auto;
   top: 0px;
   left: 0px;
   width: 1080px;
   height: 261px;
   visibility: hidden;
}

.rotatorInner {
   cursor: default;
   position: relative;
   top: 0px;
   left: 0px;
   width: 1100px;
   height: 261px;
   overflow: hidden;
}

.rotateLeft, .rotateRight {
   display:block;
   position:absolute;
   width:33px;
   height:56px;
   cursor:pointer;
   overflow:hidden;
   top:0px;
}

.rotateLeft {
   margin-left: -62px;
}

.rotateRight {
   margin-right: -74px;
}

.carsHeader {
   background: url("../img/cars_header.png") top center no-repeat;
   height:50px;
   color:#FFF;
   position:relative;
   top:-22px;
}

.carDesc {
   width:217px;
   height:207px;

}

.carDesc span {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-image: url("../img/car_active.png");
    z-index: -1;
    margin-top:-21px;
}

.carImg {
   height:207px;
   text-align:center;
   margin-top:-18px;
}

.carBot {
   width: 217px;
   height:54px;
   padding:0 15px;
   float:left;
   background-image:url("../img/car_bg.png");
   margin-top:-3px;
}

.carName {
   width:187px;
   height:35px;
   padding-top:0px;
   color:#000e79;
   background-color:#FFF;
   font-size:22px;
   text-transform:uppercase;
   text-align: center;
   margin-top:3px;
}

.carInfo {
   width:187px;
   height:20px;
   padding-top:2px;
   color:#FFF;
   background-color:#1e7410;
   font-size:12px;
   text-transform:uppercase;
   text-align:center;
   margin-top:-4px;
}

@media(max-width:1270px) {
	.cars {
		width:auto;
		min-width:0;
	}
}

.noAvailable {
   background-color: #bc0707;
}

.holoHeader {
   margin-top:10px;
   color:#020d61;
}

.holoHeader span {
   display:block;
   width:29px;
   height:2px;
   background-color:#020d61;
   margin:8px auto 0 auto;
}

.holoLeft {
   width:530px;
   height:420px;
   float:left;
   margin: 40px 0 0 60px;
   background: url("../img/holo_bg.png") center no-repeat;
   text-align: center;
}

.holoLeft img {
   margin:30px 0 0 0;
}

.holoLeft span{
   padding:9px;
   background-color:#00296b;
   color:#FFF;
   text-transform: uppercase;
   position: relative;
   top: 40px;
}

.holoRight {
   float:right;
   margin:100px 170px 0 0;
}

.holoRight p {
   width:425px;
   height:auto;
   padding:70px 15px 20px 40px;
   background-color:#f7f7f7;
   font-size:14px;
   color:#020d61;
   line-height: 19px;
}

.holoRight span{
   padding:9px;
   background-color:#00296b;
   color:#FFF;
   text-transform: uppercase;
   position: relative;
   top:-160px;
   left:-18px;
}

.holoRight a {
   padding:9px 20px 9px 20px;
   background-color:#FFF;
   color:#020d61;
   font-size:13px;
   text-transform: uppercase;
   border:1px solid #020d61;
   position: relative;
   float:right;
   right:10px;
   top:-15px;
}

.imagesArrowLeft {
   width:92px;
   height:26px;
   background:url("../img/arrow_left2.png");
   position:relative;
   float:left;
   cursor:pointer;
   top:-20px;
   right:-110px;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.imagesArrowRight {
   width:92px;
   height:26px;
   background:url("../img/arrow_right2.png");
   position:relative;
   float:right;
   cursor:pointer;
   top:-20px;
   left:-110px;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.imagesArrowRight div{
   width:92px;
   height:26px;
   background:url("../img/arrow_right2.png");
   position:relative;
   float:right;
   cursor:pointer;
   top:-20px;
   left:-110px;
}

.imagesArrowLeft div {
   display:none;
   width: 100%;
   height:100%;
   float:left;
   background:url("../img/arrow_left2act.png");
}

.imagesArrowRight div {
   display:none;
   width: 100%;
   height:100%;
   float:right;
   left:0;
   top:0;
   background:url("../img/arrow_right2act.png");
}

.holo .imagesArrowLeft {
   top:275px;
   left:135px;
   float:left;
   -moz-user-select: none;
}

.holo .imagesArrowRight {
   top:275px;
   left:330px;
   float:left;
   -moz-user-select: none;
}

@media(max-width:1210px) {
	.holoElem {
		margin-top:-40px;
	}
	
	.holoLeft {
		float:none;
		width:auto;
		height:auto;
		padding-bottom:90px;
		margin:0 auto;
		background-position:center 70%;
	}
	
	.holo .imagesArrowLeft {
	   -moz-user-select: none;
	   position:relative;
	   top:220px;
	   left:-128px;
	   margin:0 auto;
	   float:none;
	}

	.holo .imagesArrowRight {
	   -moz-user-select: none;
	   position:relative;
	   top:195px;
	   left:126px;
	   margin:0 auto;
	   float:none;
	}
	
	.imagesArrowLeft {
	   width:88px;
	   height:23px;
	   background:url("../img/arrow_left2.png");
	   position:static;
	   cursor:pointer;
	   margin:0 auto;
	   float:none;
	}

	.imagesArrowRight {
	   width:88px;
	   height:23px;
	   background:url("../img/arrow_right2.png");
	   position:static;
	   cursor:pointer;
	   margin:0 auto;
	   float:none;
	}

	.imagesArrowLeft div {
	   display:none;
	   position:static;
	   float:none;
	   background:url("../img/arrow_left2act.png");
	}

	.imagesArrowRight div {
	   display:none;
	   position:static;
	   float:none;
	   background:url("../img/arrow_right2act.png");
	}
	
	.holoRight {
		width:425px;
		margin: 0 auto;
		float:none;
		margin-bottom:80px;
	}
	
	.holoRight p {
		height: auto;
		padding:20px;
	}
	
	.holoRight span {
		display:none !important;
	}
}

@media(max-width:500px) {
	.holoRight {
		width:300px;
	}
	
	.holoRight p {
		width:300px;
	}
}

.partners {
   width:100%;
   min-width: 1260px;
   padding-top:20px;
   padding-bottom:10px;
   background-color:#ebebeb;
}

.partners img {
   padding-right:5px;
}

.partners img:first-child {
   padding-left:52px;
}

.partnersHeader {
   padding:9px 10px;
   background-color:#00296b;
   color:#FFF;
   text-transform: uppercase;
   position: relative;
   float:left;
   top:-96px;
}

.assistHeader {
   padding:9px 10px;
   background-color:#bc0707;
   color:#FFF;
   text-transform: uppercase;
   position: relative;
   float:right;
   top:-96px;
}

@media(max-width:1270px) {
	.partners {
		min-width:0;
		width:auto;
		height:75px;
		margin-bottom:60px;
	}
	
	.partners img:first-child {
		padding-left:10px;
	}
	
	.partners .content {
		width:auto;
		height:55px;
		overflow:hidden;
	}
	
	.assistHeader {
		float:none;
		position:static;
		top:0;
		padding:9px 0;
		width:auto;
		text-align:center;
    margin-top: 
	}
	
	.partnersHeader {
		position:relative;
		float:left;
		top:14px;
		left:5px;
	}
}

.offerBar {
   width:100%;
   min-width:1260px;
   height:189px;
   background:url("../img/offer_bg.png");
}

.offerBar ul {
   padding-top:7px;
   padding-left:245px;
}

.offerBar ul li {
   width:199px;
   height:182px;
   margin-right:90px;
   float:left;
   list-style-type:none;
   cursor:pointer;
   -moz-user-select: none;
}

.offerBar ul li.tab2 {
   margin-right:82px;
   
}

.offerBar ul li.tab3 {
   margin-right:82px;
   margin-top: 0px;
   
}


.offerBar .tab1 {
   background:url("../img/tab1.png") no-repeat;
}

.offerBar .tab1.active {
   background:url("../img/tab1act.png") no-repeat;

}

.offerBar .tab2 {

   background:url("../img/tab2.png") no-repeat;

}

.offerBar .tab2.active {
   background:url("../img/tab2act.png") no-repeat;

}

.offerBar .tab3 {
	margin-top:-5px;
   background:url("../img/tab3.png") no-repeat;
   
}

.offerBar .tab3.active {
   background:url("../img/tab3act.png") no-repeat;
   
}

.offerBar ul li span {
   position:relative;
   top:97px;
   padding:0 2px 8px 2px;
   font-size:23px;
   color:#FFF;
   text-align:center;
   text-transform: uppercase;
   border-bottom:2px solid #00296b;
    transition: border-color 0.2s linear;
}

.offerBar ul li.tab1 span {
   left:30px;
}

.offerBar ul li.tab2 span {
   left:44px;
}

.offerBar ul li.tab3 span {
   left:10px;
}

.offerBar ul li.active span, .offerBar ul li:hover span  {
   border-color:#FFF;
}

.offer {
   width:1260px;
   height:215px;
   color:#FFF;
}

.tab1Info {
   height:100%;
   width:100%;
   float:left;
   background:url("../img/tab1bg.png")
}

.tab2Info {
   height:100%;
   width:100%;
   float:left;
   background:url("../img/tab2bg.png")
}

.tab3Info {
   height:100%;
   width:100%;
   float:left;
   background:url("../img/tab3bg.png")
}

.tab2Info, .tab3Info {
   display:none;
}

.offer > div.active {
   display:block;
}

.offerInfo {
   margin:26px 60px 0 105px;
   background-color:rgba(0, 0, 0, 0.5);
}

.offerInfo img.offerImg {
   float:left;
   margin-right:26px;
}

.offerInfo ul {
   height:158px;
   padding-top:12px;
   font-size:18px;
   text-transform: uppercase;
   list-style-type:none;
}

.offerInfo ul li{
   margin-bottom: 12px;
}

.offerInfo ul li img {
   position:absolute;
   margin-top:-16px;
}

.fixedOffer {
   position:relative;
   top:-180px;
   left:-85px;
   float:right;
   text-align: right;
   color:#FFF;
   font-size:12px;
   text-transform: uppercase;
   line-height: 17px;
   list-style-type:none;
}

.fixedOffer ul li {
	list-style-type: none;
}

.fixedOffer h5 {
   font-size:14px;
   line-height: 30px;
}

.fixedOffer div{
   padding:9px;
   background-color:#00296b;
   color:#FFF;
   text-transform: uppercase;
   position: relative;
   top: 15px;
   left:45px;
   text-align:center;
}

@media(max-width:1270px) {
	.innerShow2 {
		text-align:center;
	}
	
	.innerShow2 a img {
		padding-bottom:10px;
	}
	
	.offerBar {
		min-width:0;
	}
	
	.offerBar ul {
		margin:0 auto;
		padding-left:0;
		float:none;
		width:597px;
	}
	
	.offerBar ul li {
		margin-right:0;
		margin-left:0;
		margin-top:0 !important;
	}
	
	.offerBar ul li.tab2{
		margin-right:0;
	}
	
	.offer {
		width:auto;
		height:auto;
	}
	
	.offer div {
		background-position:center;
	}
	
	.offerImgWrapper {
		margin:0 auto;
		text-align:center;
	}
	
	img.offerImg {
		float:none;
		margin:16px auto 0 auto;
		position:relative;
		left:150px;
	}
	
	.fixedOffer {
		position:static;
		top:0;
		left:0;
		float:none;
		text-align:center;
		margin: 26px 0 70px -20px;
		background-color: rgba(0, 0, 0, 0.5);
	}
	
	.fixedOffer ul {
		margin-left:-40px;
	}
	
	.fixedOffer div {
		top:20px;
		left:0;
		width:300px;
		margin:0 auto;
	}
	
	.fixedOffer ul li {
		list-style-type:none;
	}
	
	.offerInfo {
		margin:-40px 0 0 0;
		width:auto;
	}
	
	.offerInfo ul {
		height:auto;
		padding-bottom:10px;
		padding-top:25px;
		margin:0 auto;
		width:490px;
	}
	
	.offerInfo ul li {
		list-style-type:none;
	}
}

.imagesHeader {
   margin-top:0;
   margin-bottom:40px;
   color:#020d61;
}

.imagesHeader span {
   display:block;
   width:29px;
   height:2px;
   background-color:#020d61;
   margin:8px auto 0 auto;
}

.imagesShow {
   padding:80px 0 0 200px;
   background:url("../img/imgs_bg.png") no-repeat center bottom;
   min-height:160px;

}

.innerShow {
   overflow: hidden;
   height:130px;
   width:865px;
   margin-top:-70px;
}

.innerShow2 {
   width:3600px;
}

.imagesShow img {
   padding-right: 10px;
}

@media(max-width:1270px) {
	.innerShow {
		overflow: visible;
		height:auto;
		width:auto;
	}
	
	.imagesShow {
		width:auto;
		padding: 50px 0 0 0;
		background:none;
	}
	
	.innerShow2 {
		width:auto;
	}
}

.footer {
   width:100%;
   min-width: 1260px;
   margin-top:50px;
   background:url("../img/footer_bg.png");
   font-size:11px;
   color:#FFF;
   text-transform: uppercase;
   float:left;
}

.footerHeader {
   top:20px;
   margin-top:0;
   color:#FFF;
}

.footerHeader span {
   display:block;
   width:29px;
   height:2px;
   background-color:#FFF;
   margin:8px auto 0 auto;
}

.contact {
   width:179px;
   height:120px;
   float:left;
   position:static;
   padding:11px 0 0 65px;
   margin-top:10px;
   margin-left:20px;
   background:url("../img/footer_contact.png") no-repeat left bottom;
}

.contact span {
   font-size:14px;
   line-height: 18px;
}

.findUs img {
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}

.findUs img:hover {
   opacity:0.93;
}

.localization {
   width:179px;
   height:105px;
   float:left;
   position:static;
   padding:11px 0 0 65px;
   margin-top:24px;
   margin-left:30px;
   line-height:14px;
   background:url("../img/footer_loc.png") no-repeat left bottom;
}

.findUs {
   margin: 0 10px 0 0;
   float:right;
   text-align:right;
   font-size:9px;
}

@media(max-width:1270px) {
	.footer {
		min-width:0;
	}
}

@media(max-width:700px) {
	.contact {
		float:none;
		margin:20px 0 20px 50px;
	}
	
	.localization {
		margin:0 0 0 47px;
		float:none;
	}
	
	.findUs {
		float:none;
		text-align:center;
		margin:20px auto;
	}
}

.holoElem {
   display:none;
}

.holoElem.active {
   display: block;
}



.block_min {
	display:none;
}

.block_max {
	display:block;
}

@media(max-width:1270px) {
	.block_min {
		display:block;
	}
	
	.block_max {
		display:none;
	}
}


@media(max-width:1270px) {
	.offerBar ul li.tab3{
		margin-right:0;
	}
}



@media(max-width:700px) {

.offerBar {
   width:100%;
   min-width:700px;
   height:111px;
   background:url("../img/offer_bg.png");

}

.offerBar ul {
   padding-top:7px;
   padding-left:0px;

}

.offerBar ul li {
   width:118px;
   height:102px;
   float:center;
   list-style-type:none;
   cursor:pointer;
   -moz-user-select: none;
}

.offerBar ul li.tab2 {





   
}

.offerBar ul li.tab3 {
  
   

   
}


.offerBar .tab1 {
   background:url("../img/tab1_min.png") no-repeat;
   margin-left: 2px;
}

.offerBar .tab1.active {
   background:url("../img/tab1act_min.png") no-repeat;
   margin-left: 2px;
}

.offerBar .tab2 {
   background:url("../img/tab2_min.png") no-repeat;
   margin-left: 1px;
}

.offerBar .tab2.active {
   background:url("../img/tab2act_min.png") no-repeat;
   margin-left: 1px;
}

.offerBar .tab3 {
  margin-top:-5px;
   background:url("../img/tab3_min.png") no-repeat;
   margin-left: 1px;
}

.offerBar .tab3.active {
   background:url("../img/tab3act_min.png") no-repeat;
   margin-left: 1px;
}

.offerBar ul li span {
   position:relative;
   top:52px;
   padding:0 2px 8px 2px;
   font-size:12px;
   color:#FFF;
   text-align:center;
   text-transform: uppercase;
   border-bottom:2px solid #00296b;
   transition: border-color 0.2s linear;
}

.offerBar ul li.tab1 span {
   left:24px;
}

.offerBar ul li.tab2 span {
   left:29px;
}

.offerBar ul li.tab3 span {
   left:10px;
}

.offerBar ul li.active span, .offerBar ul li:hover span  {
   border-color:#FFF;

}

.offer {
   width:700px;
   height:300px;
   color:#FFF;

}

.tab1Info {
   height:100%;
   width:100%;
   float:left;
   background:url("../img/tab1bg1.png")
}

.tab2Info {
   height:100%;
   width:100%;
   float:left;
   background:url("../img/tab2bg1.png")
}

.tab3Info {
   height:100%;
   width:100%;
   float:left;
   background:url("../img/tab3bg1.png")
}

.tab2Info, .tab3Info {
   display:none;
}

.offer > div.active {
   display:block;
}

.offerInfo {
   margin:20px 60px 0 105px;
   background-color:rgba(0, 0, 0, 0.5);
}

.offerInfo img.offerImg {
   float:left;
   margin-right:26px;
}

.offerInfo ul {
   height:140px;
   padding-top:10px;
   font-size:15px;
   text-transform: uppercase;
   list-style-type:none;
    
}

.offerInfo ul li{
   margin-bottom: 12px;

}

.offerInfo ul li img {
   position:absolute;
   margin-top:-16px;
}

.fixedOffer {
   position:relative;
   top:-180px;
   left:-85px;
   float:right;
   text-align: right;
   color:#FFF;
   font-size:12px;
   text-transform: uppercase;
   line-height: 17px;
   list-style-type:none;

}

.fixedOffer ul li {
  list-style-type: none;
}

.fixedOffer h5 {
   font-size:14px;
   line-height: 40px;
}

.fixedOffer div{
   padding:9px;
   background-color:#00296b;
   color:#FFF;
   text-transform: uppercase;
   position: relative;
   top: 50px;
   left:0px;
   text-align:center;

}

  .offerBar {
    min-width:0;
  }
  
  .offerBar ul {
    margin:0 auto;
    padding-left:0;
    float:none;
    width:358px;
  }
  
  .offerBar ul li {
    margin-right:0;
    margin-left:0;
    margin-top:0 !important;
  }
  
  .offerBar ul li.tab2{
    margin-right:0;
  }
  
  .offer {
    width:auto;
    height:auto;
  }
  
  .offer div {
    background-position:center;
  }
  
  .offerImgWrapper {
    margin:0 auto;
    text-align:center;
  }
  
  img.offerImg {
    width: 200px;
    height:100px;
    float:none;
    margin:16px auto 0 auto;
    position:relative;
    left:60px;
  }
  
  .fixedOffer {
    position:static;
    top:0;
    left:0;
    float:none;
    text-align:center;
    margin: 26px 0 70px -20px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .fixedOffer ul {
    margin-left:-40px;
  }
  
  .fixedOffer div {
    top:20px;
    left:0;
    width:auto;
    margin:0 auto;
  }
  
  .fixedOffer ul li {
    list-style-type:none;
  }
  
  .offerInfo {
    margin:-10px 0 0 0;
    width:auto;
  }
  
  .offerInfo ul {
    height:auto;
    padding-bottom:20px;
    padding-top:25px;
    margin:0 auto;
    width:362px;

  }
  
  .offerInfo ul li {
    list-style-type:none;
  }
}