@CHARSET "UTF-8";
/* */
body {
	background-color: #ecede8;
	position: relative;
	padding-bottom: 2rem;
	font-family: "Work Sans", sans-serif;
	/*opacity: 0.5;*/
}

.top-bar {
	font-size: 100%;	
	padding: 0rem;
	max-height: 4rem;
	text-transform: uppercase;
	background: #3256a2;	
	font-family: 'Work Sans', sans-serif;
	
	
}
.top-bar ul {display: table; margin: 0 auto;}
.top-bar ul li {display: table-cell;}
.cb {
	clear: both;
}

h1, h2,h3,h4,h5,h6{
	font-family: "Work Sans", sans-serif;
	color:#3256a2;
}

ul.menu {
	background: #3256a2;
	 
}
.nav-centered{
	width: 100%;
    margin: auto;
    float:none;
    opacity:0;
     -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.nav-centered.anim{
	opacity: 1;
}
.centered{
	display: block;
	margin-left:auto;
	margin-right:auto;
	
}


.landing-footer{
	position:fixed;
	z-index:10;
	left:0px;
	bottom:0px;
	width:100%;
	height:25%;	
	background-color: #000429;
    -webkit-box-shadow: 0px -14px 50px 25px #000429;
	-moz-box-shadow: 0px -14px 50px 25px #000429;
	box-shadow: 0px -14px 50px 25px #000429;	
	text-align:center;	
	font-family: "Work Sans", sans-serif;
    /*-webkit-clip-path: polygon(50% 0, 70% 5%, 85% 7%, 100% 9%, 100% 100%, 0 100%, 0 9%, 15% 7%, 30% 5%);
	clip-path: polygon(50% 0, 70% 5%, 85% 7%, 100% 9%, 100% 100%, 0 100%, 0 9%, 15% 7%, 30% 5%);*/    
}
.landing-footer .text{
	font-size: 0.9rem;
	padding-bottom:0.2rem;
	color:#FFF;
	letter-spacing: 2px;
}
.landing-footer .text a,.small-landing .text a{
	color:#FFa;
	border-bottom: 1px dotted #aaf;
}
.landing-footer .text a:hover, .small-landing .text a:hover{
	color:#FF0;
	border-bottom-width: 0px;
}
.landing-footer .title a{
	color:#fff;	
}
.landing-footer .title a:hover{
	color:#FF0;
}
.landing-footer .title{
	font-size: 2.3rem;
	color:#FFF;
	font-weight: bold;
	letter-spacing: 5px;
}

.small-landing {
	background-color: #000429;
}
.small-landing .link span{
	color :#FFf;
	position: absolute;
	z-index:1;
	left: 0rem;
	top:0rem;
	padding:0.5rem;
	width: 100%;
	height: 40px;
	background-color: rgba(0,0,0,0.4);
	cursor: pointer;
	
}
.small-landing .text{
	text-align:center;
	font-size: 0.8rem;
	padding-bottom:0.2rem;
	color:#FFF;
	letter-spacing: 2px;
}
.small-landing .icons a{
	text-align:center;
	font-size: 2.3rem;
	padding: 1rem;
	letter-spacing: 2px;
}
.small-landing  .title a{
	color:#fff;	
}
.small-landing  .title a:hover{
	color:#FF0;
}
.small-landing  .title{
	text-align:center;
	font-size: 1.2rem;
	color:#FFF;
	font-weight: bold;
	letter-spacing: 5px;
}

.small-landing .link{
	position:relative;
}	
.small-landing .link a{	
	opacity: 1;
}
.small-landing .link a:hover{
	opacity: 0.8;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
/* temp */
.l1, .l2-1,.l2-2, .l3{
	/*border: 1px solid #F0FFB0;*/
	background-color: #000429;
	-webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
	
}
.gray{
	 -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

.l1{
	position: absolute;
	z-index: 2;
	left: -105px;
	top:-30px;
	width: 33.3%;
	height: 85%;
	background: #4fe;
	background-color:#FFAA00;
	background:url('../imgs/landing/left-v22.jpg?v=2') center center no-repeat;
	background-position: 0px center;
	background-size: auto 100%;
	-ms-transform: rotate(-11deg); /* IE 9 */
    -webkit-transform: rotate(-11deg); /* Safari */
    transform: rotate(-11deg); /* Standard syntax */
}
.l2-1{
	position: absolute;
	z-index: 1;
	left: 20%;
	top:0px;
	width: 60%;
	height: 75%;
	background: #45e;
	background-color:#FFAA00;
	background:url('../imgs/landing/middle-v31-1.jpg') center center no-repeat;
	background-position: top center;
	background-size: auto 60%;
}
.l2-2{
	position: absolute;
	z-index: 1;
	left: 23.3%;
	top:45%;
	width: 53.4%;
	height: 75%;
	background: #45e;
	background-color:#FFAA00;
	background:url('../imgs/landing/middle-v3-2.jpg') center center no-repeat;
	background-position: top center;
	background-size: auto 40%;
}
.l3{
	position: absolute;
	z-index: 2;
	right: -108px;
	top:-30px;
	width: 33.3%;
	height: 85%;
	background: #45e;
	background-color:#FFAA00;
	background:url('../imgs/landing/right-v2.jpg') center center no-repeat;
	background-position: right center;
	background-size: auto 100%;
	-ms-transform: rotate(11.5deg); /* IE 9 */
    -webkit-transform: rotate(11.5deg); /* Safari */
    transform: rotate(11.5deg); /* Standard syntax */
	/*background: #ffe;*/
}
map:hover > area{
	background: #345;
}

.l1 span,.l2-1 span, .l2-2 span, .l3 span{
	color: #fff;
	position: relative;
	display:block;
	top: 75%;
	text-align: center;	
	font-size: 1.5rem;
	font-weight:300;
    line-height: 1.8rem;
	letter-spacing: 2px;
    padding: 0.5rem;
	text-shadow: 0px 0px 3px #000;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}
.l1 span{
	top: 75%;
	-ms-transform: rotate(11deg); /* IE 9 */
    -webkit-transform: rotate(11deg); /* Safari */
    transform: rotate(11deg); /* Standard syntax */
  }
.l2-1 span{
	top: 45%;
	
  }
.l2-2 span{
	top: 28%;
	
  }
.l3 span{
	top: 75%;
	-ms-transform: rotate(-11.5deg); /* IE 9 */
    -webkit-transform: rotate(-11.5deg); /* Safari */
    transform: rotate(-11.5deg); /* Standard syntax */
}
#a1:hover,#a2-1:hover,#a2-2:hover,#a3:hover{
	opacity: 1;
	/*transform: scale(1.01);*/
	-webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    cursor: pointer;
}
/*
#a1:hover > #l1 span,#a2:hover > #l2 span,#a3:hover > #l3 span{
	color:#FF0;
	-webkit-transition: all 0.5s ease-out-in;
    -moz-transition: all 0.5s ease-out-in;
    transition: all 0.5s ease-out-in;
    margin-top:-0.4rem;
    cursor: pointer;
    text-shadow: 2px 2px 0px #000;
}

*/
.index-hover-left, .index-hover-middle,.index-hover-right{
    position: absolute;    
    top:1rem;
    width:80px;
    height: 80px;
    /*background: #f8f;*/
    z-index: 100;
}
.index-hover-left{   
    width:129px;
    left: 1rem;
}
.index-hover-middle{
    left: 50%;
    margin-left:-129px;
     width:258px;
}
.index-hover-right{
    right: 1rem;
}

.index-box p{
    padding-top:1rem;
    margin-bottom: 0rem;
}
.index-box{
    background:#fff;
    padding:0.5rem !important;
    margin:0.5rem 0rem !important;
    min-height: 20rem;
}
.index-box .PDFbutton{
    font-size:1rem;
    
}
span.landing{
    /*background: rgba(0,0,0,0.5);*/
	color:#ff0;
	-webkit-transition: all 0.5s ease-out-in;
    -moz-transition: all 0.5s ease-out-in;
    transition: all 0.5s ease-out-in;
    margin-top:-0.8rem;
    cursor: pointer;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
    /* text-shadow: 2px 2px 0px #000; */
}
ul.menu li {
	padding: 0rem;
	
	
}
ul.menu li a {
	color: #fff;
	padding: 0.5rem 1rem 0.3rem 1rem;
	font-size:1rem;
	
	-webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
	/*font-weight:bold;*/
}

/* The container <div> - needed to position the dropdown content */
.menu-flags-holder{
	
	/*background:rgba(255,255,255,0.2	);*/
	width:70px;height:28px;float:right;
}
.dropdown-flags {
    position: relative;
    display: inline-block;
    padding: 0.2rem;
    height: 26px;
}
.dropbtn:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;    
    border-color: #fff transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: 10px;
    right: -15px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    z-index:1;
    background-color: #f9f9f9;
    left:0px;
    top:26px;
    font-size:0.8rem;
    width: 70px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
    opacity: 0.5;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #eef; opacity: 1}

/* Show the dropdown menu on hover */
.dropdown-flags:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown-content .flag:hover < .menu-flags-holder {
    background-color: #3e8e41;
}
.flag-holder{
	float:left;
	display:block;
	padding: 0.2rem;
	margin-top: 0.2rem;
	margin-left: 0.4rem;
	width: 40px;
	height: 25px;
	line-break: 1.75rem;
    border:1px solid #3256a2;
    opacity: 0.7;
}
.flag-holder:hover{
    opacity: 1;
    border:1px solid #5478c4;
}
.flag-holder.sel{
    opacity: 1;
    border:1px solid #5478ff;
    background: #4367b3;
}
.header-logos img{
    display: block;
    height: 75px;
    background: none;
    width:auto;
}

#header-slider-middle{
	position:relative;
	top: 0.2rem;
	z-index: 2;
	height: auto;
	width: 100%;
	
}
img{
	background: url("../imgs/loading.gif") 0px 0px no-repeat;
}

.flag{
	display: block;
	float: left;
	width: 40px;
	height: auto;
}
.no-bg{
	background: none !important;
}
.slider-hover-title{
	font-size: 1.4rem;
	color:#555;
	line-height: 2rem;
}

.button-small,.question-button, .on-maps-button, .fb-button, .img-button{
	display: inline-block;
	float:left;
	min-width: 100%;
	padding: 0.8rem;
	/*margin-top: 1rem;*/
	line-height:1.2rem;
		min-height: 1.2rem;
	color:#555;
	text-align:center;
	background-color: #f5f5f5;
	border-radius: 4px;
	font-size: 0.9rem;
	transition: all 0.3s ease-in;
	font-family: "Work Sans", sans-serif;
}
.question-button{
	background: url("../imgs/question-icon.png") 5px 50% no-repeat;	 
	background-color: #f5f5f5;
	padding: 0.8rem 0.8rem 0.8rem 4rem;
}
.fb-button{
	background: url("../imgs/fb-icon.png") 5px 50% no-repeat;	 
	background-color: #f5f5f5;
	padding: 0.8rem 0.8rem 0.8rem 4rem;
}
.img-button{
	background: url("../imgs/img-icon.png") 5px 50% no-repeat;
	background-color: #f5f5f5;
	padding: 0.8rem 0.8rem 0.8rem 4rem;
}
.on-maps-button{
	background: url("../imgs/location-icon.png") 5px 50% no-repeat;	 
	background-color: #f5f5f5;
	padding: 0.8rem 0.8rem 0.8rem 4rem;
}
.PDFbutton-small{
	display:block;
	min-width: 100%;
	padding: 0.8rem 0.8rem 0.8rem 4rem;
	line-height:1.2rem;
	background: url("../imgs/pdf-icon.png") 5px 50% no-repeat;	 
	min-height: 1.2rem;
	color:#555;
	text-align:center;
	background-color: #f5f5f5;
	border-radius: 4px;
	/*margin-top:1rem; 	*/
	font-size: 0.9rem;
	transition: all 0.3s ease-in;
	font-family: "Work Sans", sans-serif;
}
.single-hover-price{
	display:block;
	min-width: 100%;
	padding: 0.8rem 0.8rem 0.8rem 4.5rem;
	line-height:2.5rem;
	min-height: 4rem;
	color:#fff;
	background-color: #ff8f2f;
	border-radius: 4px;
	margin-top:1rem; 	
	font-size: 1.2rem;
	transition: all 0.3s ease-in;
	font-family: "Work Sans", sans-serif;
}
.PDFbutton{
	display:block;
	min-width: 100%;
	padding: 1rem 0.8rem 1rem 5rem;
	line-height:1.4rem;
	background: url("../imgs/pdf-icon.png") 10px 50% no-repeat;	 
	min-height: 5rem;
	color:#555;
	background-color: #f5f5f5;
	border-radius: 4px;
	margin-top:1rem; 	
	font-size: 1.1rem;
	transition: all 0.3s ease-in;
	font-family: "Work Sans", sans-serif;
}
.PDFbutton:hover, .PDFbutton-small:hover,.button-small:hover,.question-button:hover, .on-maps-button:hover, .fb-button:hover, .img-button:hover{
	background-color: #e0e0ff;
	color:#3256a2;
	cursor:pointer;	
	transition: all 0.3s ease-out;
	
}

.pdf-file-icon{
	float:left;
	display:block;
	line-height:1rem;
	font-size:0.8rem;
	text-align:center;
	background-image: url('../imgs/pdf-icon-medium.gif');
	background-repeat:no-repeat;
	width:128px;
	height:auto;
	min-height:192px;
	padding:132px 0.2rem 0.2rem 0.2rem;
	margin:0.5rem;
	border:1px solid #ddd;
	background-color: #f0f0f0;
}
.pdf-file-icon:hover{
	box-shadow: 0px 0px 8px #bbb;
	transition: all 0.2s ease-in-out;
}

.page-img-holder,.page-img-holder-servis{
	text-align:center;
	margin-top:0.5rem;
	float:left;
	display: block;
	height: 245px;
	overflow: hidden;
	cursor: pointer;
}
.page-img-holder-servis{
	height: 275px;
}
.page-img-holder img, .page-img-holder-servis img{
	opacity: 1;
}
.page-img-holder:hover >img, .page-img-holder-servis:hover >img{
	opacity: 0.8;
}
.spec-bold{
	color:#3256a2;
}

.spec-title{
	font-size: 1.3rem;
	color:#3256a2;
	font-weight: bold;
	border-bottom:1px solid #ddd;
	margin-bottom: 1rem;
}
.spec-subtitle{
	font-size: 0.9rem;
	font-weight: bold;
	border-bottom: 1px #ddd solid;
	color: #3256a2;
}
.spec-chb{
	float:left;
	width:50%;
	font-size: 0.9rem;
}



.first-row, .second-row, .third-row{
    transform: scale(0.95);
	width:100%;
	background: #f0f0f0;
	min-height: 300px;
	opacity: 0;
	padding: 0.7rem 0rem 0.7rem 0rem;
	margin-right:0rem;
	font-family: "Work Sans", sans-serif;
}
.first-row.anim, .second-row.anim, .third-row.anim{
	transform: scale(1);
   -moz-animation: first-show 1s ease 0.2s forwards;
   -webkit-animation: first-show 1s ease 0.2s forwards;
   -o-animation: first-show 1s ease 0.2s forwards;
   -ms-animation: first-show 1s ease 0.2s forwards;
   animation: first-show 1s ease 0.2s forwards;
}

.hover-site{
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
}
.hover-site:hover{
	transition: all 0.3s ease-in-out;
	opacity: 1;
}
.tabs-title > a:hover {
    background: #eea !important;
}


.offer-menu a.img-slink .img-holder{
	overflow:hidden;	
	margin-top:1rem;
	position: relative;
    padding: 0.5rem;
    text-align: center;
	transition: all 0.3s ease-in-out;
}
.offer-menu a.img-slink.sel > .img-holder{
	background:#f5f5ff;
	color:#3256a2;
}
.offer-menu a.img-slink.sel .title{
	color:#3256a2;
}
.offer-menu a.img-slink.no-sel > .img-holder{
	background:none;
}
.offer-menu a.img-slink.no-sel .title{
	color:#999;
}
.offer-menu a.img-slink.no-sel img{
	transition: all 0.3s ease-in-out;
	opacity:0.7;
}
.offer-menu a.img-slink.no-sel:hover > img{
	opacity:0.8;
	transition: all 0.3s ease-in-out;
}
.offer-menu a.img-slink.no-sel:hover > .title{
	color:#333;
	transition: all 0.3s ease-in-out;
}
.offer-menu .img-slink  .title{
	/*position:absolute;
	z-index:1;
	bottom:0rem;
	left:0px;*/
	width:100%;
	height:1.4rem;	
	line-height: 1.4rem;
	text-transform: uppercase;
    text-align: center;
	font-size: 0.6rem;
	color:#3256a2;
}

.offer-item{
    position: relative;
	float:left;
	display:block;
	margin-left:0.5rem;
	margin-right:0.5rem;
	width:auto;
	height:auto;
	background: #f5f5f5;
	padding:0.5rem;
	margin-top:1rem;
	margin-bottom:1rem;
	border:1px solid #ddd;		
}


.offer-item img{
	width: 100%;
	opacity:0.9;
	height: auto;
}
.offer-item:hover >img{
	opacity:1;
}
.offer-item:hover{
	background: #FFF;
	cursor: pointer;
	box-shadow: 0px 0px 8px #bbb;	
	transition: all 0.2s ease-in-out;
}
.offer-item:hover > .brand,.offer-item:hover > .model{
	color:#3256a2;
	transition: all 0.7s ease-in-out;
}


.offer-item .brand,.offer-item .model,.offer-item .price{
   
	float:left;
	display:block;	
	width:100%;
	font-size:1.2rem;
	line-height:1.3rem;
	min-height:1.7rem;
	color:#555;	
	-webkit-font-smoothing: none;
	font-family: "Work Sans", sans-serif;
    
}
.offer-item .brand{
    z-index: 2;
	font-weight: bold;
	text-transform: uppercase;
}
.offer-item .price{
	text-align:right;
	background:#ff8f2f;
	color:#fff;
	min-height:2.7rem;
	font-size:1.5rem;
	line-height:2.8rem;
	padding-right:0.5rem;
    bottom: 0px;
    position: absolute;
    left: 0px;
}

.offer-item:hover > .price{
	background:#ff7600;
	transition: all 0.7s ease-in-out;
}
#offer-content{
	float:none;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	padding-top:0rem;
	min-height: 400px;
}

.single-img-thumbs{
	min-height: 10rem;
}
.single-img-thumbs .img-thumb{
	position:relative;
	background: #333;
	margin:0.25rem;
}
.img-thumb-holder{
	position:relative;
	display: block;
	float: left;
	width: 100%;
	height: 3rem;
	overflow: hidden;
}

.single-img-thumbs .img-thumb:hover{
	cursor: pointer;
	opacity: 0.8;
}
.single-img-thumbs .has-more{
	display:table-cell;	
	position:absolute;
	left:0;
	top:0;
	z-index: 1;
	width: 100%;
	height:100%;
	color:#FF0;
	background:rgba(0,0,0,0.5);
	line-height: inherit;
	vertical-align: middle;
	font-size: 3rem;
	text-align: center;
}
.gallery-arrow-left, .gallery-arrow-right{
	position: absolute;
	z-index:1;
	width:5rem;
	height:5rem;
	top:49%;
	background: #444;
	line-height: 5rem !important;
	text-align: center;
	font-size: 2rem;
	border-radius:4px;
	color:#555;
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}

.gallery-arrow-left > i,.gallery-arrow-right > i{
	line-height: 5rem !important;
}
.gallery-arrow-left{
	left:0.5rem;	
}
.gallery-arrow-right{
	right:0.5rem;
}
.gallery-arrow-left:hover, .gallery-arrow-right:hover{
	background: #555;
	color:#ff0;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.close-button:hover{
	color:#f77;
}

.extra_desc{
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom:40%;
	text-align:center;
	width: 100%;
	height: auto;
	background: rgba(255, 255, 255,0.8);
	/*	background: rgba(50, 50, 50,0.7);*/
	color:#444;
	padding: 0.5rem;
}

a.img-link .img-holder{
	/*min-width:570px;*/
	/*width:570px;*/
	/*height:260px;*/
	overflow:hidden;	
	margin-top:1rem;
	position: relative;
	transition: all 0.7s ease-in-out;
}
.img-link .img-holder .title{
	position:absolute;
	z-index:1;
	bottom:0rem;
	left:0px;
	width:100%;
	height:3rem;
	background-color: rgba(255, 255, 255, 0.75);
	line-height: 3rem;
	text-transform: uppercase;
	padding-left:1rem;
	font-size: 1.2rem;
	color:#3256a2;
	transition: all 0.7s ease-in-out;
}
a.img-link .img-holder p{
	position:absolute;
	z-index:1;
	top:17rem;
	opacity:0;
	left:0px;
	width:inherit;
	height:1.7rem;
	line-height: 1.7rem;	
	padding:1rem;
	font-size: 1rem;
	color:#333;
	transition: all 0.7s ease-in-out;
}
a.img-link .img-holder img{
	transition: all 0.5s ease-in-out;
	transform: scale(1.0);
}
a.img-link .img-holder:hover{
	transition: all 0.5s ease-in-out;
	box-shadow: 0px 0px 5px #88F;
}
a.img-link:hover > .img-holder img{
	transition: all 0.8s ease-in-out;
	transform: scale(1.10);
}
a.img-link:hover > .img-holder .title{
	transition: all 0.8s ease-in-out;	
	height: 80%;
	background-color: rgba(255, 255, 255, 0.85);
}
a.img-link:hover > .img-holder p{
	transition: all 1.1s ease-in-out;	
	top: 30%;
	opacity:1;	
}

.second-row p{
	padding-left:1rem;
	font-family: "Work Sans", sans-serif;
}
.second-row h2,.third-row h2{	
	position:relative;
	left:-20rem;
	opacity: 0;
}
.second-row.anim h2,.third-row.anim h2{
	transition-delay: 2s;
	transition: all 1s ease-in-out;
	left:0rem;
	top:0rem;
	opacity: 1;
}
.footer{
	color:#fff;
	font-family: "Work Sans", sans-serif;
}
.footer p{
	margin-bottom: 0rem;
	font-size: 0.9rem;
	text-align: center;
}
.footer h3{
	text-align: center;
	font-size:2rem;
}
.footer img{
	display:block;
	float:none;
	width:175px;
	height:90px;	
	margin-left:auto;
	margin-right:auto;
	clear: both;
}
.footer-bg{
	display: block;
}


.third-row a img{
	float:left;
	margin:1rem 0.5rem 0rem 0rem;
	width: 250px;
	height: 75px;
	box-shadow: 1px 1px 5px #888;
	transform: scale(0.50);
}
.third-row.anim a img{
	transition: all 1s ease-in-out;
	transform: scale(1.0);

}
.third-row.anim a:hover > img{
	transition: all 0.2s ease-in-out;
	transform: scale(1.05);
	box-shadow: 1px 1px 3px #00F;

}
/*
.first-row a:hover > .img-holder .btn-more{
	transition: all 1s ease-in-out;	
	right: 0.5rem;
}*/
.slider-holder{
	min-height:100px;
}


@-moz-keyframes first-show /* Firefox */
{
from {opacity: 0;}
to {opacity: 1;}
}

@-webkit-keyframes first-show /* Safari and Chrome */
{
from {opacity: 0;height:0}
to {opacity: 1;height:10rem}
}

@-o-keyframes first-show /* Opera */
{
from {opacity: 0;}
to {opacity: 1;}
}

@-ms-keyframes first-show /* IE10 */
{
from {opacity: 0;}
to {opacity: 1;}
}

@keyframes first-show
{
from {opacity: 0;}
to {opacity: 1;}
}

@media screen and (max-width: 39.9375em) {
    .offer-item .price {
    text-align: right;
    background: #ff8f2f;
    color: #fff;
    min-height: 1.8rem;
    font-size: 1.1rem;
    line-height: 1.3rem;
    padding: 0.2rem;
    bottom: 0px;
    position: absolute;
    left: 0px;
}


@media screen and (min-width: 40em) {
		ul.menu li a {
		color: #fff;
		padding: 0.3rem 0.5rem 0.3rem 0.5rem;
		font-size:0.8rem;
		/*color:#faa;*/
		}
        .header-logos img{
            height: 60px;
        }
		.slider-hover-title{
		font-size: 1.5rem;
		line-height: 2rem;
		/*color:#faa;*/
		}
		#header-slider-middle{
			position:relative;
			top:-5rem;
			z-index: 2;
			width: 100%;
			
		}
		.PDFbutton{			
			line-height:3rem;
		}
		.slider-holder{
			min-height:300px;
		}
		.third-row a img{
			float:left;
			margin:1rem;
			width: 250px;
			height: 75px;
			box-shadow: 1px 1px 5px #888;
			transform: scale(0.50);
		}
		.footer h3{
			text-align: left;
		}
		.footer p{
			text-align: left;
		}
	#offer-content{
			float:none;
			padding-left:1%;
			padding-right:1%;
			width:100%;
			height:auto;
			padding-top:0rem;
			min-height: 300px;
		}
		.offer-item{
			margin-left:0.5%;
			margin-right:0.5%;
			width:31%;
			height:auto;
		}
		.offer-item .brand{			
			font-size:1.1rem;
			line-height:1.2rem;	
			min-height: 1.3rem;		
		}
		.offer-item .model{			
			font-size:1.0rem;
			line-height:1.3rem;	
		}
		.offer-item .price{			
			font-size:1.1rem;
			line-height:1.8rem;	
		}
		.footer-bg{
			display: block;
			float:none;
			margin: 0rem auto;
			width:1300px;
			height:149px;
			background-image: url('../imgs/footer-bg-small.png');
			background-repeat: no-repeat;
		}
		.spec-chb{
			float:left;
			width:33%;
			font-size: 0.9rem;
		}
}
}
@media screen and (min-width: 64em) {
		ul.menu li a {
		padding: 0.5rem 0.8rem 0.3rem 0.8rem;
		font-size:1.1rem;
		color:#aaf;
		}
		.slider-hover-title{
		font-size: 1.7rem;
		line-height: 3rem;
		/*olor:#aaf;*/
		}
		#header-slider-middle{
			position:relative;
			top:-5rem;
			z-index: 2;
			width: 100%;
			
		}
		.PDFbutton{			
			line-height:1.5rem;
		}
		#offer-content{
			float:none;
			padding-left:1%;
			padding-right:1%;
			width:100%;
			height:auto;
			padding-top:0rem;
			min-height: 300px;
		}
		.offer-item{
			margin-left:1%;
			margin-right:1%;
			width:23%;
			height:auto;
			
		}
		.offer-item .brand{			
			font-size:1.2rem;
			line-height:1.3rem;	
			min-height: 1.3rem;		
		}
		.offer-item .model{			
			font-size:1.0rem;
			line-height:1.3rem;	
		}
		.offer-item .price{			
			font-size:1.1rem;
			line-height:1.5rem;	
		}
		.spec-chb{
			float:left;
			width:25%;
			font-size: 0.9rem;
		}
		
}
ul.menu li.active > a {
	background-color: #FFF;
	color: #3256a2;
	/*font-weight:bold;*/
}
ul.menu li:hover > a{
	background-color: #fff;	
	color: #09C;
}

.img-slider-holder{
	height: auto;
	overflow-y: hidden;
}

.js-off-canvas-exit {
	    background: rgba(0,0,0,.5);
	    z-index: 100;
}
#offCanvas li.active > a{
	background: #222;
	color:#fff !important;
}
#offCanvas{
	background: #444;
}
#offCanvas ul.menu{
	background: #444;
	border-bottom:1px solid #777;
}
#offCanvas ul.menu li{
	height: 3rem;
	
}
#offCanvas ul.menu li a{
	height:3rem;
	line-height:1rem;
	padding:1rem;
	color:#999;	
}
#offCanvas ul.menu li a:hover{
	background: #333;
	color:#71b1fa !important;
}
.side-nav-close{
	color:#88c0ff !important;
	height:3rem;
	line-height:3rem;
	padding:0rem;
}
.side-nav-close:hover >*{
	color:#88c0ff !important;
	cursor: pointer;
}

#side-nav-title{
	height: 3rem;
	line-height: 3rem;
	margin-bottom:0rem;
	padding-left:1rem;
	font-weight:bold;
	background:#222;
	font-size:1.3rem;
	color:#fff;
	cursor: pointer;
	
}

#small-title-inline{
	display:block;
	float:left;
	background: #1177bb;
	font-weight:bold;
	margin:0.75rem 1rem 0.75rem 1rem;
	border-left:1px solid #eee;
	padding:0rem 0.5rem 0rem 1.5rem;
	color:#fff;
	font-size:0.9rem;
	text-transform: uppercase;
}

.pagination .current {   
    background: #3256a2;
}
.tabs-panel {
	 padding: 0rem;
}


#back-to-top {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	padding: 1rem;
	z-index: 3;
	width: 3rem;
	height: 3rem;
	text-align: center;
	line-height: 1rem;
	background: #f5f5f5;
	color: #444;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	opacity: 0;
}
#back-to-top.show:hover {
	background: #e9ebec;
	opacity: 1;
}
#back-to-top.show {
	opacity: 0.6;
}

.no-padding{
	padding: 0rem;
}

/* stycky nav */
/*
#nav ul {
   margin: 0;
   padding: 0;    
}
#nav li {
   float: left;
   padding: 3px 8px;
   background-color: #FFF;
   margin: 0 10px 0 0;
   color: #F00;
   list-style-type: none;
}
#nav li a {
   color: #F00;  
   text-decoration: none;    
}
#nav li a:hover {
   text-decoration: underline;   
}
br.clearLeft {
   clear: left;        
}*/​
/* stycky nav end */