/*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.nyelv {
 color:#78A3C3;
 text-decoration:none;
}
a {
	color:#AD9564;
	text-decoration:none;
}
a:hover {
	color:#AD9564;
	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 {
}
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:400px;
}


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

.mainmsg.home {
	/*background:url(/CityCartel/images/mainimg.jpg) no-repeat center center !important;
	background-size:cover;*/
	padding:30px 0 0 0;
}
.mainmsg.home .msg {
	background:url(/CityCartel/images/corner-slider.png) no-repeat left bottom;
	padding-bottom:30px;
	width:440px;
	margin-bottom:20px;
}
.mainmsg.home .msg .inner {
	padding:20px;
	background:#ff4545;
	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:#AD9564;
	padding:20px;
	text-align:center;
	border-right:1px solid #000;
	color:#ffffff;
	margin-top:27px;
}
.mainmsg nav li a:hover {
	background:#AD9564;
}

.mainmsg nav li:last-child a {
	border-right:none;
}
.mainmsg nav li.current a {
	background:#AD9564;
	padding:25px 20px 20px 20px;
	margin-top:22px;
	color:#FFF;
 font-size: 14px;
}
.mainmsg nav li.current a span {
	color:#FFF;
}
/*.mainmsg nav li:nth-child(1).current a {
	background:#ffffff url(/CityCartel/images/ico-m1.png) no-repeat center 15px;
}
.mainmsg nav li:nth-child(2).current a {
	background:#ffffff url(/CityCartel/images/ico-m2.png) no-repeat center 15px;
}
.mainmsg nav li:nth-child(3).current a {
	background:#ffffff url(/CityCartel/images/ico-m3.png) no-repeat center 15px;
}
.mainmsg nav li:nth-child(4).current a {
	background:#ffffff url(/CityCartel/images/ico-m4.png) no-repeat center 15px;
}
.mainmsg nav li:nth-child(5).current a {
	background:#ffffff url(/CityCartel/images/ico-m5.png) no-repeat center 15px;
}
*/
/* ################# CONTENT ######################## */

.contentarea {
	padding:20px 0;
}
.content {
	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:#AD9564;
	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;
}
.proplistitem .helper {
	border:1px solid #dae8ed;
	cursor:pointer;
	transition:all 0.5s ease;
}
.proplistitem .helper:hover {
	box-shadow:0px 0px 15px rgba(173,149,100,0.8);
}
.proplistitem figure {
	float:left;
	width:200px;
	padding:3px;
}
.proplistitem figure img {
	max-width:100%;
	height:auto;
	margin:0px;
	display:block;
}
.proplistitem .data {
	overflow:hidden;
}
.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:#AD9564;
	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:#AD9564;
}

.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:#AD9564;
	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(/CityCartel/images/ico-arrtop.png) no-repeat right center;
	font-family: 'VarelaRound', sans-serif;
	font-size:18px;
	line-height:18px;	
}
.toggle h2.closed {
	background:url(/CityCartel/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;
}
.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;	
}
.widget.blue .boxtitle {
	background:#AD9564;
	color:#ffffff;	
}
.widget.red .boxtitle {
	background:#AD9564;
	color:#ffffff;	
}
.widget.grey .boxtitle {
	background:#AD9564;
	color:#FFF;	
}
.widget .boxbody {
	padding:15px 20px;
}
.widget.blue .boxbody {
}
.widget.red .boxbody {
}
.widget.grey .boxbody {
}

.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], .formrow select {
	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:#000;
 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(/CityCartel/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:#AD9564;	
}
.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(/CityCartel/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(/CityCartel/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;
	background:url(/CityCartel/images/footer-arrow.png) no-repeat left 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:#AD9564;
}
.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(/CityCartel/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(/CityCartel/images/ico-foot-phone.png) no-repeat -28px center;
}
.member .ctas a:nth-child(2) {
	display:inline-block;
	background:url(/CityCartel/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(/CityCartel/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(/CityCartel/images/cc-table1.jpg) !important;
	background-repeat:repeat-x !important;
	background-position:center top !important;	
}
table.packages th:nth-child(3) {
	background-image:url(/CityCartel/images/cc-table2.jpg) !important;
	background-repeat:repeat-x !important;
	background-position:center top !important;	
}
table.packages th:nth-child(4) {
	background-image:url(/CityCartel/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(/CityCartel/images/i-ch.png) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
}
table.packages td.nope {
	background-image:url(/CityCartel/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:#ff4545;
	color:#ffffff;
}
.benefits .benefit .ico .inner {
	background:url(/CityCartel/images/icobg.png) no-repeat right top;
		padding:18px 10px 18px 70px;
}
.benefits .benefit:nth-child(1) .ico {
	background:#ff4545 url(/CityCartel/images/ico-consumer.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(2) .ico {
	background:#ff4545 url(/CityCartel/images/ico-extra.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(3) .ico {
	background:#ff4545 url(/CityCartel/images/ico-piacvezeto.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(4) .ico {
	background:#ff4545 url(/CityCartel/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:#ff4545;
	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:#AD9564;
	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:#AD9564;
	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:#AD9564;
	font-family: 'VarelaRound', sans-serif;
	margin-bottom:10px;
	text-transform:uppercase;
}
article.finance h1 a {
	color:#AD9564;
	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:#000;
	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(/CityCartel/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(/CityCartel/images/ico-foot-fb.png) no-repeat 0px center;
}
footer ul.social li.fb a:hover {
	background:url(/CityCartel/images/ico-foot-fb.png) no-repeat -28px center;
}
footer ul.social li.mail a {
	background:url(/CityCartel/images/ico-foot-mail.png) no-repeat 0px center;
}
footer ul.social li.mail a:hover {
	background:url(/CityCartel/images/ico-foot-mail.png) no-repeat -28px center;
}
footer .desclaimer {
	font-size:12px;
	color:#6f7679;
	background:#000;
	padding:20px 0;
	text-align:center;
	padding-top:50px;		
}
.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{
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    background: #e7eaec;
    margin-left:-90px;
    padding-left:75px;
    width:200px; height:30px; line-height:30px; text-align: left; font-weight: bold; font-size:14px;
    -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);
}
.benefits .benefit .ico {
 float:left;
 width:240px;
 margin-right:10px;
 text-transform:uppercase;
 font-size:14px;
 line-height:16px;
 font-weight:500;
 background:#ff4545;
 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:#ff4545 url(images/ico-consumer.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(3) .ico {
 background:#ff4545 url(images/ico-extra.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(4) .ico {
 background:#ff4545 url(images/ico-piacvezeto.png) no-repeat 10px center;
}
.benefits .benefit:nth-child(2) .ico {
 background:#ff4545 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;
}