/*CSS Reset*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal;}ul,ol {list-style:none;}fieldset,img,hr {border:none;}caption,th {text-align:left;}table {border-collapse:collapse; border-spacing:0;}td {vertical-align:top;}img.centered, .aligncenter, div.aligncenter {display: block;margin-left: auto;
margin-right: auto;}
img.alignright {margin: 0 0 2px 15px;display: inline}
img.alignleft {margin: 0 15px 2px 0;display: inline}
.alignright {float: right;}.alignleft {float: left;}
/*HTML5 block*/
header, section, footer,
aside, nav, article, figure {
 display: block;
}
figure {
 margin:0;
 padding:0;
}
/*HTML5 clearfix*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

body{
 background:#ffffff;
 font-family: 'Roboto', sans-serif;
 font-size:16px;
 color:#000000;
 line-height:20px;
 font-weight:300;
}
p {
 margin-bottom:25px;
}
a {
 color:#8C6900;
 text-decoration:none;
}
a:hover {
 color:#008C00;
 text-decoration:none;
}
a:active {
 text-decoration:none;
 border:none;
}

.wrapper {
 width:1200px;
 margin:0 auto;
}
.clear {
 clear:both;
 height:0px;
}
.relative {
 position:relative;
}
.mobilenav {
 float:right;
 padding-top:10px;
 cursor:pointer;
 display:none;
}



/* ################# HEADER ######################## */

header {
 background:url(/images/OTHeaderBg.png) no-repeat center top;
 border-bottom:0px solid #dae8ed;
 padding:25px 0;
}
header .logo {
 float:left;
}
header .logo img {
 max-width:100%;
 height:auto; 
}
header .slogen {
 float:right;
 margin-right:150px;
 padding-top:10px;
 font-family: 'VarelaRound', sans-serif;
 color:#adadad;
 font-size:20px;
 line-height:20px;
 text-transform:uppercase;
 width:300px;
}


/* ################# SLIDER ######################## */

.mainmsg.home {
 background:url(/PortalKellekek/images/mainimg.jpg) no-repeat center center !important;
 background-size:cover;
 padding:30px 0 0 0;
}
.mainmsg.home .msg {
 background:url(/PortalKellekek/images/corner-slider.png) no-repeat left bottom;
 padding-bottom:30px;
 width:400px;
 margin-bottom:20px;
}
.mainmsg.home .msg .inner {
 padding:20px;
 background:#008C00;
 color:#ffffff;
 font-size:16px;
 line-height:20px;
}
.mainmsg.home .msg .inner h1 {
 font-family: 'VarelaRound', sans-serif;
 font-size:24px;
 line-height:24px;
 text-transform:uppercase;
 margin-bottom:10px;
}
.mainmsg:not(.home) .msg {
 display:none;
}
.mainmsg {
 background:#dae8ed;
 padding:10px 0 0 0;
}

/* ################# NAV ######################## */

.mainmsg nav li {
 float:left;
 width:20%; 
}
.mainmsg nav li a {
 font-family: 'VarelaRound', sans-serif;
 font-size:13px;
 line-height:13px;
 text-transform:uppercase;
 display:block;
 background:#88aec7;
 padding:20px;
 text-align:center;
 border-right:1px solid #dae8ed;
 color:#ffffff;
 margin-top:27px;
}
.mainmsg nav li a:hover {
 background:#73a6c7;
}

.mainmsg nav li:last-child a {
 border-right:none;
}
.mainmsg nav li.current a {
 background:#ffffff;
 padding:45px 20px 20px 20px;
 margin-top:0px;
 border-top:2px solid #008C00;
 color:#000000;
}
.mainmsg nav li.current a span {
 color:#008C00;
}
.mainmsg nav li:nth-child(1).current a {
 background:#ffffff url(/PortalKellekek/images/ico-m1.png) no-repeat center 15px;
}
.mainmsg nav li:nth-child(2).current a {
 background:#ffffff url(/PortalKellekek/images/ico-m2.png) no-repeat center 15px;
}
.mainmsg nav li:nth-child(3).current a {
 background:#ffffff url(/PortalKellekek/images/ico-m3.png) no-repeat center 15px;
}
.mainmsg nav li:nth-child(4).current a {
 background:#ffffff url(/PortalKellekek/images/ico-m4.png) no-repeat center 15px;
}
.mainmsg nav li:nth-child(5).current a {
 background:#ffffff url(/PortalKellekek/images/ico-m5.png) no-repeat center 15px;
}

/* ################# CONTENT ######################## */

.contentarea {
 padding:20px 0;
}
.content { min-width: 320px;
 overflow:hidden;
}


.propteaser {
 margin-bottom:10px;
}
.propteaser .helper {
 border:1px solid #dae8ed;
 cursor:pointer;
 transition:all 0.5s ease;
}
.propteaser .helper:hover {
 box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.propteaser figure {

}
.propteaser figure img {
 max-width:100%;
 height:auto;
}
.propteaser .frow {
 border-bottom:1px solid #dae8ed;
 background:#fcfdfd;
}
.propteaser .frow .price {
 float:right;
 border-left:1px solid #dae8ed;
 font-family: 'VarelaRound', sans-serif;
 font-size:18px;
 line-height:18px;
 color:#008C00;
 padding:10px;
}
.propteaser .frow .size {
 float:left;
 font-size:14px;
 line-height:14px;
 padding:10px;
 font-weight:500;
}
.propteaser .moreinfo {
 font-size:14px;
 line-height:14px;
 padding:10px;
}
sup {
 font-size:9px;
}


.proplistitem {
 margin-bottom:20px; width:258px; float:left; margin:10px;
}
.proplistitem .helper {
 border:1px solid #dae8ed;
 cursor:pointer;
 transition:all 0.5s ease;
}
.proplistitem .helper:hover {
 box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.proplistitem figure {
 float:left;
 width:250px;
 padding:3px;
}
.proplistitem figure img {
 max-width:100%;
 height:auto;
 margin:0px;
 display:block;
}
.proplistitem .data {
 overflow:hidden; float:left;
}
.proplistitem .frow {
 border-bottom:1px solid #dae8ed;
 background:#fcfdfd;
}
.proplistitem .frow .price {
 float:right;
 border-left:1px solid #dae8ed;
 font-family: 'VarelaRound', sans-serif;
 font-size:18px;
 line-height:18px;
 color:#8C6900;
 padding:10px;
}
.proplistitem .frow .size {
 float:left;
 font-size:14px;
 line-height:14px;
 padding:10px;
 font-weight:500;
}
.proplistitem .frow .rooms {
 float:left;
 font-size:14px;
 line-height:14px;
 padding:13px 10px 10px 10px;
 font-weight:500;
 border-left:1px solid #dae8ed;
}
.proplistitem .moreinfo {
 font-size:14px;
 line-height:14px;
 padding:10px;
}

/* ################# ADATLAP ######################## */

.bread {
 border-bottom:1px solid #d6d6d6;
 padding-bottom:10px;
 margin-bottom:10px;
}
.bread li {
 float:left;
 margin-right:5px;
 font-size:11px;
 text-transform:uppercase;
 background:none !important;
 padding:0px !important;
}
.bread li:after {
 content:'»';
 padding-left:5px;
}
.bread li a {
 color:#999999;
}

.pagetitle {
 font-family: 'VarelaRound', sans-serif;
 font-size:24px;
 line-height:24px;
 color:#000000;
 margin-bottom:30px;
}
.pagetitle span {
 color:#008C00;
}

.propdata {
 margin-bottom:20px;
}
.propdata figure {
 float:left;
 margin-right:20px;
}
.propdata .proptable {
 overflow:hidden;
}
.propdata .proptable table {
 width:100%;
}
.propdata .proptable td {
 border:1px solid #d6d6d6;
 border-collapse:collapse;
 padding:16px;
}
.propdata .proptable td.dataname {
 font-weight:300;
 font-size:12px;
 text-transform:uppercase;
}
.propdata .proptable td.datavalue {
 font-weight:500;
 font-size:20px;
}
.propdata .proptable td.dataprice {
 font-weight:300;
 font-size:12px;
 text-transform:uppercase;
 text-align:center;
 background:#fcfdfd;
}
.propdata .proptable td.dataprice .price {
 font-family: 'VarelaRound', sans-serif;
 font-size:34px;
 line-height:34px;
 color:#008C00;
 margin-bottom:20px;
 padding:10px 0;
 border-bottom:1px solid #d6d6d6;
 text-transform:none;
}
.propdata .proptable td.dataprice .offer {
 font-weight:300;
 font-size:14px;
 line-height:14px;
 text-transform:none; 
}
.propdata .proptable td.dataprice .offer a {
 color:#000000;
}

.shareit {
 padding:15px;
 background:#e7eaec;
 font-weight:300;
 margin-bottom:20px;
}
.shareit .shareblock {
 margin-right:20px;
 float:left;
}
.shareit .txt {
 float:left;
 font-size:14px;
 padding-top:2px;
 margin-right:5px;
}
.shareit .txt a {
 color:#000000;
}
.shareit .icon {
 float:left;
 margin-right:5px;
}

.toggle {
 margin-bottom:20px;
 font-size:14px;
 line-height:20px;
}
.toggle h2 {
 padding:15px 0 15px 0;
 margin-bottom:15px;
 border-bottom:1px solid #d6d6d6;
 cursor:pointer;
 background:url(/PortalKellekek/images/ico-arrtop.png) no-repeat right center;
 font-family: 'VarelaRound', sans-serif;
 font-size:18px;
 line-height:18px; 
}
.toggle h2.closed {
 background:url(/PortalKellekek/images/ico-arrbottom.png) no-repeat right center;
}
.toggle li {
 margin-bottom:5px;
 font-weight:300;
}
.toggle ul {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
.toggle .togglecontent {

}

/* ################# ASIDE ######################## */

aside {
 width:300px;
}
aside.left {
 float:left;
 margin-right:20px;
}
aside.right {
 float:right;
 margin-left:20px;
}

.widget {
 border:1px solid #d1d7da;
 margin-bottom:20px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}
.widget img {
 max-width:100%;
 height:auto;
}
.widget .boxtitle {
 font-family: 'VarelaRound', sans-serif;
 font-size:18px;
 line-height:18px;
 text-transform:uppercase;
 padding:10px; 
 -webkit-border-top-left-radius: 6px;
 -moz-border-top-left-radius: 6px;
 border-top-left-radius: 6px;
 -webkit-border-top-right-radius: 6px;
 -moz-border-top-right-radius: 6px;
 border-top-right-radius: 6px;
}
.widget.blue .boxtitle {
 background:#8C6900;
 color:#ffffff; 
}
.widget.red .boxtitle {
 background:#008C00;
 color:#ffffff; 
}
.widget.grey .boxtitle {
 background:#e7eaec;
 color:#000000; 
}
.widget .boxbody {
 padding:15px 20px;
}

.widget .formrow {
 margin-bottom:8px;
 overflow:hidden;
}
.widget .formrow .formcol {
 float:left;
 width:48%;
}
.widget .formrow .formcol:first-child {
 margin-right:4%;
}
.widget .formrow label {
 padding:0 5px;
 font-size:14px;
 color:#5a5a5a;
}
.widget .formrow input[type=text] {
 box-sizing:border-box;
 border:1px solid #dfdfdf;
 padding:10px;
 font-size:14px;
 color:#5a5a5a;
 width:100%;
}
.select-style {
 box-sizing:border-box;
 padding:0px;
    border: 1px solid #dfdfdf;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    background: #fff;
    position: relative;
}

.select-style:after {
    top: 50%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(100, 100, 100, 0);
    border-top-color: #999999;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}

.select-style select {
    padding: 10px;
 box-sizing:border-box;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
 font-size:14px;
 color:#5a5a5a;
 font-family: 'Roboto', sans-serif; 
 font-weight:300;
}

.select-style select:focus {
    outline: none;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 font-size:14px;
 color:#5a5a5a;
 font-family: 'Roboto', sans-serif; 
 font-weight:300;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 font-size:14px;
 color:#5a5a5a;
 font-family: 'Roboto', sans-serif; 
 font-weight:300;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 font-size:14px;
 color:#5a5a5a;
 font-family: 'Roboto', sans-serif; 
 font-weight:300;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-size:14px;
 color:#5a5a5a;
 font-family: 'Roboto', sans-serif; 
 font-weight:300;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
 font-size:14px;
 color:#5a5a5a;
 font-family: 'Roboto', sans-serif; 
 font-weight:300;
}


.widget .formrow input[type=submit], .btn {
 box-sizing:border-box;
 border:none;
 padding:10px;
 font-size:16px;
 color:#ffffff;
 background:#008C00;
 width:100%;
 text-transform:uppercase;
 cursor:pointer;
}
.detailed {
 cursor: pointer;
 padding:10px 10px 10px 30px;
 font-size:11px;
 line-height:11px;
 color:#000000;
 display:block;
 background:url(/PortalKellekek/images/ico-detailed.png) no-repeat left center;
}

.referer {
 text-align:center;
 padding:15px 0;
 border-bottom:1px solid #d6d6d6;
}
.referer figure {
 margin-bottom:5px;
}
.referer h3 {
 font-family: 'VarelaRound', sans-serif;
 font-size:16px;
 line-height:16px;
 text-transform:uppercase;
 margin-bottom:5px
}
.referer h4 {
 font-size:11px;
 line-height:11px;
 text-transform:uppercase;
 margin-bottom:5px;
 font-weight:300;
 
}
.refcontact {
 text-align:center;
 padding:15px 0;
 border-bottom:1px solid #d6d6d6;
 margin-bottom:15px;
 font-family: 'VarelaRound', sans-serif;
 font-size:28px;
 line-height:28px;
 text-transform:uppercase;
 color:#008C00; 
}
.refcontact span {
 padding:10px 0;
 font-size:12px;
 line-height:12px;
 color:#000000; 
}

/* ################# CONTACTPAGES ######################## */

article.office {
 padding:15px 0;
 border-top:1px solid #dadada;
 background:#ffffff url(/PortalKellekek/images/office-arrow.png) no-repeat 110% center;
 cursor:pointer;
 transition:all 0.5s ease;
}
article.office:hover {
 padding:15px 40px 15px 0;
 background:#f6f6f6 url(/PortalKellekek/images/office-arrow.png) no-repeat right center;
}
article.office .add {
 float:left;
}
article.office .con {
 float:right;
 text-align:right;
 font-size:14px;
 line-height:14px;
 padding-top:3px;
}
article.office h1 {
 font-family: 'VarelaRound', sans-serif;
 font-size:16px;
 line-height:16px;
 text-transform:uppercase;
 color:#000000 !important;
 margin-bottom:5px;
}
article.office h1 a {
 color:#000000 !important;
 text-decoration:none;
}
article.office h2 {
 font-size:14px;
 line-height:14px;
 font-weight:300;
}

.map {
 float:right;
 margin-left:40px;
 padding-left:40px;
 border-left:1px solid #d0d0d0;
 width:600px;
}
.officedesc {
 overflow:hidden;
}

.content ul {
 margin-bottom:25px;
}
.content ul li {
 padding:0px 0 0px 20px;
 margin-bottom:5px;
}

.member {
 float:left;
 width:25%;
}
.member .inner {
 border:1px solid #e6e6e6;
 margin:0 10px 20px 10px;
 padding:10px;
 text-align:center;
 transition:all 0.5s ease;
}
.member .inner:hover {
 border:1px solid #d0d0d0;
 box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.member figure {
 margin-bottom:5px;
}
.member .name {
 font-family: 'VarelaRound', sans-serif;
 font-size:14px;
 line-height:14px;
 text-transform:uppercase;
 margin-bottom:5px
}
.member .name a {
 color:#000000
}
.member .name a:hover {
 color:#008C00;
}
.member .titulus {
 font-size:11px;
 line-height:11px;
 text-transform:uppercase;
 font-weight:300;
 padding-bottom:10px; 
 border-bottom:1px solid #e6e6e6; 
}
.member .ctas {
 padding:10px 0; 
 border-bottom:1px solid #e6e6e6; 
}
.member .ctas a:nth-child(1) {
 display:inline-block;
 background:url(/PortalKellekek/images/ico-foot-phone.png) no-repeat 0px center;
 text-indent:-9999px;
 width:28px;
 height:28px;
}
.member .ctas a:nth-child(1):hover {
 background:url(/PortalKellekek/images/ico-foot-phone.png) no-repeat -28px center;
}
.member .ctas a:nth-child(2) {
 display:inline-block;
 background:url(/PortalKellekek/images/ico-foot-mail.png) no-repeat 0px center;
 text-indent:-9999px;
 width:28px;
 height:28px;
}
.member .ctas a:nth-child(2):hover {
 background:url(/PortalKellekek/images/ico-foot-mail.png) no-repeat -28px center;
}
.member .districts {
 padding:10px 0; 
 border-bottom:1px solid #e6e6e6; 
}
.member .phone {
 text-align:center;
 padding:15px 0;
 border-bottom:1px solid #e6e6e6;
 font-family: 'VarelaRound', sans-serif;
 font-size:18px;
 line-height:18px;
 text-transform:uppercase;
}
.member .contactme a {
 display:block;
} 

/* ################# PACKAGES ######################## */

table.packages {
 margin-bottom:40px;
 width:100%;
}
table.packages th {
 text-align:center;
 font-family: 'VarelaRound', sans-serif;
 font-size:20px;
 line-height:20px;
 text-transform:uppercase;
 border-bottom:1px solid #d6d6d6;
 border-right:1px solid #d6d6d6;
 padding:40px 15px 25px 15px;
 border-collapse:collapse;
}
table.packages th:nth-child(1) {
 background-image:none !important;
}
table.packages th:nth-child(2) {
 background-image:url(/PortalKellekek/images/cc-table1.jpg) !important;
 background-repeat:repeat-x !important;
 background-position:center top !important; 
}
table.packages th:nth-child(3) {
 background-image:url(/PortalKellekek/images/cc-table2.jpg) !important;
 background-repeat:repeat-x !important;
 background-position:center top !important; 
}
table.packages th:nth-child(4) {
 background-image:url(/PortalKellekek/images/cc-table3.jpg) !important;
 background-repeat:repeat-x !important;
 background-position:center top !important; 
}
table.packages td {
 border-collapse:collapse;
 border-bottom:1px solid #d6d6d6;
 border-right:1px solid #d6d6d6;
 padding:15px;
 text-align:center;
}
table.packages td.yes {
 background-image:url(/PortalKellekek/images/i-ch.png) !important;
 background-repeat:no-repeat !important;
 background-position:center center !important;
}
table.packages td.nope {
 background-image:url(/PortalKellekek/images/i-cr.png) !important;
 background-repeat:no-repeat !important;
 background-position:center center !important;
}
table.packages td:first-child {
 text-align:left;
}
table.packages th:nth-child(1),
table.packages td:nth-child(1) {
 background:#ffffff;
}
table.packages th:nth-child(2),
table.packages td:nth-child(2) {
 background:#dae8ed;
}
table.packages th:nth-child(3),
table.packages td:nth-child(3) {
 background:#edebda;
}
table.packages th:nth-child(4),
table.packages td:nth-child(4) {
 background:#d2f4de;
}
table.packages tr.h1 td:nth-child(1) {
 font-weight:500;
 text-transform:uppercase;
 font-size:20px;
}
table.packages tr.h1 td:nth-child(2) {
 background:#e5eff2;
}
table.packages tr.h1 td:nth-child(3) {
 background:#f2f1e5;
}
table.packages tr.h1 td:nth-child(4) {
 background:#e0f7e8;
}

table.packages tr.h2 td:nth-child(1) {
 background:#f4f8fa;
}
table.packages tr.h3 td:nth-child(1) {
 background:#ffffff;
 padding-left:30px;
 font-size:14px;
}

/* ################# pricecalculator ######################## */

.benefits {
 margin-bottom:30px;
 overflow:hidden;
}
.benefits .benefit {
 margin-bottom:10px;
 border-bottom:1px solid #d0d0d0;
 padding-bottom:10px;
 overflow:hidden;
}
.benefits .benefit .ico {
 float:left;
 width:240px;
 margin-right:10px;
 text-transform:uppercase;
 font-size:14px;
 line-height:16px;
 font-weight:500;
 background:#008C00;
 color:#ffffff;
}
.benefits .benefit .ico .inner {
 background:url(/PortalKellekek/images/icobg.png) no-repeat right top;
  padding:18px 10px 18px 70px;
}
.benefits .benefit:nth-child(1) .ico {
 background:#008C00 url(/PortalKellekek/images/ico-consumer.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(2) .ico {
 background:#008C00 url(/PortalKellekek/images/ico-extra.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(3) .ico {
 background:#008C00 url(/PortalKellekek/images/ico-piacvezeto.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(4) .ico {
 background:#008C00 url(/PortalKellekek/images/ico-alacsony.png) no-repeat 10px center;
}
.benefits .benefit .explanation {
 overflow:hidden;
 font-size:14px;
 line-height:16px;
}

.benefits .benefit img {
 float:left;
 margin-right:5px;
}




.pricecalculator {
 margin-bottom:30px;
 border:1px solid #d6d6d6;
 background:#88aec7;
}
.pricecalculator .title {
 color:#ffffff;
 float:left;
 width:20%; 
}
.pricecalculator .title .inner {
 padding:20px;
}
.pricecalculator .title h2 {
 color:#ffffff;
 font-family: 'VarelaRound', sans-serif;
 font-size:34px;
 line-height:34px;
 text-transform:uppercase;
}
.pricecalculator .selects {
 background:#ffffff;
 float:left;
 width:50%; 
}
.pricecalculator .selects .inner {
 padding:20px;
}
.pricecalculator .selects .formrow {
 margin-bottom:15px;
}
.pricecalculator .selects label {
 font-size:12px !important;
}
.pricecalculator .selects .formrow input[type=submit] {
 box-sizing:border-box;
 border:none;
 padding:10px;
 font-size:16px;
 color:#ffffff;
 background:#008C00;
 width:auto;
 text-transform:uppercase;
 cursor:pointer;
}



.pricecalculator .results {
 background:#ffffff;
 float:left;
 width:30%; 
}
.pricecalculator .results .inner {
 padding:20px;
 text-align:center;
 border-left:1px solid #d0d0d0;
}
.pricecalculator .results .t1 {
 font-size:12px;
 margin-bottom:15px;
}
.pricecalculator .results .t2 {
 font-size:18px;
 padding:20px 0;
 border-top:1px solid #d0d0d0;
 border-bottom:1px solid #d0d0d0;
}
.pricecalculator .results .t2 span {
 font-size:34px;
 line-height:34px;
 color:#008C00;
 font-family: 'VarelaRound', sans-serif;
 text-transform:uppercase;
 display:block;
 padding:5px 0;
}
.pricecalculator .results .t3 {
 font-size:15px;
 padding:20px 0 0 0;
}
.pricecalculator .results .t3 span {
 font-size:34px;
 line-height:34px;
 color:#008C00;
 font-family: 'VarelaRound', sans-serif;
 text-transform:uppercase;
 display:block;
 padding:5px 0;
}


article.finance {
 float:left;
 margin-bottom:40px;
 width:33%;
}
article.finance figure {
 margin-bottom:10px;
}
article.finance figure img {
 width:100%;
 height:auto;
}
article.finance:nth-child(3n+1) .inner {
 padding-right:20px;
}
article.finance:nth-child(3n+2) .inner {
 padding:0 10px;
}
article.finance:nth-child(3n+3) .inner {
 padding-left:20px;
}
article.finance h1 {
 font-size:24px;
 line-height:24px;
 color:#008C00;
 font-family: 'VarelaRound', sans-serif;
 margin-bottom:10px;
 text-transform:uppercase;
}
article.finance h1 a {
 color:#008C00;
 text-decoration:none;
}


/* ################# REASONS ######################## */

.benefits.reasons .benefit {
 margin-bottom:10px;
 border-bottom:none;
 padding-bottom:10px;
 background:#f7f7f7 !important;
 overflow:hidden;
 padding:20px;
}
.benefits.reasons .benefit p,
.benefits.reasons .benefit ul {
 margin-bottom:0px;
}
.benefits.reasons .benefit .ico {
 float:left;
 width:120px;
 text-align:center;
 margin-right:10px;
 text-transform:uppercase;
 font-size:90px;
 line-height:90px;
 font-weight:500;
 background:#f7f7f7 !important;
 color:#e7eaec;
 font-family: 'VarelaRound', sans-serif;
}
.benefits.reasons .benefit .ico .inner {
 background:none;
 padding:0px !important;  
}
.benefits.reasons .benefit h3{
 font-family: 'VarelaRound', sans-serif;
 font-size:18px;
 line-height:18px;
 text-transform:uppercase;
 color:#000000;
 margin-bottom:20px;
 padding-top:10px;
}

/* ################# FOOTER ######################## */
footer {
}
.footer-upper {

}
footer .footer-inner {
 background:#dae8ed url(/PortalKellekek/images/footer-top.jpg) no-repeat center top;
 padding:40px 0 20px 0;
}
footer .logo {
 padding-top:0px !important;
}
footer .logo img {
 max-width:100%;
 height:auto;
}
footer .col {
 float:left;
 width:25%;
 padding-top:15px;
}
footer .col .inner {
 padding-left:30px;
}
footer .col h4 {
 font-family: 'VarelaRound', sans-serif;
 font-size:18px;
 line-height:18px;
 text-transform:uppercase;
 color:#7b8386;
 margin-bottom:20px;
}
footer .col ul:not(.social) li {
 font-size:13px;
 line-height:13px;
 background:url(/PortalKellekek/images/footer-arrow.png) no-repeat left center;
 padding:0 0 0 20px;
 margin-bottom:5px;
}
footer .col ul:not(.social) li a {
 color:#898989;
}
footer .col ul:not(.social) li a:hover {
 color:#484848;
}
footer ul.social li {
 display:inline-block;
 width:28px;
}
footer ul.social li a {
 display:block;
 width:28px;
 height:29px;
 text-indent:-9999px;
}
footer ul.social li.fb a {
 background:url(/PortalKellekek/images/ico-foot-fb.png) no-repeat 0px center;
}
footer ul.social li.fb a:hover {
 background:url(/PortalKellekek/images/ico-foot-fb.png) no-repeat -28px center;
}
footer ul.social li.mail a {
 background:url(/PortalKellekek/images/ico-foot-mail.png) no-repeat 0px center;
}
footer ul.social li.mail a:hover {
 background:url(/PortalKellekek/images/ico-foot-mail.png) no-repeat -28px center;
}
footer .desclaimer {
 font-size:12px;
 color:#6f7679;
 background:#acb7bb url(/PortalKellekek/images/footerbg.jpg) repeat-x center top;
 padding:20px 0;
 text-align:center;
 padding-top:200px;  
}
.Kizarolagos{
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    background: #e7eaec;
    margin-left:-55px;
    margin-top:25px;
    width:200px; height:40px; line-height:40px; text-align: center; font-weight: bold;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.KizarolagosKicsi{ color:#555;
    background: #FFF;
    margin-bottom: 5px;
    margin-left:-8px;
    padding-left:5px;
    width:20px; overflow: hidden; height:20px; line-height:30px; text-align: left; font-weight: normal; font-size:12px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); transition: width 0.3s ease;
}
.KizarolagosKicsi:hover{
    width:175px;
}
.benefits .benefit .ico {
 float:left;
 width:240px;
 margin-right:10px;
 text-transform:uppercase;
 font-size:14px;
 line-height:16px;
 font-weight:500;
 background:#008C00;
 color:#ffffff;
}
.benefits .benefit .ico .inner {
 background:url(images/icobg.png) no-repeat right top;
  padding:18px 10px 18px 70px;
}
.benefits .benefit:nth-child(1) .ico {
 background:#008C00 url(images/ico-consumer.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(3) .ico {
 background:#008C00 url(images/ico-extra.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(4) .ico {
 background:#008C00 url(images/ico-piacvezeto.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(2) .ico {
 background:#008C00 url(images/ico-alacsony.png) no-repeat 10px center;
}
.benefits .benefit .explanation {
 overflow:hidden;
 font-size:14px;
 line-height:16px;
}

.benefits .benefit img {
 float:left;
 margin-right:5px;
}