@charset "UTF-8";

/* PREISURGERY */
/* Main Style - CSS Document */


.scrolltotop {
    width:29px;
    height:17px;
    position:fixed;
    bottom:90px;
    right:20px;
    display:none;
    opacity:0.8;
}
.scrolltotop i {
    font-size:40px;
	cursor: pointer;
	color:#1674a8;
}
.clearfloat {
	clear:both;
}

body {
	margin:0;
	padding:0;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#4d4d4d;
	line-height:30px;
}
p {
	text-align:justify;
}

.cont_ext_footer {
	width:100%;
	background: #f2f2f2;
	padding:10px 0 10px 0;
	border-top:1px solid #cccccc;
}
main {
	max-width:1240px;
	width:96%;
	margin:0 auto 60px auto;
	padding:10px 2% 10px 2%;
}

main.index, main.page {
	padding:0px;
	max-width:1280px;
}

h1 {
	font-size:30px;
	font-weight:normal;
	margin:20px 0;
	color:#053149;
}
h2{
	font-size:27px;
	font-weight:normal;
	margin:20px 0;
	color:#053149;
}
h3{
	font-size:25px;
	font-weight:normal;
	margin:20px 0;
	color:#053149;
}
h4{
	font-size:22px;
	font-weight:normal;
	margin:20px 0;
	color:#053149;
}
h5{
	font-size:20px;
	font-weight:normal;
	margin:20px 0;
	color:#053149;
}
h6{
	font-size:18px;
	font-weight:normal;
	margin:20px 0;
	color:#053149;
}

a {
	color:#1674a8;
	text-decoration:none;
}
a:hover {
	color:#074168;
}

img.floatleft {
	float:left;
	margin:10px 20px 10px 0;
}
img.floatright {
	float:right;
	margin:10px 0 10px 20px;
}


/*HEADER*/

.cont_ext_header {
	width:100%;
	background: #f2f2f2;
height:auto;

padding: 0;
	border-bottom:1px solid #cccccc;
}
.cont_ext_header header {
	max-width:1180px;
	margin:0 auto;
	padding: 40px 60px 20px 60px;
	position:relative;
}
.cont_ext_header header .crown {
	max-width:85%;
	float:left;
}
.cont_ext_header header .crown a.logo {
	display:inline-block;
	margin-right:20px;
}
.cont_ext_header header .crown a.title {
	display:inline-block;
	font-size:35px;
	color:#053149;
	text-decoration:none;
	line-height:35px;
}
.cont_ext_header header .crown a.title span {
	display:block;
	color:#1674a8;
	font-size:22px;
}


/*LANGUAGE*/
.cont_ext_header header .menu {
	max-width:20%;
	float:right;
}
.cont_ext_header header .menu #language {
	float:right;
}
.cont_ext_header header .menu #language a {
	color:#053149;
	font-size:20px;
	margin-left:10px;
	text-decoration:none;
}
.cont_ext_header header .menu #language a:hover {
	color:#1674a8;
}
.cont_ext_header header .menu #language a.active {
	color:#1674a8;
}


/*MENU*/
.cont_ext_header header .menu #navbar {
	width:30px;
	text-align:center;
	float:right;
	cursor: pointer;
	padding:0 !important;
	font-size:30px;
	color:#053149;
	margin-top:5px;
}
.cont_ext_header header nav {
	width:20%;
	display:none;
	position:absolute;
	z-index:3;
	top:91px;
	background: #f2f2f2;
	right:0%;
	padding:2%;
}
.cont_ext_header header nav ul {
	padding:0;
	margin:0;
	text-align:left;
}
.cont_ext_header header nav ul li {
	display: block;
	padding: 10px 10px 10px 20px;
	font-size:0.95em;
	line-height:1.3em;
	border-bottom: 1px solid #cccccc;
	background: url("../images/menu_arrow_right.png") center left no-repeat;
}
.cont_ext_header header nav ul li a {
	color:#053149;
	text-decoration:none;
}
.cont_ext_header header nav ul li a:hover {
	color:#1674a8;
}
.cont_ext_header header nav ul li a.active {
	color:#1674a8;
}
.cont_ext_header header nav ul ul li {
	margin-left:20px;
}
.cont_ext_header header nav ul ul ul li {
	margin-left:40px;
}

/*SLIDE*/
.slider_container {
		max-width:1280px;
	margin: 0 auto;
	position:relative;
	height:auto;
	


}
.slider, .bxslider{
	list-style:none;
	padding:0;
	margin:0;


}

.slide {
	max-width:1280px;
	margin: 0 auto 60px auto;
	position:relative;
	height:620px;
	
}
.slide img {
	width:100%;
	position: absolute;
	top:0;
	z-index:1;
}

.slide .column {
	background:rgba(250,250,250,0.7);
	position: relative;
	height:100%;
	width:23%;
	top:0px;
	z-index:2;
}
.slide .column article {
	padding:50px 35px;
}
.slide .column article h1 {
	color:#053149;
	font-size:30px;
}
.slide .column article p {
	color:#4d4d4d;
	font-size:18px;
	line-height:28px;
	text-align:left;
}
.slide .column article p a {
	color:#1674a8;
	font-size:16px;
	display:block;
	margin-top:20px;
}

/*OPEN IMAGE*/
.open_image {
	max-width:1280px;
}
.open_image img {
	width:100%;
}

/*INDEX ARTICLE*/
.index h2 {
	font-size:30px;
}
.index h3 {
	font-size:27px;
}

/*COLONNE*/
.columns .single-col {
	float: left;
	width:23%;
	margin:40px 1% 40px 1%;
	border-bottom: 2px dotted #cccccc;
}
.columns .single-col img {
	width:100%;
}
.columns .single-col p {
	text-align: left;
}


/*FOOTER*/
.cont_ext_footer {
	width:100%;
	background: #f2f2f2;
	padding:10px 0 10px 0;
	border-top:1px solid #cccccc;
}
.cont_ext_footer footer {
	max-width:1280px;
	margin:0 auto;
}
.cont_ext_footer>footer>p {
	margin:0;
	font-size:14px;
	line-height:18px;
	color:#053149;
	text-align:left;
}
.cont_ext_footer>footer>p>a {
	color:#1674a8;
	text-decoration:none;
}
.cont_ext_footer>footer>p>a:hover {
	color:#2e91bc;
	text-decoration:none;
}

/*CONTENT*/
.cont_ext>header, .cont_ext>footer {
	width:96%;
	padding:10px 2%;
	margin:0 auto;
}
main {
	width:96%;
	padding:10px 2%;
	margin:0 auto 30px auto;
}

/*BREADCRUMB*/
.breadcrumb {
	font-size:14px;
	line-height:18px;
}

/*CATEGORY*/
.read-more {
	font-size:16px;
}
.category-block {
	border-bottom: 2px dotted #cccccc;
}

@media (max-width: 1280px) {
.cont_ext_header header {
	width:96%;
	max-width:1280px;
	padding:0 2%;
}
.slide {
	height:600px;
}
.slide .column {
	width:23%;
	height:100%;
}
.cont_ext_footer footer {
	width:96%;
	padding:0 2%;
}
}
@media (max-width: 1200px) {
main.index {
	width:100%;
}
section.intro, section.columns {
	width:96%;
	margin:0 2%;
}
.slide {
	height:590px;
}
.slide .column {
	width:25%;
}

}
@media (max-width: 1100px) {
.slide {
	height:540px;
}
.slide .column {
	width:25%;
}
}
@media (max-width: 1024px) {
.slide {
	height:500px;
}
.slide .column {
	width:27%;
}
.cont_ext_footer>footer>p {
	font-size:13px;
}
}

@media (max-width: 960px) {
.slide {
	height:470px;
}
.slide .column {
	width:29%;
}
.columns .single-col {
	width:48%;
}
}


@media (max-width: 800px) {
.cont_ext_header header nav {
	width:30%;
}
.slide {
	height:400px;
}
.slide .column article {
	padding:20px;
}
.slide .column {
	width:31%;
}
}

@media (max-width: 768px) {
h1 {
	font-size:28px;
}
h2{
	font-size:25px;
}
h3{
	font-size:23px;
}
h4{
	font-size:21px;
}
h5{
	font-size:19px;
}
h6{
	font-size:17px;
}
.cont_ext_header header .crown a.title {
	font-size:30px;	
}
.cont_ext_header header .crown a.title span {
	font-size:18px;
}
.slide {
	height:380px;
	margin-bottom:30px;
}
.slide .column article h1, .index h2 {
	font-size:28px;
}
.slide .column article p {
	font-size:17px;
}
.columns .single-col {
	margin:20px 1%;
}
.index h3 {
	font-size:25px;
}

}

@media (max-width: 640px) {
p {
	text-align:left;
}
.cont_ext_header {
	height:auto;
	padding-bottom:10px;
}
.cont_ext_header header .menu {
	padding-top:55px;
}
.cont_ext_header header nav {
	top:145px;
	width:40%;
}
.slide {
	height:320px;
}
.slide .column {
	width:40%;
}
.slide .column article {
	padding:10px 20px;
}
.slide .column article h1, .index h2 {
	font-size:27px;
}
.slide .column article p a {
	margin-top:0px;
}
}


@media (max-width: 540px) {
.cont_ext_header header .crown a.title span {
	font-size:17px;
	line-height:22px;
}
.cont_ext_header header .menu {
	padding-top:60px;
}
.slide {
	height:auto;
}
.slide img {
	position:static;
}
.slide .column {
	width:100%;
	background-color:transparent;
}
.slide .column article {
	padding:10px 2%;
}
}

@media (max-width: 480px) {
.cont_ext_header header .crown {
	max-width:100%;
}
.cont_ext_header header .menu {
 	padding-top:0;
 	position:absolute;
	top:0;
	right:0;
	padding-right:2%;
}
.cont_ext_header header nav {
	right:0;
	width:250px;
}
.cont_ext_header header nav ul {
	padding:0 10px;
}
.columns .single-col {
	clear:both;
	width:98%;
}
img.floatleft, img.floatright {
	clear:both;
	width:100%;
}
}

@media (max-width: 400px) {
.cont_ext_header header .crown a.title {
	font-size:28px;
}
.cont_ext_header header .crown a.title span {
	font-size:15px;
	line-height:20px;
}
.cont_ext_header header .menu {
	top:-10px;
}
.cont_ext_header header .menu #language a {
	font-size:16px;
}
}

@media (max-width: 360px) {
.cont_ext_header header .crown a.title {
	font-size:26px;
}
.cont_ext_header header nav {
	top:166px;
}
}

@media (max-width: 320px) {
.cont_ext_header header .crown a.title {
	font-size:23px;
}
}