@charset "utf-8";
/* CSS Document */

.logo-holder-vize {padding-top: 45px; color: #575755; float: right;}
.logo-holder-vize img {width: 250px;}
.header__text-vize {text-align: left;color: #0e2947;font-size: 3.6rem;line-height: 4rem;}

.header-big {font-size: 5.2rem; font-weight: 600;}

#vize, #nazory, #strategie, #vize-more, #flags {padding: 15px 0 15px;  background: rgba(255, 255, 255, 0.6);}

#pdf-dwnl {padding: 20px 0 60px; background: rgba(255, 255, 255, 0.6);}
ul.ul--numbers-vize{list-style: none; margin:0;}
ul.ul--numbers-vize li{min-height:82px; padding-left:100px; position: relative; margin-bottom:35px;}
ul.ul--numbers-vize li p {border-bottom: 1px solid #DBD9DB; font-size: 1.12rem; padding: 0 60px 25px 0;}
/*ul.ul--numbers-vize li p:last-child {border-bottom: none;}*/

ul.ul--numbers-vize li span{display: block; position: absolute; left:0; top:0; width:47px; height:47px; line-height:50px; text-align: center; background: none; color:#575755; border: 1px solid #575755; font-weight: bold; font-size:2.125rem;}

ul.ul--numbers-vize a {text-decoration: none;}
ul.ul--numbers-vize a:hover {text-decoration: underline;}
ul.ul--numbers-vize li:after {content: url(https://www.central-group.cz/uloziste/e1/e10cf9b2-81c4-4f16-90c6-cef9b299029d.svg); position: absolute; top: 5px; right: 0px; display: block; width: 35px; background-repeat: no-repeat;}


.pdf-d {text-align: left; background: #cfd4da; padding: 20px 25px;}
.pdf-d span {text-transform: uppercase; font-size: 1.25rem;}

a.nounder {text-decoration: none;}
a.nounder-h {text-decoration: none;}
a.nounder:hover {text-decoration: underline;}

.pdf-d span:before {content: "\f1c1"; font-family: FontAwesome; font-size: 2rem; margin-right: 25px;}
ul.ul--numbers-vize li:hover #cube {background: #575755; color: #ffffff;}


.expert {display: block; vertical-align: top; margin-bottom: 35px; background: #EDECED; overflow: auto;}
.expert:last-child {margin-bottom: 0px}
.comment {display: inline-block; padding: 20px; max-width: 86%;}
.comment span {margin-bottom: 10px; display: inline-block;}
.comment h3 {font-weight: 600; font-size: 1.125rem; margin-bottom: 0px;}
.expert img {float: left;}
.read-more {border-bottom: 2px solid #DBD9DB;}
#vize-more h3 {margin-top: 25px; color: #0e2947;}
#flags p {font-size: 1.25rem; font-style: italic;}

ul.ul--numbers-small{list-style: none; margin:0; margin-left: 25px;}
ul.ul--numbers-small li{padding-left: 40px; position: relative; padding-bottom: 10px;}
ul.ul--numbers-small li span {display: block; position: absolute; left: 0; top: 0; width: 25px; height: 25px; line-height: 27px; text-align: center; background: #575755; color: #FFFFFF; font-weight: bold; font-size: 1rem;}

.fa-quote-right {font-weight: 900; font-size: 4rem; color: #d4d4d4; padding: 20px; float: right;}

#badge {font-size: 2.25rem; margin-left: 25px; background: #0e2947; color: white; padding: 0px 16px 0px 16px; display: inline-block; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); position: absolute; line-height: 3.5rem;}

@media only screen and (max-width : 900px) {
.header__text-vize {font-size: 3rem; line-height: 3rem; width: 100%;}
.header-big {font-size: 3.5rem;}
.pdf-d span {font-size: 1rem;}	
.expert img	 {padding: 25px 0 0 25px;}	
ul.ul--numbers-small{margin-left: 0px;}	
#badge {font-size: 1.8rem; line-height: 2.5rem;}
}

@media only screen and (max-width : 560px) {	
.header__text-vize {font-size: 2rem; line-height: 2.5rem;}
.header-big {font-size: 3rem;}
.pdf-d span {font-size: 1rem;}		
#badge {font-size: 1.25rem; line-height: 1.7rem;}	
h2 {font-size: 1.65rem;}
}	

@media only screen and (max-width : 450px) {
.header__text-vize {font-size: 1.8rem; line-height: 2rem;}
.header-big {font-size: 3rem;}
.pdf-d span {}		
	
}	

/*pagination*/

#pages {padding: 25px 0 25px; background: rgba(255, 255, 255, 0.6);}
.pagination {margin: 0 auto; display: table; padding-bottom: 35px;}
.pagination a {color: #0e2947; float: left; font-size: 1.5rem; margin-left: 20px; height: 45px; width: 45px; text-align: center; line-height: 43px; text-decoration: none; border: 1px solid #0e2947; transition: background-color .3s;}
.pagination a:last-of-type {border: none;}	
.pagination a:first-of-type {border: none;}
.pagination a.active {color: #fff; background-color: #0e2947; border: 1px solid #575755;}
.pagination a:hover:not(.active) {background-color: #0e2947; color: #fff;}
.pagination a.arrow:hover {background-color: transparent; color: #0e2947;}

@media only screen and (max-width: 800px) {
.pagination a {margin-bottom: 10px;}	
}