@charset "UTF-8";

/*colors*/
  .text-color-light: {color: #B1BCC2;}

  .a-color {color: #1AA0E1;}
  .a-color-hover {color: #2a4959;}

  .menu-hover {color: #064669;}
  
  .text-color-h-elements: {color: #444444;}
  .text-color-body: {color: #626262;}
  .text-color-table-th: {color: #444444;}
  .text-color-ul {color: #737E86;}
  
  .more-information-button-background-color {color: #324968;}
  .category-button-background-color {color: #cd560a;}
  
  .background-color {color: #fcfcfc;}
  .header-color {color: #94b1c1;}
  .line-color {color: #4C8AB1;}
  .title-background-color {color: #a7bbc6;}
  .featuredarticle-price-line {color: #3d6f8e;}
  
  .footer-background-color {color: #292d30;}
  .footer-text-color {color: #cccccc;}

/*dummy*/

  pre {
    display: block;
    padding: 5px;
    margin: 0 0 0px;
    font-size: 10px;
    line-height: 16px;
  }
  
/*default*/

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
  }
  b, strong, dt {
    font-weight: 700;
  }

  html {
    background-color: #FCFCFC;
  }
  body {
  	background-color: #FCFCFC;
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    color: #626262;
    font-size: 13px;
    line-height: 1.5em;
    font-stretch: 100%;
    -webkit-font-smoothing: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }

  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  *:focus {
    outline: none;
  }

  a, a:active, a:focus, a:visited {
    color: #0d476c;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
  }

  a:hover {
    color: #2a4959;
    text-decoration: underline;
    text-decoration-color: #2a4959;
    -webkit-text-decoration-color: #2a4959;
    -moz-text-decoration-color: #2a4959;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
  }

  p {
    margin: 0 0 15px;
    padding: 0;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: "Slabo 13px", Arial, Tahoma, sans-serif;
    font-weight: 300;
    margin: 0 0 15px 0;
    padding: 0;
    vertical-align: baseline;
    color: #444444;
  }
  h2 {
    font-size: 30px;
    line-height: 1.5em;
  }
  h3 {
    font-size: 25px;
    line-height: 1.5em;
  }
  h4 {
    font-size: 21px;
    line-height: 1.5em;
  }

  ul {
    color: #737E86;
    margin: 0 0 15px 30px;
    padding: 0;
  }
  li {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
  }

  .clearboth {
    clear: both;
  }
  .biggertext {
    font-size: 140%;
  }

  .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 16px; }
  .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*nicescroll*/

  div#ascrail2000 {
    z-index: 2000 !important;
  }


/*pdflink*/

  a.pdflink {
    position: relative;
    display: inline-block;
    margin: 15px 25px;
    font-size: 15px;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    text-decoration: none;
    outline: none;
    white-space: nowrap;
    color: #656B6F;
  }
  a.pdflink:before, a.pdflink:after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s,opacity .2s;
    -moz-transition: -moz-transform 0.3s,opacity .2s;
    transition: transform 0.3s,opacity .2s;
  }
  a.pdflink:before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
  }
  a.pdflink:after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  
  a.pdflink:hover {
    color: #4c8ab1;
    text-decoration: none;
    text-decoration-color: transparent;
    -webkit-text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
  }
  a:hover.pdflink:before, a:hover.pdflink:after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
  }

  a.pdflink i.fa-file-download {
    color: #4c8ab1;
    margin-right: 6px;
    font-size: 16px;
  }

/*wrappers*/
  
  #headerwrapper > .inner,
  #wrapper > .inner,
  #footerwrapper > .inner,
  #footerbottomwrapper > .inner {
    padding-left: 1%;
    padding-right: 1%;
  }
  #maincontent {
    margin-bottom: 50px;
  }

/*header*/
	#headerwrapper {
    padding-top: 49px;
		background: #f0f1f3; /* Old browsers */
		background: -moz-linear-gradient(top, #dee1e6 49px, #f0f1f3 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #dee1e6 49px,#f0f1f3 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #dee1e6 49px,#f0f1f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee1e6', endColorstr='#f0f1f3',GradientType=0 ); /* IE6-9 */ 
	}

/*headercontact*/

  #headercontact > .inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }

  #headercontact {
    padding: 10px 0 10px;
    color: #B1BCC2;
    font-size: 15px;
    font-weight: bold;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background:transparent;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
  }
  #headercontact.scrollActive {
    color: #324968;
    background: #a3b9c6; /* Old browsers */
    box-shadow: 0 0 4px grey;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
  }
  #headercontact .hc-info {
  	margin: 0;
  	padding: 0;
  }
  #headercontact i {
    margin: 0px 6px 0px 20px;
  }
  .headercontactitem {
    white-space: nowrap;
  }

  #locationselector {
    position: absolute;
    top: 2px;
    right: 10px;
    background-color: #324968;
    color: #fff;
  }
  #locationselector:hover {
    color: #fff;
    text-decoration: none !important;
    text-decoration-color: transparent !important;
    -webkit-text-decoration-color: transparent !important;
    -moz-text-decoration-color: transparent !important;
  }

  .hcfb {
    position: relative;
    margin: 0px 0 0 20px;
  }
  .hcfb a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: rgb(59, 89, 152);
    text-align: center;
    border-radius: 50%;
  }
  .hcfb a i {
    line-height: 36px;
    font-size: 20px;
    color: white;
    margin: 0 0 0 0 !important;
  }

/*headerlogo*/
  
  #logo img {
    position: relative;
    z-index: 200;
  }

/*mainmenu*/
	
	div#menurowcolumn2 {
    position: relative;
	}
  nav#mainmenu {
    position: relative;
    top: 20%;
  }
  nav#mainmenu div[id^="maximenuck"] ul.maximenuck {
    visibility: initial !important;
  }
	nav#mainmenu div[id^="maximenuck"] ul.maximenuck li {
		  border-right: 1px solid rgba(0, 0, 0, 0.03);
	}
	nav#mainmenu div[id^="maximenuck"] ul.maximenuck li:last-of-type {
		border-right: transparent;
	}
	nav#mainmenu div[id^="maximenuck"] ul.maximenuck li a {
		margin: 0;
		margin-right: 0;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0 10px;
	}
	nav#mainmenu div[id^="maximenuck"] ul.maximenuck li a span.titreck {
    text-decoration: none;
    display: block;
    line-height: 48px;
    font-weight: bold;
    font-size: 16px;
    color: #444;
	}
	nav#mainmenu div[id^="maximenuck"] ul.maximenuck li:hover a span.titreck,
	nav#mainmenu div[id^="maximenuck"] ul.maximenuck li.current a span.titreck {
		color: #064669;
	}

/*mobilemenu*/

  nav#mainmenu .mobilebarmaximenuck {
    background: transparent;
    height: 48px;
    line-height: 48px;
    position: absolute !important;
    top: 0;
    
  }
  nav#mainmenu .mobilebuttonmaximenuck {
    background: none;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    right: 50px;
    margin: 0 !important;
  }
  nav#mainmenu .mobilebuttonmaximenuck:before {
    content: "\f0c9";
    font-family: "FontAwesome";
    font-size: 30px;
    line-height: 48px;
    color: #2991d6;
    text-shadow: 0 0 5px white;
  }

  nav#mainmenu .mobilemaximenuck {
    background: transparent;
    text-shadow: none;
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    color: #444;
  }
  nav#mainmenu .mobilemaximenuck .mobilemaximenucktopbar {
    background: transparent;

    position: absolute;
    width: 100%;
    top: 0;
  }
  nav#mainmenu .mobilemaximenuck .mobilemaximenuckclose {
    background: transparent;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    position: relative;
    right: 50px;
    margin: 0 !important;
  }
  nav#mainmenu .mobilemaximenuck .mobilemaximenuckclose:before {
    content: "\f0c9";
    font-family: "FontAwesome";
    font-size: 30px;
    line-height: 48px;
    color: #2991d6;
    text-shadow: 0 0 5px white;
  }
  nav#mainmenu .mobilemaximenuckitemwrap {
    background: white;
    box-shadow: 0px 0px 2px 0px #292d30;
    top: 48px;
    width: 250px !important;
    right: 50px;
    left: auto !important;
  }

  nav#mainmenu .mobilemaximenuck div.maximenuck {
    background: transparent;
    line-height: 48px;
    padding-bottom: 0;
  }
  nav#mainmenu .mobilemaximenuck div.level1.maximenuck > a {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    line-height: 48px;
  }
  nav#mainmenu .mobilemaximenuck div.level1.maximenuck > a span.mobiletextck {
    color: #444;
    line-height: 48px;
    font-weight: bold;
    font-size: 16px;
    font-family: "Roboto", Arial, Tahoma, sans-serif;
  }
  nav#mainmenu .mobilemaximenuck div.level1.maximenuck.current > a {
    background: #fafafa;
  }
  nav#mainmenu .mobilemaximenuck div.level1.maximenuck.current > a span.mobiletextck {
    color: #064669;
  }
  nav#mainmenu .mobilemaximenuck div.current > a:after {
    content: none;
  }

/*slider*/
  .wow {
    visibility: hidden;
  }
  div#slider {
    position: relative;
    margin-top: -30px;
    height: 324px;
  }
  div#sliderlcv {
    position: absolute;
    width: 52%;
    top: 0%;
    left: 12%;
    margin: 0 auto;
  }
  div#slidercar {
    position: absolute;
    width: 50%;
    right: 8%;
    bottom: 3%;
    margin: 0 auto;
  }
  div#sliderlcvbutton {
    position: absolute;
    top: 18%;
    left: 51%;
  }
  div#slidercarbutton {
    position: absolute;
    top: 43%;
    left: 36%;
  }
  a.sliderlink {
    white-space: nowrap;
    display: block;
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    color: rgb(255, 255, 255);
    font-family: Roboto;
    text-transform: uppercase;
    background-color: rgba(255, 0, 0, 0.75);
    padding: 12px 35px;
    border-radius: 30px;
    box-sizing: border-box;
    letter-spacing: 1px;
    text-decoration: none;
  }
  a.sliderlink:hover {
    text-decoration: none;
  	text-decoration-color: transparent !important;
    -webkit-text-decoration-color: transparent !important;
    -moz-text-decoration-color: transparent !important;
  }
  a.sliderlink i {
  	font-weight: bold;
  	font-size: 80%;
    text-shadow: 0px 0px 1px white;
    width: 0;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
  }
  a.sliderlink:hover i {
  	margin-left: 15px;
  	width: auto;
  	opacity: 1;
  	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
  }
  .facebooklink {
    position: absolute;
    top: 10%;
    right: 10%;
  }
  .facebooklink a {
    display: block;
    width: 36px;
    height: 36px;
    background: rgb(59, 89, 152);
    text-align: center;
    border-radius: 50%;
  }
  .facebooklink a i {
    line-height: 36px;
    font-size: 20px;
    color: white;
  }
  
/*pagetitle*/

	div#pagetitle {
    background: #a7bbc6;
    color: white;
    text-align: center;
    margin-bottom: 0px;
    position: relative;
    top: -50px;
	}
	h1.pagetitle {
		font-family: 'Slabo 13px', serif;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 80px;
    font-weight: 700;
    color: white;
    margin: 0;
    padding: 0;
	}
	div#pagetitle:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 24px 24px 0 24px;
    border-color: #a7bbc6 transparent transparent transparent;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
	}

/*blog default*/
  .author i {
    margin-right: 6px;
  }
  
  .blog.hirek .item {
    margin-bottom: 40px;
  }
  .blog.hirek .item:after {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    overflow: hidden;
    background: #a7bbc6;
  }

  .blog.hirek .item h2.tck-article-title a,
  .blog.hirek .item h2.tck-article-title a:hover {
    color: #444444;
    text-decoration: none;
    text-decoration-color: transparent;
    -webkit-text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
  }

  .blog.hirek .item .item-image,
  .tck-article.default.item-page .item-image {
    width: 20%;
    min-width: 150px;
    float: right;
    margin: 0 0 10px 20px;
  }
  dd.published {
    margin-left: 0;
  }


/*blog.kisnagyblog column 2*/
	.blog.kisnagyblog .items-row {
		padding-bottom: 40px;
		display: flex;
	}
	.blog.kisnagyblog .item h2.tck-article-title,
	.blog.kisnagyblog .item .author.muted,
	.blog.kisnagyblog .item dl.article-info.muted.tck-article-details,
	.blog.kisnagyblog .item .tck-article-body {
		padding: 0px 10px;
	}

	.blog.kisnagyblog .items-row .span6 {
		border: 1px solid #d8dfe3;
	}
	.blog.kisnagyblog .items-row .item {
		margin-bottom: 20px !important;
	}
	.blog.kisnagyblog .item .item-image {
		width: 100%;
		padding-bottom: 56.25%;
		float: none;
		margin: 0;
		position: relative;
		height: 0;
		overflow: hidden;
	}
	.blog.kisnagyblog .item .item-image a {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.blog.kisnagyblog .item .item-image a img {
		width: 100%;
    height: 100%;
    object-fit: cover;
	}
	.blog.kisnagyblog .item:after {
    content: none;
	}
	.blog.kisnagyblog .item h2.tck-article-title {
    font-size: 20px;
    margin: 10px 0;
    text-align: center;
    font-weight: bold;
	}
	.blog.kisnagyblog .item h2.tck-article-title a,
	.blog.kisnagyblog .item h2.tck-article-title a:hover {
		color: #0d476c;
	}
	.blog.kisnagyblog .item .author.muted {
    text-align: center;
	}

	.blog.kisnagyblog .item dl.article-info.muted.tck-article-details {
    text-align: center;
	}

	.blog.kisnagyblog .item .item-image a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #5073a2ba;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
	}
	.blog.kisnagyblog .item .item-image a:hover:after {
		opacity: 1;
		-webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
	}

	.blog.kisnagyblog .item .tck-readmore {
		text-align: center;
	}

	.blog.kisnagyblog .item .tck-readmore a {
		background: #668393;
		color: white;
		text-decoration: none;
		-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
	}
	.blog.kisnagyblog .item .tck-readmore a:hover {
		background: #324968;
		color: white;
		text-decoration: none;
		-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
	}
	.blog.kisnagyblog .item .tck-readmore a span {
		display: none;
	}

/*blog article 2 column*/
  .item-page.kisnagyblog.tck-article.default .tck-article-body {
    font-size: 16px;
  }
	.item-page.kisnagyblog.tck-article.default .item-image {
		width: 100%;
		float: none;
		text-align: center;
		margin: 0 0 20px 0;
	}
  .videocontainer {
    max-width: 600px;
    margin: 0 auto;
    background: black;
  }

  .pager {
    margin: 50px 0 0 0;
  }

  .pager li > a,
  .pager li > span {
    display: inline-block;
    text-decoration: none;
    padding: 5px 14px;
    color: white;
    background-color: #668393;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
 .pager li > a:hover,
 .pager li > a:focus {
    text-decoration: none;
    background-color: #324968;
  }

/*blog vehicle, featured article vehicle*/

  .vehicleitem {
    border: 1px solid rgba(0,0,0,.08);
    background: white;
    padding: 20px 10px;
    margin-bottom: 40px;
    text-align: center;
  }
  .vehicleitem a:hover {
    text-decoration: none !important;
    text-decoration-color: transparent !important;
    -webkit-text-decoration-color: transparent !important;
    -moz-text-decoration-color: transparent !important;
  }
  .vehicleitem .pull-none.item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }

  .vehicleitem h2.tck-article-title {
    text-align: center;
  }
  .vehicleitem h2.tck-article-title a {
    font-family: "Slabo 13px", Arial, Tahoma, sans-serif;
    font-weight: 300;
    margin: 0 0 20px;
    font-size: 30px;
    line-height: 1em;
    color: #444444;
    display: block;
    text-decoration: none;
  }

/*blog blog*/

  .layout-kisnagyautoberleskisnagyblog.view-article #pagetitle h1.pagetitle {
    font-size: 18px;
  }


  /*vehiclemaindata*/
  /*price*/
  .vehicleitem .pricefrom {
    font-family: "Arial", Arial, Tahoma, sans-serif;
    margin: 0 0 20px;
    padding: 0 0 20px;
    position: relative;
    white-space: nowrap;
  }
  .vehicleitem .pricefrom:after {
    content: '';
    position: absolute;
    width: 60%;
    margin: 0 auto;
    height: 1px;
    background: #4c8ab1;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .vehicleitem .pricefromvalue {
    color: #4c8ab1;
    font-size: 45px;
    line-height: 1em;
  }
  .vehicleitem .pricefromcurrency {
    color: #4c8ab1;
    margin-right: 5px;
    font-size: 20px;
    line-height: 1em;
    top: -16px;
    position: relative;
  }
  .vehicleitem .pricefromperday {
    color: #a8a8a8;
    font-size: 15px;
    line-height: 1em;
    top: -20px;
    position: relative;
  }
  /*vignette*/
  .vehicleitem div[class^="autopalyamatrica"] {
    color: #100600 !important;
    font-weight: 900;
    font-size: 16px;
    line-height: 1.5em;
  }

  /*vehicledata*/
  .vehicleitem .vehicledata {
    padding: 10px 10px;
  }
  .vehicleitem .datarow {
    padding: 11px 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  .vehicleitem .datarow:last-of-type {
    border-bottom: none;
  }
  .vehicleitem .datarow .datatitle {
    font-weight: 700;
  }

  /*readmore*/
  .vehicleitem .readmore a.btn {
    padding: 11px 20px;
    background-color: #324968;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
  }
  .vehicleitem .readmore a.btn span.icon-chevron-right {
    display: none;

  }

/*searchmodule*/
  .searchmodule .moduletable h3 {
    font-size: 30px;
    line-height: 1.5em;
  }
  .searchmodule .search .tck-search-label {
    display: block;
    font-size: 30px;
    line-height: 1.5em;
    font-family: "Slabo 13px", Arial, Tahoma, sans-serif;
    font-weight: 300;
    margin: 0 0 15px 0;
    padding: 0;
    vertical-align: baseline;
    color: #444444;
    cursor: default;
  }
  input.tck-search-field {
    border-radius: 0;
    border-color: #324968 !important;
    width: calc(100% - 62px);
  }
  button.tck-search-button,
  button.tck-search-button:hover {
    background: #324968 !important;
    color: #324968 !important;
    border: none;
    border-left: none;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 44px;
    height: 30px;
    overflow: hidden;
  }
  button.tck-search-button span.icon-search {
    color: white !important;
  }

/*searchpage*/
  
  #searchForm .btn-toolbar .btn-group:first-child {
    width: calc( 100% - 86px );
  }

  #searchForm input#search-searchword {
    width: 100%;
    border-radius: 0;
    border-color: #324968 !important;
  }

  #searchForm .btn-group + .btn-group {
    margin-left: 0;
  }

  #searchForm .btn-group + .btn-group button,
  #searchForm .btn-group + .btn-group button:hover {
    background: #324968 !important;
    color: white !important;
    border: none;
    border-radius: 0;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .resultinfo {
    display: flex;
    justify-content: space-between;
  }

  #searchForm .badge-info {
    background-color: #324968;
  }


  .pagination {
    text-align: center;
  }

  .pagination ul > li:last-child > a, .pagination ul > li:last-child > span,
  .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
  }

/*featured article vehicle*/
  
  #vehiclesrowcolumn1 {
    margin-right: 0.5319148935%;
  }
  #vehiclesrowcolumn2 {
    margin-left: 0.5319148935%;
  }

  .featured_articles h2.categoryheader {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 40px;
    font-weight: 700;
  }

  .featuredcars .vehicleitem {
    background: #4c8ab1;
    color: white;
    border-color: transparent;
  }
  /*title*/
  .featuredcars .vehicleitem h2.tck-article-title a {
    color: white;
  }
  /*price*/
  .featuredcars .vehicleitem .pricefrom:after {
    background: #3d6f8e;
  }
  .featuredcars .vehicleitem .pricefromvalue {
    color: #fff;
  }
  .featuredcars .vehicleitem .pricefromcurrency {
    color: #fff;
  }
  .featuredcars .vehicleitem .pricefromperday {
    color: #fff;
  }

  a.morevehicle {
    background-color: #cd560a !important;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    display: block;
    width: 100%;
    padding: 20px 0;
    line-height: 1.5em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin-bottom: 70px;
    text-decoration: none;
  }
  a.morevehicle:hover {
    text-decoration: none !important;
    text-decoration-color: transparent !important;
    -webkit-text-decoration-color: transparent !important;
    -moz-text-decoration-color: transparent !important;
  }

/*article*/
  div.tck-article {
    margin-bottom: 10px;
  }
  div.page-header {
    margin: 0;
    padding-bottom: 0;
  }

/*article vehicle*/

  .vehiclepage .vignette h2 {
    font-size: 25px;
    line-height: 27px;
    font-family: "Slabo 13px", Arial, Tahoma, sans-serif;
    font-weight: 300;
    color: #444444;
    margin-bottom: 15px;
  }

  .vehiclepage .vehicledata .datarow {
    padding: 7px 10px;
    border-top: 1px solid #e2e1e1;
  }
  .vehiclepage .vehicledata .datarow:last-of-type {
    border-bottom: 1px solid #e2e1e1;
  }
  .vehiclepage .vehicledata .datarow:nth-of-type(2n) {
    background: rgba(0,0,0,0.01);
  }
  .vehiclepage .vehicledata .datatitle {
    display: inline-block;
    width: 120px;
    vertical-align: middle;
  }
  .vehiclepage .vehicledata .datavalue {
    display: inline-block;
    font-weight: bold;
    width: calc(100% - 124px);
    vertical-align: middle;
  }
  .vehiclepage .pricefrom {
    margin-top: 30px;
  }
  .pricetable {
    margin-bottom: 50px;
  }
  table {
    width: 100%;
  }
  table th,
  table td {
    padding: 10px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,.08);
  }
  th {
    color: #444;
    font-weight: 700;
    background: #f8f8f8;
  }
  /*table in table*/
  table table {
    border-collapse: collapse;
    border: none;
  }
  table table tr,
  table table td {
    border: none;
  }
  table table tr td {
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
  table table tr:last-child td {
    border-bottom: 0;
  }
  table table tr td:first-child {
    border-right: 1px solid rgba(0,0,0,.08);
  }
  table table tr td:last-child {
    border-right: 0;
  }
  table table tr td[colspan="2"] {
    border: none;
  }

  .personaladministrator {
    text-align: center;
  }
  .personaladministrator img {
    margin-bottom: 20px;
  }
  .personaladministrator .administratorname {
    font-size: 16px;
    line-height: 2em;
    font-weight: 700;
  }
  .personaladministrator #administratortel {
    font-size: 18px;
    line-height: 1.5em;
  }
  .offerbutton {
    padding: 11px 20px;
    background-color: #324968;
    color: #fff;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
  }
  .offerbutton:hover,
  .offerbutton:active,
  .offerbutton:focus,
  .offerbutton:visited {
    color: #fff;
    text-decoration: none !important;
    text-decoration-color: transparent !important;
    -webkit-text-decoration-color: transparent !important;
    -moz-text-decoration-color: transparent !important;
  }

/*gyik*/
  .gyik {
    padding-top: 40px;
  }
  .gyik h4 {
    font-size: 17px;
    margin-bottom: 4px;
    margin-left: 20px;
    margin-top: 25px;
    color: #324968;
  }
  .gyik p {
    margin-left: 40px;
    font-size: 15px;
  }


/*szolgaltatasok*/
  
  .fullwithline {
    height: 2px;
  }
  .fullwithline:after {
    content: "";
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    overflow: hidden;
    background: #4c8ab1;
  }

  /*szolgaltatasar*/
  .szolgaltatasarak {
    margin: 20px 0;
  }
  .szolgaltatasarak:after {
    content: '';
    display: block;
    clear: both;
  }
  .szolgaltatasarakitem {
    text-align: center;
    width: 50%;
    float: left;
    margin-bottom: 20px;
    padding: 0px 10px;
    box-sizing: border-box;
  }
  .szolgaltasarakicon {
    width: 100px;
    height: 100px;
    margin: 5px auto 20px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    box-shadow: 0 0 0px 10px #f8f8f8;
    background: repeating-linear-gradient(45deg, #f8f8f8, #f8f8f8 2px, #ffffff 0px, #ffffff 7px );
  }
  .szolgaltasarakicon i {
    font-size: 40px;
    line-height: 100px;
    color: #4c8ab1;
  }


  .szolgaltasarakicon i {
    font-size: 40px;
    color: #4c8ab1;
    height: 60px;
    margin-top: 20px;
  }

  .szolgaltasarakicon i.fa-sun:before {
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    background: url(https://kisnagyautoberles.hu/images/template/sun.png);
  }
  .szolgaltasarakicon i.fa-moon:before {
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    background: url(https://kisnagyautoberles.hu/images/template/moon.png);
  }



  .szolgaltatasaraktext p,
  .szolgaltatasaraktext h4 {
    color: #4C8AB1;
    margin-bottom: 6px;
  }

  /*szolgaltatasmore*/
  .szolgaltatasmorecontainer {
    margin: 20px 0;
  }
  .szolgaltatasmore:after {
    content: '';
    display: block;
    clear: both;
  }
  .szolgaltatasitem {
    width: 33.3333%;
    float: left;
    margin: 30px 0;
  }
  .szolgaltatasitem:after {
    content: "";
    clear: both;
    display: block;
  }
  .szolgaltatasicon {
    width: 80px;
    height: 80px;
    margin-right: 5%;
    float: left;
    text-align: center;
    background: repeating-linear-gradient(45deg, #4a87ae, #4a87ae 2px, #4c8ab1 0px, #4c8ab1 7px );
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1);
  }
  .szolgaltatasicon i {
    font-size: 30px;
    line-height: 80px;
    color: white;
  }
  .szolgaltatastext h4 {
    font-size: 18px;
    padding-top: 16px;
    margin-bottom: 0px;
  }
  /*szolgaltatastop w50*/
  .szolgaltatasmorecontainer.w50 .szolgaltatasitem {
    width: 50%;
  }

  /*szolgaltatasinfo*/
  .szolgaltatasinfo {
    padding: 40px;
    background: #4C8AB1;
  }
  .szolgaltatasinfo p {
    color: white;
    margin: 0;
  }
  .szolgaltatasinfo p i {
    font-size: 16px;
    color: #272727;
    margin-right: 16px;
  }

/*ajanlatkero modal*/

  body.body-overlayed {
    overflow: initial;
  }

  #sbox-window {
    box-sizing: border-box;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
  }
  #sbox-overlay {
    width: 100% !important;
    height: 100% !important;
    opacity: 0.8 !important;
    position: fixed;
  }
  .sbox-content-iframe html {
    height: 100%;
  }
  #sbox-window.shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
  }
  #sbox-content {
    background-color: transparent;
  }
  #sbox-btn-close {
    position: fixed;
    display: block;
    width: 100%;
    width: 100px;
    height: 30px;
    text-align: right;
    background-position-x: 100%;
    top: 10px;
    right: 10px;
    text-decoration: none;
  }
  #sbox-btn-close:before {
    display: inline;
    content: "Bezárás";
    position: relative;
    right: 30px;
    line-height: 26px;
    color: white;
    font-style: normal;
    text-shadow: 0 0 3px black;
    text-decoration: none;
  }
  iframe, svg {
    height: 100%;
  }

/*form*/
  form {
    padding: 0 0 30px;
  }
  div#rsform_error_3 {
    display: none !important;
  }
  .formResponsive  strong.formRequired {
    color: #d61f1b;
  }
  .formResponsive  .formBody {
    position: relative;
  }
  .formResponsive  .rsform-block {
    margin-bottom: 10px;
  }
  .formResponsive  .formControlLabel {
    font-weight: bold;
    margin-bottom: 6px;
  }
  .formResponsive  .formControls {
    padding: 0;
  }
  .formResponsive  textarea,
  .formResponsive  input[type="text"],
  .formResponsive  input[type="number"],
  .formResponsive  input[type="email"],
  .formResponsive  input[type="tel"],
  .formResponsive  input[type="url"],
  .formResponsive  input[type="password"],
  .formResponsive  select {
    width: 96% !important;
    padding: 5px 2%;
    margin: 0;
    color: #626262;
    background-color: rgba(255, 255, 255, 1);
    border-color: #d5e5ee;
    border-radius: 0;
    outline: none;
    line-height: 1em;
    font-size: 14px;
    height: auto;
    -webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
    box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
  }
  .formResponsive textarea:focus,
  .formResponsive input[type="text"]:focus,
  .formResponsive input[type="number"]:focus,
  .formResponsive input[type="email"]:focus,
  .formResponsive input[type="tel"]:focus {
    color: #1982c2;
    background-color: rgba(233, 245, 252, 1) !important;
    border-color: #d5e5ee;
    -webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
    box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
  }
  .formResponsive input:focus:invalid:focus,
  .formResponsive textarea:focus:invalid:focus,
  .formResponsive select:focus:invalid:focus,
  .formResponsive input:invalid,
  .formResponsive textarea:invalid,
  .formResponsive select:invalid {
    background: #f8b9b733 !important;
    border-color: #e9322d22;
    -webkit-box-shadow: 0 0 6px #f8b9b733;
    -moz-box-shadow: 0 0 6px #f8b9b733;
    box-shadow: 0 0 6px #f8b9b733;
  }

  .formResponsive textarea.rsform-error,
  .formResponsive input[type="text"].rsform-error,
  .formResponsive input[type="number"].rsform-error,
  .formResponsive input[type="email"].rsform-error,
  .formResponsive input[type="tel"].rsform-error,
  .formResponsive select.rsform-error {
    background: #f8b9b733 !important;
    border-color: #e9322d22;
    -webkit-box-shadow: 0 0 6px #f8b9b733;
    -moz-box-shadow: 0 0 6px #f8b9b733;
    box-shadow: 0 0 6px #f8b9b733;
  }

  .formResponsive  p.formDescription {
    margin: 0;
    padding: 0;
  }
  .formResponsive  .formValidation {
    display: block;
  }
  .formResponsive  .formError {
    margin: 0;
    padding-left: 16px;
    color: #d61f1b;
  }
  .rsform-block-adatkezelesiszabalyzat {
    height: 300px;
    width: 70%;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid;
    background-color: rgba(255, 255, 255, 1);
    border-color: #d5e5ee;
    -webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
    box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
    padding: 10px;
    margin: 20px auto 20px !important;
  }
  .formResponsive .rsform-block.rsform-block-felhasznalasifeltetelek .formControlLabel {
    display: none;
  }
  .formResponsive .rsform-block.rsform-block-submit {
    text-align: center;
    margin-top: 20px;
  }
  .formResponsive .rsform-block.rsform-block-submit input[type="submit"],
  .formResponsive .rsform-block.rsform-block-submit button[type="submit"],
  div#rsfp_thankyou_popup_inner a.ktyButton,
  div#rsfp_thankyou_popup_inner button {
    display: inline-block;
    background: #324968;
    color: white;
    font-family: "Roboto";
    padding: 11px 20px;
    line-height: 1.5em;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    text-transform: uppercase;
  }
  .formResponsive .rsform-block.rsform-block-submit input[type="submit"]:hover,
  .formResponsive .rsform-block.rsform-block-submit button[type="submit"]:hover,
  div#rsfp_thankyou_popup_inner a.ktyButton:hover,
  div#rsfp_thankyou_popup_inner button:hover {
    display: inline-block;
    background: #324968;
    color: white;
    font-family: "Roboto";
    padding: 11px 20px;
    line-height: 1.5em;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    text-transform: uppercase;
  }
  div.rsfp_thankyou_popup_outer {
    background: rgba(0, 0, 0, 0.75);
  }
  div#rsfp_thankyou_popup_inner {
    background: #ffffff;
    text-align: center;
  }
  div#rsfp_thankyou_popup_inner h1 {
    font-size: 20px;
    line-height: 26px;
  }

/*responsive map*/
  
  #map {
    margin-bottom: 40px;
  }

  .mapconatainer {
    position: relative;
  }
  .mapinfo {
    position: absolute;
    top: 58%;
    left: 74%;
    max-width: 300px;
    transform: translate(-50%, -50%);
    padding: 20px 0 0;
    margin-top: 0;
    background: #4c8ab1;
  }
  .mapinfo h3 {
    color: white;
    font-size: 24px;
    padding: 0px 18px;
    white-space: nowrap;
    text-align: center;
  }
  .mapinfo .address,
  .mapinfo .phone {
    border-bottom: 0.1px solid rgba(255, 255, 255, 0.8);
  }
  .mapinfo p {
    color: white;
    margin: 0;
    padding: 0px 30px;
    line-height: 3em;
    white-space: nowrap;
  }
  .mapinfo a {
    color: white;
  }
  .mapinfo a:hover {
    color: white;
    text-decoration: underline;
    text-decoration-color: white;
    -webkit-text-decoration-color: white;
    -moz-text-decoration-color: white;
  }
  .mapinfo i {
    margin-right: 20px;
    color: rgba(0,0,0,.7);
  }
  .mapinfo .mapimage {
    margin-bottom: -5px;
  }

/*footer*/
  
  #footerwrapper,
  #footerbottomwrapper {
    background: #292d30;
    color: #cccccc;
    padding: 15px 0;
  }
  #footerwrapper .flexiblecolumn .tck-module,
  #footerbottomwrapper .tck-module {
    padding: 15px 0;
  }

  #footerrow > .flexiblecolumn > .inner {
    margin: 0 1% 40px;
  }

  #footerwrapper h4,
  #footerbottomwrapper h4 {
    color: white;
  }
  #footerwrapper a,
  #footerbottomwrapper a {
    color: #cccccc;
    font-weight: normal;
    text-decoration: underline;
  }
  #footerwrapper a:hover,
  #footerbottomwrapper a:hover {
    color: white;
    text-decoration: underline;
    text-decoration-color: white;
    -webkit-text-decoration-color: white;
    -moz-text-decoration-color: white;
  }

  #footerbottomwrapper {
    border-top: 1px solid rgba(255,255,255,.1);
  }

  /*footer locationall*/
  #footerwrapper #locationall {
    text-align: right;
  }

  /*footer locationinfo*/
  #footerwrapper #locationinfo {
    text-align: center;
    background: #668393;
    margin: 0 20px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.03), 1px 1px 5px rgba(0, 0, 0, 0.2);
  }
  #footerwrapper  p.telephelyelerhetosegei span {
    display: block;
    font-size: 16px;
    line-height: 2em;
  }
   #footerwrapper  p.telephelyelerhetosegei span i {
    margin-right: 10px;
   }

  #footerwrapper p.telephelyelerhetosegei span a {
    text-decoration: none;
    color: white;
  }

  /*copyright*/
  .footerstars {
    display: inline-block;
    width: 11px;
    text-align: right;
    margin-right: 6px;
  }

/*login logout*/

  body.com_users #pagetitle {
    top: 0;
  }
  body.com_users #wrapper {
    padding-top: 50px;
  }
  body.com_users button,
  body.com_users button:hover {
    padding: 11px 20px;
    background-color: #324968;
    color: #fff;
  }

/*logged in user*/

  .icons.tck-article-tools,
  .btn.jmodedit {
    display: none !important;
  }
  .vehicleitem.system-unpublished {
    position: relative;
  }
  .label-warning {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    text-shadow: none;
    color: black;
  }

/*cookies alert*/
  #cookiesck #cookiesck_text {
    max-width: calc(100% - 100px);
  }
  #cookiesck #cookiesck_accept,
  #cookiesck #cookiesck_accept:hover {
    float: left;
    padding: 9px 16px;
    margin: 1px;
    border-radius: 0px;
    background: #324968;
    color: white;
    font-size: 100%;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border: none;
    font-weight: bold;
    font-family: "Roboto", Arial, Tahoma, sans-serif;
  }


/*404 error*/

  .errorpage #pagetitle {
    top: 0;
  }
  .errorpage .errorcontainer {
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 0;
  }
  .errorpage #pagetitle h1 {
    text-transform: initial;
  }
  .errorpage h1 .error404 {
    font-size: 100px;
    line-height: 100px;
    color: #4C8AB1;
    display: block;
  }
  .errorpage h1 .errordesc {
    font-size: 30px;
    line-height: 45px;
    color: #1AA0E1;
    display: block;
  }
  .errorpage p.errorhelp {
    font-size: 14px;
    line-height: 1.5em;
  }
  .errorpage .backtomainpage {
    margin-top: 30px;
    padding: 11px 20px;
    background-color: #324968;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    font-weight: normal;
    text-decoration-color: transparent;
    -webkit-text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
    border: none;
  }

/*responsive*/

  @media screen and (max-width: 1200px) {
    
    /*slider*/
    div#slider {
    	height: 27vw !important;
    }
    a.sliderlink {
    	font-size: 1.25vw;
      padding: 1vw 2.9vw;
    }
    nav#mainmenu .mobilebarmaximenuck {
      display: block !important;
    }
  }

  @media screen and (max-width: 1000px) {
    /*headercontact*/
    #headerwrapper {
      padding-top: 0px;
    }
    #headercontact {
      padding: 10px 0px;
      position: relative;
      background: transparent;
      box-shadow: none;
    }
    .headercontactitem {
      display: block;
    }
    #locationselector {
      top: 12px;
    }

    /*featured article*/
    .featured_articles h2.categoryheader {
      font-size: 4vw;
      line-height: 4vw;
      padding-bottom: 4vw;
    }
    .featured_articles .vehicleitem h2.tck-article-title a {
      font-size: 24px;
    }
    .vehicleitem .pricefromvalue {
      font-size: 4.5vw;
      letter-spacing: -2px;
    }
    .vehicleitem .pricefromcurrency {
      margin-right: 2px;
      font-size: 18px;
    }
    .vehicleitem .pricefromperday {
      font-size: 12px;
    }

    /*vehicleblog*/
    .vehicleblog .row-fluid .span3 {
      width: 49%;
      margin-left: 0;
      margin-right: 0;
      float: left;
    }
    .vehicleblog .row-fluid .span3:nth-of-type(2n) {
      margin-left: 2%;
    }
  }

  @media screen and (max-width: 900px) {

    /*szolgaltatasok*/
    .szolgaltatasitem,
    .szolgaltatasmorecontainer.w50 .szolgaltatasitem {
      width: 100%;
      float: none;
    }
    .szolgaltatasarakitem {
      width: 100%;
      float: none;
    }
  }

  @media screen and (max-width: 800px) {
    /*featured_articles*/
    .featured_articles .row-fluid .span6 {
      width: 100%;
      margin: 0;
    }
  }

  @media screen and (max-width: 767px) {
    /*vehiclepage*/
    .vehiclepage .vignette h2 {
      font-size: 16px;
      line-height: 1.5em;
    }
    .vehiclepage .item-image {
      text-align: center;
    }
    .personaladministrator {
      margin-top: 40px;
    }
    /*blog*/
    .blog.kisnagyblog .items-row {
			display: block;
			padding-bottom: ;
		}
		.blog.kisnagyblog .items-row .span6 {
			margin-bottom: 20px;
		}
  }

  @media screen and (max-width: 758px) {
    h2 {
      font-size: 22px;
    }
    h3 {
      font-size: 20px;
    }
    h4 {
      font-size: 18px;
    }

    /*menu*/
    nav#mainmenu {
      top: 0%;
    }
    
    /*pagetitle*/
    div#pagetitle {
      top: 0px;
      margin-bottom: 20px;
    }
    h1.pagetitle {
      font-size: 18px;
      line-height: 40px;
    }
    div#pagetitle:after {
      border-width: 16px 16px 0 16px;
    }

    /*slider*/
    div#slider {
      margin-top: -15px;
      height: 32vw !important;
  	}
  	div#sliderlcv {
      width: 60%;
      left: 3%;
    }
    div#slidercar {
      width: 58%;
      right: 2%;
  	}
  	a.sliderlink {
    	font-size: 1.75vw;
      padding: 1vw 1.5vw;
    }
    
    /*mobilemenu*/
    nav#mainmenu .mobilebuttonmaximenuck {
      right: 10px;
    }
    nav#mainmenu .mobilemaximenuck .mobilemaximenuckclose {
      right: 10px;
    }

    /*featrued article*/
    .featured_articles .row-fluid .span6 {
      width: 48.936170208%;
      margin: 0;
      float: left;
    }
    .featured_articles .row-fluid .span6:nth-of-type(2n) {
      margin-left: 2.127659574%;
    }

    .vehicleitem .pricefromvalue {
      font-size: 45px;
      letter-spacing: 0px;
    }
    .vehicleitem .pricefromcurrency {
      margin-right: 5px;
      font-size: 20px;
    }
    .vehicleitem .pricefromperday {
      font-size: 15px;
    }
    
    /*vehicleblog*/
    .vehicleblog .row-fluid .span3 {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 40px;
    }
    .vehicleblog .row-fluid .span3:nth-of-type(2n) {
      margin-left: 0;
    }

    /*mapinfo*/
    .mapinfo {
      position: relative;
      top: 0;
      left: 0;
      transform: none;
      max-width: 600px;
      margin: 20px auto 0px;
    }
    .mapinfo .address,
    .mapinfo .phone {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    /*table*/
    table, thead, tbody, th, td, tr { 
      display: block; 
    }
    thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    table tr {
      border: 1px solid #ccc;
    }
    table th {
      border: none;
      border-bottom: 1px solid #ccc;
    }
    table td { 
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative; 
    }
    table.pricetable td { 
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
      padding-left: 50%; 
    }
    table.pricetable td:before { 
      position: absolute;
      left: 0px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
    }

    .carpricetable td:nth-of-type(1):before { content: "1-7 napig"; }
    .carpricetable td:nth-of-type(2):before { content: "8-14 napig"; }
    .carpricetable td:nth-of-type(3):before { content: "15-29 napig"; }
    .carpricetable td:nth-of-type(4):before { content: "30 nap-tól"; }

    .lcvpricetable td:nth-of-type(1):before { content: "1-3 napig"; }
    .lcvpricetable td:nth-of-type(2):before { content: "4-7 napig"; }
    .lcvpricetable td:nth-of-type(3):before { content: "8-14 napig"; }
    .lcvpricetable td:nth-of-type(4):before { content: "15-29 napig"; }
    .lcvpricetable td:nth-of-type(5):before { content: "30 nap-tól"; }

    /*facebooklink*/
    .facebooklink {
      top: 6%;
      right: 18px;
    }
  }

  @media screen and (max-width: 524px) {
    
    /*headercontact*/
    .headercontactcontainer {
      text-align: center;
    }
    #locationselector {
      position: relative;
      display: inline-block;
      top: 0;
      right: 0;
      left: 0;
      margin-bottom: 10px;
      padding: 7px 20px;
    }
    .hc-info {
      text-align: center;
    }
    /*featured article*/
    .featured_articles .row-fluid .span6 {
      width: 100%;
      margin: 0;
      float: none;
    }
    .featured_articles .row-fluid .span6:nth-of-type(2n) {
      margin-left: 0%;
    }
    .featured_articles h2.categoryheader {
      font-size: 6vw;
      line-height: 6vw;
      padding-bottom: 6vw;
    }

    /*facebooklink*/
    .facebooklink {
      top: 6%;
      right: 20px;
    }
    .facebooklink a {
      width: 28px;
      height: 28px;
    }
    .facebooklink a i {
      line-height: 28px;
      font-size: 16px;
    }

    /*search*/
    .resultinfo {
      display: block;
      text-align: center;
    }
  }