/* FONTS */

body, p, ul, li, blockquote, blockquote p { font-family: 'Merriweather', serif; font-size: 16px; font-weight:300; line-height: 1.4;  color: #555;}
h1, h2, h3, h4, h5 {font-family: 'Raleway', sans-serif; font-weight:400; color:#2daae1;}
p {line-break: auto;}

.header li {font-family: 'Raleway', sans-serif;}
.header .navbar-nav > li > a { font-size: 16px;}
.header .topbar ul.loginbar > li > a,
.header .topbar ul.loginbar > li > a:hover { font-size: 12px;}
.header .topbar ul.loginbar > li > a.tooltips,
.header .topbar ul.loginbar > li > a.tooltips:hover { font-size: 14px; padding:0 2px;}
.link-list a { font-family: 'Raleway', sans-serif; font-size: 12px;}
.footer-v1 .copyright p {font-family: 'Raleway', sans-serif; font-size: 13px;}

.rounded { border-radius: 6px !important;}
.w1em {width: 1em;}


/* GRID */

.margin-bottom-0 {margin-bottom: 0px !important;}

@media (min-width: 992px) {
	.no-padding-md-left { padding-left:0}
}

@media (max-width: 480px) {
	.xs-margin-bottom-10 {margin-bottom: 10px;}
	.xs-margin-bottom-20 {margin-bottom: 20px;}
}


/* Header*/

.header .logo { position: relative; left: -12px; min-width: 80px;}
.header .logo img {	margin: 30px 0 10px 0; width:200px;}
.header .topbar ul.loginbar { padding: 0;}
.footer-logo { width: 200px;}
.footer-partnerlogo { width: 140px; margin-top: 1em; margin-right: 5px; opacity: 0.9;}

@media (max-width: 768px) {
	.header .logo { left: 0px; }
	.header .logo img {	margin: 30px 0 10px 0; width:160px;}
	.footer-logo { width: 160px;}
}

@media (min-width: 992px) and (max-width:1199px) {
	.header .navbar-nav > li > a { padding: 9px 24px 9px 12px;} /* 9px 30px 9px 20px */
	.header .dropdown > a:after { right: 8px;}
}

@media (max-width: 991px) {
	.header .navbar-nav > li > a { padding: 9px 10px 9px 24px;}
	.header .navbar-nav .open .dropdown-menu > li > a,
	.header .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 36px; }
	.header .nav > li > .search { margin-left: 22px;}
	.header .nav .search-open { left: 60px;}
}

.header .topbar ul.languages { left:auto; right: 0;}
.header .topbar ul.languages:after {left:auto; right: 20px;}

.header .MX-dropdown-toggle { display: none;}

@media (min-width: 992px) {
	.header .dropdown-menu li a { padding: 9px 15px;}
}

@media (max-width: 991px) {
	
	.dropdown-menu { padding: 0;}
	.header .dropdown > a:after { content: "";}
	
	.header a.MX-dropdown-link { display: inline-block; width:80%; width: calc(100% - 48px); }
	.header a.MX-dropdown-toggle { display: inline-block; float: right; clear: right; background-color: #f7f7f7 !important; padding:19px 24px !important;}
	
	.header .navbar-nav .open .dropdown-menu > li > a,
	.header .navbar-nav .open .dropdown-menu .dropdown-header {padding: 9px 15px 9px 36px;}
	
	.header .dropdown > a.MX-dropdown-toggle:after { top: 10px; right: 18px; content: "\f078";}
	.header .dropdown.open > a.MX-dropdown-toggle:after { top: 10px; right: 18px; content: "\f077";}
	
	.header .dropdown .dropdown-submenu > a {text-transform: none; color: #777 !important;}
	.header .dropdown .dropdown-submenu > a:hover {color: #333 !important;}
	.md-rounded { border-radius:4px;}
}


/* Search */

.s-results .results-number {color: #999; display: block; margin-bottom: 10px; text-transform: uppercase;}
/*Inner-results*/
.s-results .inner-results {clear: both;}
.s-results .inner-results h3 {font-size: 18px; margin-bottom: 3px; text-transform: none;}
.s-results .inner-results h3 a {color: #555;}
.s-results .inner-results h3 a:hover {color: #00b2cb;}
.s-results .inner-results img {float: left; width: 85px; height: auto; margin: 0 10px 10px 0;}

/* HERO */

.MX-hero { width:100%; padding-top:33%; position:relative;  font-size:32px;
					 background-image: url(../img/CHC_hero_v02.jpg);
					 background-repeat: no-repeat;
					 background-size:contain; 
					 background-position: right;}
.MX-hero-txt { font-family: 'Raleway', sans-serif; color:#2daae1;
							 width:600px; position:absolute; left:0; bottom:20%; }
.MX-hero-txt-orange { color:#f39200; font-weight: 400;}
.MX-hero-txt-blue { color:#1b60ab; font-size:1.25em; font-weight: 600;}

@media (max-width: 991px) {
	.MX-hero-txt { font-size:80%; width:440px;}
}

@media (max-width: 767px) {
	.MX-hero { width:100%; padding-top:50%; margin-bottom:80px;}
	.MX-hero-txt { font-size:64%; width:100%; top:110%; text-align:center;}
}

/* CONTENT */

#pagetitle { margin-top: 40px;}
#content img { max-width: 100%; height: auto;}
#content img.imgright { float:right; margin-left:20px; margin-bottom:15px; max-width: 66%;}
#content img.imgleft { float:left; margin-right:20px; margin-bottom:15px; max-width: 66%;}

.bg-color-red a {color: #F8CDC9;}

.bgr-primary { background: #00b2cb;}
.bgr-black { background: #000;}

@media (max-width: 767px){
	#content img.imgright,
	#content img.imgleft {  max-width: 50%;}
}

blockquote { clear:both; background: #f3f3f3; border-left-color: #00b2cb; padding: 18px; margin: 2em 0px 2em 0px; border-radius: 0 4px 4px 0;}

.SoloCTA { display: inline-block; background:#2daae1; margin: 1em 0; padding:6px 15px 4px; border-radius:6px; border:none; color:#FFF; font-family: 'Raleway', sans-serif; font-weight:400; text-decoration:none; transition: all 0.3s;}
	.SoloCTA:hover { background:#1b60ab; color:#FFF; text-decoration:none;}

.SoloCTA { display: inline-block; background:none; margin: 1em 0; padding:6px 15px 4px; border-radius:6px; border:1px solid #2daae1; color:#2daae1; font-family: 'Raleway', sans-serif; font-weight:400; text-decoration:none; transition: all 0.3s;}
	.SoloCTA:hover { background:none; border:1px solid #1b60ab; color:#1b60ab; text-decoration:none;}
	
/* CONTENT BLOCKS */
.CBlayout {}
.CBcol {margin-bottom: 30px;}
	.CBcol:last-child {margin-bottom:0;}
	@media (min-width: 992px) {
		.CBcol {margin-bottom: 0px;}
	}
.CBfield {margin-bottom: 30px;}
	.CBfield:last-child {margin-bottom:0;}
	
.mediumBgr { background-image: linear-gradient( 150deg, rgba(45,170,225,0.04), rgba(45,170,225,0.2));}


.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px;}


/* partners */
#partnersSlider .item {background-color: #687074;}
	#partnersSlider .item a {text-decoration: none;}
	#partnersSlider .item h4 {color: #ededed; font-size:16px; text-align: center; line-height:22px;}
	#partnersSlider .item img {background: #fff; -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear;}
	#partnersSlider .item:hover img {background: #e7e7e7;}

/* counters */
.parallax-counter-v4 { background: url(../img/operacka1.jpg ) fixed; background-size:cover;}
.parallax-counter-v4 h4 { font-weight:400;}
.parallax-counter-v4 span.counter { font-size: 48px; margin-bottom: 20px;}
.parallax-counter-v4:after { background: rgba(0,36,76,0.66);}

/* funny boxes */
.funny-boxes { padding: 40px 40px 15px;}
.funny-boxes-blue { background: #2daae1;}
.funny-boxes-colored h2 {color:#FFF; font-weight:700;}
.funny-boxes-colored .SoloCTA {border:1px solid #FFF; color: #FFF;}
	.funny-boxes-colored .SoloCTA:hover {border:1px solid #c0d7e1; color: #c0d7e1;}
.funny-boxes p a { color: #c0d7e1;}

/* accordeon */
.acc-v1 .panel {overflow: hidden;}
.acc-v1 .panel-heading a {font-size: 16px; padding: 5px 15px; background: #fcfcfc;}

/* front-end MODx toolbar */
#toolbar { position: fixed; z-index: 9999; top: 0px; left: 0px; padding: 6px; border: 1px solid #ccc; background-color: rgba(102,102,102,0.6); color: #ccc; font-size:11px; line-height:1.1em;}
#toolbar a {color: #ccc; font-weight:bold;}
#toolbar a:hover {color: #ccc;}