/*Proposition*/
.proposition  {display: block; margin: 20px 0 20px 15px; padding: 10px; line-height: 18px; 
background-color: #F1F1F1; border-left: 5px solid #eba3eb; overflow: hidden;}
.proposition a {font-size: 15px; font-style: italic; color: #000; text-decoration: none;}
.proposition span {display: block; font-weight: bold; padding: 5px 0;}
.proposition a .alert {display: block; margin: 0; font-size: 17px; color: #ff0000;}
.proposition a .more {color: #57AED7;}
.proposition a:hover {color: #57AED7;}

/*Advertone Block*/
.toneBlock.toneBlock2 {text-align: center;}
.toneBlock > div {width: auto !important; height: auto !important;}
.toneBlock .item {display: inline-block; margin: 0 1%; width: 22% !important; vertical-align: top;}
.toneBlock.toneBlock2 img {width: 100%; height: auto;}


.toneBlock, .toneBlock .views-row {margin: 10px 0px;}
.toneBlock.Column {text-align: center;}
.toneBlock.Content {overflow: hidden;}

.toneBlock img {border: 1px solid #000 !important;}
.toneBlock.Content img {float: left; margin-right: 20px;}

.toneBlock p {margin: 0px; text-indent: 0px;}
.toneBlock a, .toneBlock a * {text-decoration: none;}

.toneBlock a *, .toneBlock a strong * {font-size: inherit; color: inherit;}
.toneBlock a strong {display: inline-block;}

/*Image Size*/
.toneBlock.image_size_100 img {width: 100px; height: auto;}
.toneBlock.image_size_150 img {width: 150px; height: auto;}
.toneBlock.image_size_200 img {width: 200px; height: auto;}

/*Line-height*/
.toneBlock.font_size_13 p {line-height: 18px !important;}
.toneBlock.font_size_14 p {line-height: 15px !important;}
.toneBlock.font_size_15 p {line-height: 19px !important;}
.toneBlock.font_size_16 p {line-height: 20px !important;}
.toneBlock.font_size_17 p {line-height: 21px !important;}
.toneBlock.font_size_18 p {line-height: 22px !important;}
.toneBlock.font_size_19 p {line-height: 23px !important;}
.toneBlock.font_size_20 p {line-height: 24px !important;}

/*Colors*/
.toneBlock.font_color_black  a {color: #000 !important;}
.toneBlock.font_color_red a {color: red !important;}
.toneBlock.font_color_blue  a {color: blue !important;}
.toneBlock.font_color_green a {color: blue !important;}

/*Colors ReadMore*/
.toneBlock.more_font_color_black  strong {color: #000 !important;}
.toneBlock.more_font_color_red strong {color: red !important;}
.toneBlock.more_font_color_blue  strong {color: blue !important;}
.toneBlock.more_font_color_green strong {color: blue !important;}

/*Size*/
.toneBlock.font_size_13 a {font-size: 13px !important;}
.toneBlock.font_size_14 a {font-size: 14px !important;}
.toneBlock.font_size_15 a {font-size: 15px !important;}
.toneBlock.font_size_16 a {font-size: 16px !important;}
.toneBlock.font_size_17 a {font-size: 17px !important;}
.toneBlock.font_size_18 a {font-size: 18px !important;}
.toneBlock.font_size_19 a {font-size: 19px !important;}
.toneBlock.font_size_20 a {font-size: 20px !important;}

/*Size ReadMore*/
.toneBlock.more_font_size_10 strong {font-size: 10px !important;}
.toneBlock.more_font_size_11 strong {font-size: 11px !important;}
.toneBlock.more_font_size_12 strong {font-size: 12px !important;}
.toneBlock.more_font_size_13 strong {font-size: 13px !important;}
.toneBlock.more_font_size_14 strong {font-size: 14px !important;}
.toneBlock.more_font_size_15 strong {font-size: 15px !important;}
.toneBlock.more_font_size_16 strong {font-size: 16px !important;}
.toneBlock.more_font_size_17 strong {font-size: 17px !important;}
.toneBlock.more_font_size_18 strong {font-size: 18px !important;}
.toneBlock.more_font_size_19 strong {font-size: 19px !important;}
.toneBlock.more_font_size_20 strong {font-size: 20px !important;}

.toneBlock a:hover, .toneBlock a *:hover {color: #356BA3 !important;}

.toneBlock.ver-2 {font: 16px/1.188 'Pt Sans',Arial,Helvetica,sans-serif;}
.toneBlock.ver-2 .views-row {position: relative; border: 1px solid #e8ecf1; padding: 18px 10px 10px;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.toneBlock.ver-2.inline .view-content {margin: 0 -1%; text-align: center;}
.toneBlock.ver-2.inline .views-row {float: left; width: 23%; margin: 0 1%;}
.toneBlock.ver-2 .views-row .tBimage {margin: 0 10px 14px;}
.toneBlock.ver-2.view-display-id-block_4 .views-row .tBimage {float: left; margin: 0 15px 0 0;max-width: 100px;}
.toneBlock.ver-2 .views-row .tBimage img {float: none; width: 100%; height: auto; border: 0 none !important;}
.toneBlock.ver-2 .views-row p a {font-size: 15px; line-height: 18px; font-family: 'PT Sans', sans-serif; font-weight: 700; color: #000;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;
-o-transition: all .3s ease; transition: all .3s ease;}
.toneBlock.ver-2 .views-row .text a {height: 72px; display: block; overflow: hidden;}
.toneBlock.ver-2 .views-row .more a {display: block; margin: 5px auto 0; padding: 2px; width: 80%;
font-size: 12px;  color: #000; background: #ececec; text-transform: uppercase; text-decoration: none;}
.toneBlock.ver-2.view-display-id-block_4 .views-row .more {position: absolute; right: 10px; bottom: 10px;}
.toneBlock.ver-2.view-display-id-block_4 .views-row .more a {padding: 2px 10px; width: auto;}
.toneBlock.ver-2 .views-row:hover {background: #f0f5f8; border-color: #f0f5f8;}
.toneBlock.ver-2 .views-row:hover .text a {text-decoration: underline; color: #1748a3;}
.toneBlock.ver-2 .views-row .more a:hover,
.toneBlock.ver-2 .views-row:hover .more a {background: #2765AF; color: #fff !important;}

.node_column .toneBlock.ver-2, .node_column .view-manage-rekl { max-width: 250px;}
.node_column .toneBlock.ver-2 .views-row { padding: 18px;}
.node_column .toneBlock.ver-2 .views-row .tBimage {margin: 0 15px 14px;}

.view-manage-rekl {font: 16px/1.188 'Pt Sans',Arial,Helvetica,sans-serif;}
.view-manage-rekl .views-row {position: relative; border: 1px solid #e8ecf1; padding: 18px 10px 10px;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.view-manage-rekl.view-display-id-block_3 .view-content {margin: 0 -1%; text-align: center;}
.view-manage-rekl.view-display-id-block_3 .views-row {float: left; width: 23%; margin: 0 1%;}
.view-manage-rekl .views-row .tBimage {margin: 0 10px 14px;}
.view-manage-rekl.view-display-id-block_4 .views-row .tBimage {float: left; margin: 0 15px 0 0;max-width: 150px;}
.view-manage-rekl .views-row .tBimage img {float: none; width: 100%; height: auto; border: 0 none !important;}
.view-manage-rekl .views-row p {text-align: center;}
.view-manage-rekl .views-row p a {font-size: 15px; line-height: 18px; font-family: 'PT Sans', sans-serif; font-weight: 700; color: #000;
text-decoration: none;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;
-o-transition: all .3s ease; transition: all .3s ease;}
.view-manage-rekl .views-row .text a {height: 72px; display: block; overflow: hidden;}
.view-manage-rekl .views-row .more a {display: block; margin: 5px auto 0; padding: 2px; width: 80%;
font-size: 12px;  color: #000; background: #ececec; text-transform: uppercase; text-decoration: none;}
.view-manage-rekl.view-display-id-block_4 .views-row .text {text-align: left;} 
.view-manage-rekl.view-display-id-block_4 .views-row .more {position: absolute; right: 10px; bottom: 10px;}
.view-manage-rekl.view-display-id-block_4 .views-row .more a {padding: 2px 10px; width: auto;}
.view-manage-rekl .views-row:hover {background: #f0f5f8; border-color: #f0f5f8;}
.view-manage-rekl .views-row:hover .text a {text-decoration: underline; color: #1748a3;}
.view-manage-rekl .views-row .more a:hover,
.view-manage-rekl .views-row:hover .more a {background: #2765AF; color: #fff !important;}

@media only screen and (max-width: 993px) { 
	.rightcol .view-manage-rekl {margin: 0 auto; max-width: 250px;}
}
@media only screen and (max-width: 768px) { 
	.toneBlock .item img {width: 100% !important; height: auto !important;}
	.leftcol .view-manage-rekl {margin: 0 auto; max-width: 250px;}
}

@media only screen and (max-width: 520px) { 
	.toneBlock .item,
	.view-manage-rekl.view-display-id-block_3 .views-row {margin: 1%; width: 47% !important;}
}