@import url('/admin/contentbuilder/assets/default/content.css');        

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;700&display=swap');

div#txtContent{background-color:#fff!important;
background:url(/IRMA/gfx/1126/bg_24.jpg)#fff!important;
margin-top:50px; margin-left:20px; }
.ui-draggable{padding-left:7px;}
body[contenteditable="true"] {background:url(/IRMA/gfx/1126/b.jpg)!important;
background-color:#fff!important; }
.row-tool{left:-10px!important}

html {
    position: relative;
    min-height: 100%;
}

* {
 margin: 0;
 padding: 0;
 }
body{
color:#666;
 font-size:12pt;
 padding: 0px;
 background: #e5e9ed;
margin:0;
margin-bottom:190px;
font-family: 'Rubik', sans-serif;
line-height:1.5;
    background-image: linear-gradient(135deg, #f5f7fa 0%, #d3dae5 100%);
}

#header {
    margin: 0em auto;
    background-position: center;
    color: #7d7d7d;
    height: 106px;
    position: relative;

}


#ExtraDiv4 {
    position: relative;
    background: url(/IRMA/gfx/1126/bildtop2.png) no-repeat #3a7092;
    height: 350px;
    max-width: 1224px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0em auto;
    z-index: -1;
    background-position-y: center;
    margin-bottom: 20px;
    box-shadow: 0px 8px 82px -13px rgb(0 0 0 / 17%);
    max-width: 100%;
    max-width: 1;
    background-size: 1224px;
    background-position-x: center;
}

div#ExtraDiv4 h1 {
    color: #fff;
    line-height: 40px;
    font-size: 40pt;
}



div#ExtraDiv4 .row{
background: transparent;

    padding-top: 85px;
text-shadow: 2px 2px 6px rgb(0 0 0 / 67%);
}

#container {
    margin: 0em auto;
    //max-width: 1224px;
    padding: 0px;
    height: 100%;
}

#contents {
    
    margin: 0em auto;
    //padding: 20px 10px 0px 10px;
    font-weight: normal;
    height: 100%;
    //border-radius: 10px;
}
.column.half { width: 50%;}
.column.third{width:33.3%}
#contents p{font-size:12pt; color:#363636}
.display p {
    font-size: 1.6em;
    font-style: italic;
    color: #4c4c4c;
}
#header .row {
    max-width: 1224px;
    margin: 0em auto;
    box-shadow: none;
background:transparent;
}
.row.clearfix{
max-width: 1224px;
    margin: 0em auto;
max-width: 1224px;
    margin: 0em auto;
    background: #fff;

 //box-shadow: 0px 8px 82px -13px rgb(0 0 0 / 17%);
 }

.row.clearfix.top {
max-width: 100%;
    background: #ededed;
background:#fff;
    padding-top: 30px;
    padding-bottom: 35px;
}
.row.clearfix.fullrow {

    box-shadow: 0px 8px 82px -13px rgb(0 0 0 / 17%);

}

/*Slider*/
.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.bxslider, .bxslider li{
    height: 100% !important;;
}
.bxslider li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.bx-wrapper .bx-viewport{
    border: none !important;
}



a:link     {color: #00253c; text-decoration: underline; border-style: none; }
a:visited {color: #00253c; text-decoration: underline; border-style: none;}
a:hover  {color: #00253c; text-decoration: underline; border-style: none;}
a:active  {color: #00253c; text-decoration: none; border-style: none;}



h1, h2, h3, h4, h5, h6{font-weight:900; font-family: 'Rubik', sans-serif;  color:#434e6e;}
h1 {
    font-size: 2em;
}

.display h1 {
    text-transform: none;
}
a img {border: 0;}



img {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */

}

.btn.btn-primary {
    color: #ffffff;
    background-color: #434e6e;
    border-radius: 7px;
    background-image: linear-gradient(-225deg, #434e6e 0%, #3584A7 51%, #55a7cb 100%);
    width: 127px;
    font-size: 14pt;
}
a.btn.btn-primary.edit {
    text-decoration: none;
}

.btn {
    padding: 15px 15px;
    font-size: 1em;
    line-height: 1em;
    border-radius: 0px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.btn.btn-primary:hover {color: #ffffff;background-color: #023866;border-color: #0238662;}


/*
Menu
*/



a,
a:hover {
	text-decoration:none;
}
ul,
ol {
	list-style:none;
}
.column ul,
ol {
List-style:disc;
font-size:12pt;
line-height: 2.5em;
}
.column li{margin-left:30px;}
.wrapper {
background: #fff;
max-width:100%;
	margin:0 auto;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
height:50px;

background-image: linear-gradient(-225deg, #434e6e 0%, #3584A7 51%, #55a7cb 100%);
}

.content {
	text-align:left;
	margin:25px 0;
}

.main {
width: 100%;
    max-width: 1027px;
    margin: 0em auto;
    text-align: center;
    padding: 0px;
    position: relative;
    /* height: 49px; */
    padding-top: 15px;
}

/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/

.nav {
position:relative;
display:inline-block;
	font-size:15px;

font-weight:bold;

}
.nav-list {
	text-align:left;
padding-left:0px;
margin-left:0px;
background:#e2e2e2;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
display: block;
    color: #fff;
    padding: 0px 10px 8px 10px;
    text-decoration: none;
    font-size: 12pt;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 4px;
    margin: 0px 15px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;

}
.nav-item > a:hover {

}

.nav-item ul li a {
    color: #fff;
    font-weight: normal;
    padding: 8px 20px 8px 20px;
} 

.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:220px;
background:#689735;
border-top:0px solid #666;


}
.nav-submenu li{width:100%; border-bottom:1px solid #fff;     padding: 5px 0px 5px 0px;}
.nav-submenu-item a {
	
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:url(/IRMA/gfx/1096/menu-white3.png) #434e6e no-repeat center center;
	background-size:100px;
	height:50px;
	width:100%;
background-color:transparent;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #fff;
	height:45px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(/commondata/images/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}


#footer {
  background: #3a7092;
    padding-top: 20px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 150px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 100%;
    margin: 0em auto;
    margin-top: 20px;
    box-shadow: 0px 8px 82px -13px rgb(0 0 0 / 17%);
    /* border-radius: 10px; */
    text-align: center;
}

#footer A:link { color: #fff; }
#footer A:visited { color: #fff;}
#footer A:hover  { color: #fff;}

#footer .row {
    max-width: 1224px;
    margin: 0em auto;
    box-shadow: none;
color:#ffffff;
background:transparent;
}


@media only screen and (min-device-width: 120px) and (max-device-width: 768px), only screen and (max-width : 768px){

div#ExtraDiv4 h1 {
    color: #fff;
    line-height: 30px;
    font-size: 30pt;
}

#ExtraDiv4 {

    height: 250px;
    background-size: 768px;

}
#ExtraDiv4 h1 {

    color: #fff;
    line-height: 30px;
    font-size: 30pt;
}
.display p {
    font-size: 16pt!important;
}
.wrapper {
    padding: 0px;
}
.main {
    margin-top: 0px;
    padding-top: 0px;
}


.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
                padding: 50px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }
ul.nav-list {
    text-align: center;
    background: #3c698b;
}
}
@media only screen and (min-device-width: 120px) and (max-device-width: 568px), only screen and (max-width : 568px){
#header{height:140px;}
#contents{padding:0px;}
div#ExtraDiv4 h1 {
    color: #fff;
    line-height: 30px;
    font-size: 25pt;
}
div#ExtraDiv4 .row {

    padding-top: 30px;

}
.column.half { width: 100%;}
.column.third { width: 100%;}
}

/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */
/* hemsideid = 1126
   hid = 1126 */
/* hemsidesidid = 23437
   hsid = 23437
   sessiohnhsid = 23437 */
/* referer =  */