/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=latin,latin-ext);

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*-------------
    OVERRIDES
 -------------*/
 
html {
	font: 400 15px / 22px "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.tm-article-image {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background-position: center;
    background-size: cover;
    display: block;
}

.uk-panel-box-main.sticky {
	background: #fff;
}
.uk-nav-side>li.uk-active>a {
	background: #ac1821!important;
}

h1, h2, h3, h4, h5, .uk-article-title {
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.uk-text-primary {
    color: #ac1821!important;
}
h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, p::selection, a::selection, li::selection  {
  background: #ac1821; /* WebKit/Blink Browsers */
}
h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, p::-moz-selection, a::-moz-selection, li::-moz-selection {
  background: #ac1821; /* Gecko Browsers */
}

/*-------------
    HEADER
 -------------*/
 .logo {
	 margin: 0 auto;
	 max-width:1200px;
	 position:relative 
 }
 .logo img {
	position: absolute;
	top: 90px;
	left: 30px;
	z-index: 99;
}

.topline {
    background: #1c1c1c;
    height: 24px;
    width: 100%
}

header {
    position: relative;
    background: url(../img/extra-bg.gif) top center no-repeat;
    height: 296px;
}
.rolunk-kep {
    background: url(../img/extra-bg.gif) center -24px no-repeat;
}
.rolunk-kep .content {background: rgba(255, 255, 255, 0.9);padding-top:10px}

.nagykep {
	background:url(../img/slide05.jpg) top center no-repeat;
}

body.fooldal header {
    height: auto;
}

.uk-navbar {
    background: url(../img/nav-bg.png) center;
    margin-top: 183px;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1000;
    height: 106px;
}

body.fooldal .uk-navbar {
    margin-top: 364px;
}

.uk-navbar-center {
    max-width: 980px;
}

.uk-navbar ul li {
    float: left;
    font-size: 1.3333em;
    line-height: 1.2307em;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 0;
    margin: 0 0 0 24px;
    vertical-align: bottom;
    display: inline;
    zoom: 1;
}
    
.uk-navbar ul li a {
    text-decoration: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    display: inline-block;
    zoom: 1;
    position: relative;
    z-index: 20;
    color: #000;
    text-align: center;
    height: 106px;
    padding-top: 37px;
    font-size: 17px;
    font-weight: 600;
}
.uk-navbar ul li a:hover {
    background: url(../img/nav-hover.png) left top repeat-x;
    color: #FFF;
}

.uk-navbar-nav>li.uk-active>a,
.uk-navbar-nav>li.uk-active>a:hover {
    background: url(../img/nav-current.gif) left top repeat-x;
    color: #000;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;    
}

/*-------------
    SLIDER
 -------------*/

.slider {
    max-height: 528px;
    background: url(../img/extra-bg.gif) bottom center no-repeat #f6f6f6;
	max-width: 1200px;
	margin: 0 auto;
}
.slider img {
    display: block;
    margin: 0 auto;
}

/*-------------
    CONTENT
 -------------*/


.content {
    background: url(../img/page1-content-bg.gif) top center no-repeat #fff;
    padding: 40px 0 0 0;
}
.content-inner {
    background: url(../img/content-inner-bg.gif) bottom center no-repeat;
    padding: 0 0 66px 0;
}


/* boxok */

.uk-panel-box-main {
    padding: 15px;
    background: none;
    color: #444;
    border: 1px solid #dadada;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;    
}
h3.uk-panel-title {
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 22px;
}

.button1 {
    display: inline-block;
    background: #ac1821;
	background:#efefef;
    padding: 6px 6px 6px 6px;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.2307em;
    text-decoration: none;
    color: #fff;
	color:#000;
    margin-top: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    text-transform: uppercase;
}
	.button1:hover {
		background:#efefef;
		background: #ac1821;
		color:#000;
		color: #fff;
        text-decoration: none;
	}

.button3 {
    display: inline-block;
    background: #ac1821;
	background:#efefef;
    padding: 8px 8px 8px 8px;
    font-size: 1.5 em;
    font-weight: bold;
    line-height: 1.2307em;
    text-decoration: none;
    color: #fff;
	color:#000;
    margin-top: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    text-transform: uppercase;
}
	.button3:hover {
		background:#efefef;
		background: #ac1821;
		color:#000;
		color: #fff;
        text-decoration: none;
	}

.uk-panel-box-main.alt {
    background: url(../img/box-hover-bg.gif) left top repeat-x #bf000f;
    border-top: 1px solid #ec7e87;
    border-left: 1px solid #df4a55;
    border-right: 1px solid #850c15;
    border-bottom: 1px solid #500006;
    color: #ffffff;
}
.uk-panel-box-main.alt .button1 {
    background: #efefef;
    color: #000;
}
.uk-panel-box-main.alt h3 {
    color: #fff;
}



.red {color:#ac1821}

.red2 {
    /*background: #ac1821;*/
    color: #fff;
    padding: 0 5px;
	border-bottom: 32px solid #ac1821;
	border-left: 15px solid transparent;
	height: 0;
	width: auto;
	display: block;
	text-align:center
}
.black {
	float: left;
	color: #fff;
	padding: 0 5px;
	border-bottom: 32px solid #333;
	border-right: 15px solid transparent;
	height: 0;
	width: 46%;
	display: block;	
	text-align:center
}

.szolg .content h2 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	color: #444;
}

/*--------------------------
    FOOLDAL ROLUNK MONDTAK
 --------------------------*/

.rolunk-mondtak {
	background: #656565;
	max-width: 100%;
	color: #fff;
}
.rolunk-mondtak > div > div {background: url(../img/quote.png) 20px 0 no-repeat}
.rolunk-mondtak .slick-dots {position: static}

.rolunk-slider .nev {padding-top: 120px;padding-left:40px}
.rolunk-slider .nev i {font-size:13px;font-family: 'Open Sans Condensed';font-weight:300;font-style: normal;line-height:15px;display:block;}
.rolunk-slider .tartalom {padding-top: 30px;font-size:14px;font-family: 'Open Sans';font-style: normal}
.rolunk-slider .smaller .tartalom {padding-top: 20px;font-size:14px;line-height:18px;}

/*-------------
    FOOTER
 -------------*/

.footer {
    background: url(../img/aside-bg.gif) left top repeat-x #363636;
    color: #fff;
}
.footer-max-width {max-width: 1200px;}
.footer .uk-grid{padding: 20px 0 35px 0;}
.footer h2 {
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.75em;
    line-height: 1.2307em;
    text-transform: uppercase;
    text-shadow: none;
    text-align: left;
    display: block;
    padding: 26px 0 28px 0;
    margin: 0;
}
.footer ul {
    margin: -10px 0 0 0;
    padding: 0;
}
.footer li {
    line-height: 3.333em;
    background: url(../img/aside-border-bg.gif) left bottom repeat-x;
    list-style-type: none;
    text-align: left;
    padding: 0;
}
.footer li.last {
    background: none;
}

.footer a {
    color: #b1b1b1;
    text-decoration: none;
    text-shadow: none;
    text-align: left;
    display: block;
    float: none;
}
.footer a:hover {color: #fff}

.footer img.ref {margin: 4px 2px;padding: 0}

.footer-end {
    background: #2c2c2c;
}
.footer-end .uk-grid{
    height: 39px;
    color: #b1b1b1;
    padding: 23px 0 0 0;
}

/*-------------
    VIEWS
 -------------*/


@media (max-width: 767px) {
    .uk-navbar {
        background-position: left -20px;
        height:50px;
        margin: 0 0 25px 0 !important;
        bottom: 0
    }
    .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
        height: 50px;
    }
    .uk-navbar-brand  {
        box-shadow: 0 0 3px #CCC;
    }
    
    .tm-article-image {
        margin: auto;
        margin-bottom: 30px !important;
        width: 160px;
        height: 160px;
    }
    
    .szolg .uk-width-small-1-10,
    .filozofia .uk-width-small-1-10 {
        float: left;
        display: block;
        width: 100%;
        text-align: center;    
        margin-bottom: 10px;
    }
    .szolg .uk-width-small-9-10,
    .filozofia .uk-width-small-9-10 {
        padding-left: 30px;
        text-align: justify;
        width: 100%;
    }
    .szolg .uk-width-small-9-10 h2,
    .filozofia .uk-width-small-9-10 h2 {
        text-align: center;
    }
    
}

@media (min-width: 1220px) {
    .uk-navbar-center {
        max-width: 1180px;
    }
}

@media (min-width: 768px) {

.sticky01 {max-width:224px!important;top:30px!important}
.rolunk-slider .tartalom {padding: 30px 20px 0 0;}

}
@media (min-width: 960px) {

.headbg {
  display:block !important;
  position: absolute;
  background: url(../img/slide04.jpg) top right no-repeat;
  height: 200px;
  width: 646px;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top:24px;
}

}

@media (max-width: 960px) {

.fooldal .logo img {position: static;display: block;margin: 0 auto 0;padding-top:10px}
.logo {position:absolute;width:100%}
.logo img {position:static;display: block;margin: 0 auto 0;padding-top:50px;}
.uk-navbar-nav>li>a {padding: 0 11px;}

}