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

/* BASICS ------------------------------ */	

html{
	font-size: 16px;
	line-height:24px;}

body/*,td,div,p,span*/ {
	font-size: 1rem;
	line-height:1.5rem;
	font-weight:300;
	color: #425462;}
	
*{
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;}
	

body > div {
	background-color: #FFFFFF;
	width: 100%;
	display: table;
	table-layout: fixed;}

body > div > div {
	background-color: #FFFFFF;
	width: 100%;
	display: table;
	table-layout: fixed;}
	
html,body{height:100%}

.page-row {display: table-row;}
.page-row-expanded { height: 100%; }

	
::selection {
	background: #e74c3c;
	color: white;}
	
* {-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

strong,b{font-weight:700;}
	
.clearboth {
	clear:both;
	font-size:0em;}
	
.group:before,
.group:after{  
	content: "";
  	display: table;}

.group:after {clear: both;}
	
/*
img {
	max-width: 100%;
	display:block;}
*/
	
.no-list-style{
	list-style: none;
	padding: 0;}
	
em.emSmall{
	display:block;}
	
em.emSmall,
em.emSmall *{
	font-style:normal;
	font-size:13px;
	font-size:0.813rem;
	line-height:16px;
	line-height:1rem;}


p {margin-bottom: 20px;}


hr{border-top: 1px solid #e2e2e2;}

small,.small{
	line-height:normal;
	margin:0;}

.word-break{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;}

.no-uppercase{
	text-transform: none !important;}
	
.txt-white{color:#fff !important;}
.txt-black{color:#000 !important;}

.bg-color-1{background-color: #F8F8F8;}
.bg-color-2{background-color: #1F4778;}


.txt-color-1{color:#4B4B4B !important;}
.txt-color-2{color:#8F8F8F;}
.txt-color-3{color:#1F4778;}

/* entfernt browser border */
*:focus {outline: none !important;}
  
	
/* ANIMATION ALL */
.anim{
    -webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	 transition:all 1s ease;}
	 
/* LINKS ------------------------------ */	 
a{color:#515457;}

a:hover, a:focus {
  color: #19487A;
  text-decoration:none;}
  
.content-wrapper a.link-white{color:#FFFFFF;}
  

.btn{
	font-size: 13px;
	text-transform: uppercase;
	line-height: 2;
	border-radius: 22px;
	padding: 0.5rem 2rem;
	letter-spacing: 1px;
	font-weight: 500;
	border-width: 2px;}

.btn-primary {
    color: #fff;
    background-color: #FCBE11;
    border-color: #FCBE11;}

.btn-primary:hover {
    color: #FCBE11;
    background-color:transparent;
    border-color: #FCBE11;
}

.btn-outline-primary {
    color: #FCBE11;
	border-color: #FCBE11;}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #FCBE11;
    border-color: #FCBE11;
}

.btn-light {
    color: #515457;
    background-color: #fff;
    border-color: #fff;}

.btn-fb{
	color:#fff !important;
	background-color:#4267B2;
	border-color:#4267B2;}

.btn-tw{
	color:#fff !important;
	background-color:#57A4D4;
	border-color:#57A4D4;}

.btn-yt{
	color:#fff !important;
	background-color:#BF514B;
	border-color:#BF514B;}

.btn-circle{
	width: 50px;
    height: 50px;
    padding: 7px 14px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 50%;}
	
	
/* FORMS ------------------------------- */
input, textarea, select {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-size: 0.889rem;
  background-color: #ecf0f1;
  border: none;
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding-left: 10px;
  border-radius:0px;}
  



/* modal 
.modal-content{
    background-color: #f8f8f8;
	border-radius:0;
	border:none;
	text-align:center;}

.modal-body{
	padding:40px 30px 15px 30px;;}

.modal-header{
	background-color:#FFFFFF;
	text-align:center;}

.modal-header h4{
	font-size: 30px;
    font-size: 1.667rem;
    font-weight: 300;
    padding: 0;}
	
.modal-header {
    border-bottom: none;}

.modal-footer {
    border-top: none;
	text-align:center;
	padding:0 30px 30px 30px;}
*/	
  
/* HEADLINES --------------------------- */

h1, .h1,
h3, .h3,
h4, .h4,
h5, .h5{color:#4B4B4B;}

h1, .h1 {
	font-size: 2rem;
	line-height: 2.4rem;
	margin-top: 1.5rem;
	margin-bottom: 3rem;
	font-weight: 900;
	text-transform: uppercase;
	
}
h2, .h2 {
	font-size: 1.5625rem;
	line-height: 2rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	color: #869CA8;
	font-weight: 500;
}
h3, .h3 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
h4, .h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0rem;
	font-weight: 600;
}
h5, .h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0rem;
}


/* HEADER ------------------------------ */	
#mainLogo a{
	display: block;
	background-image: url(../images/secumundi-logo.svg); /* left top no-repeat; */
	width: 160px;
	height: 45px;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
	/* text-indent: -99999px */
}
#mainLogo a.hide {
	background-image: none;
}
#mainLogo a img{
	display: block;
	max-width: 200px;
	max-height: 45px;
}

/* NAV ------------------------------ */
#header {
    position: fixed;
    height: 80px;
    width: 100%;
    top: 0px;
    z-index: 1000;
    display: block;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
	background-color:#FFFFFF;}
	
#mainLogo {
    display: block;
    text-decoration: none;
	margin:0 auto;
	width:160px;
	margin-top: 20px;}

#menueIcon {
    position: absolute;
    left:0;
	top:0;
    cursor: pointer;}
		
#menueIcon i {
    /*background-color: rgba(243, 108, 96,0.5);*/
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    color: #515457;}
	
/**/
.sidr-inner:before{
	content:"";
	display:block;
	position:absolute;
	height:100%;
	width: 10px;
    -webkit-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);
    box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);
	left:0;
	top:0;
	z-index:10;}


.sidr {
	box-shadow:none;}

.sidr ul{width:100%;}

.sidr ul li a{
	line-height: 50px;
	text-transform: uppercase;}

.sidr .subNav {display: none;}

.sidr nav .fa-angle-down{
	line-height:48px;
    position: absolute;
    right: 20px;}

.sidr ul li span {padding: 0;}

.sidr nav ul{margin:0}

.sidr nav.metaNav ul{}

.sidr ul li{border:none;}

/* LAYOUT ------------------------------ */
.container-fluid {position:relative;}

#wrapper:before {
  content: "";
  margin-top: 80px;
  display: block;}
  
#main-content{margin-bottom:50px;}

article header h1,
article header .h1{
	margin-bottom:0;}

article header h3,
article header .h3{margin:0;}


.navbar-conten{
	display: inline-block;
	border-top: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
	padding:10px 15px;}

.navbar-conten li{
	display:inline-block;}

.navbar-conten li:before{
	content: '•';
	padding:0 5px;}

.navbar-conten li:first-child:before{
	content: '';
	padding:0;}

.navbar-conten li a{
	font-style: italic;
	text-transform: uppercase;}

/* CARD */

.border-none{border:none;}

/* INFO BOARD */
.info-board{
	background-color: #2C3E50;}

.info-board p{
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	color:#ABABAB;}

/* CALL BOARD */
.call-board{background:url(../images/contact-slice-hg.gif) center bottom repeat-x;}

/* DOWNLOAD BOARD */
/* CALL BOARD */
.downlo-board{background-color: #246bb3;}

/* SECTION IMG */
.sec-image{
	width:100%;
	height: 100px;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;}

	 /* JUMBOTRON */
.jumbotron{position: relative;}

.jumbotron .inf-img{
	position: absolute;
	bottom:-40px;
	left:50%;
	margin-left:-82px;}

/* POPOVER */
.popover{ 
	border-radius:3px;
	border:none;
	background-color: #F36C60;}

.popover.top >.arrow,
.popover.bottom > .arrow{ border:none;}

.popover.top > .arrow:after{
	border-top-color: #F36C60;
	margin-left: 0;}	

.popover.bottom > .arrow:after {border-bottom-color: #F36C60;}	
	
.popover-content{
	padding: 5px 10px;}
	
.popover-content,
.popover-content *{
	color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1rem;
	text-align: center;
	white-space: normal;
    word-wrap: break-word;}
	
.popover-title{	
	padding: 5px 10px;
    background-color: #F36C60;
    border: none;
    color: #fff;}
	
.popover a,
.alert a { 
	color: #FFFFFF;
    border-bottom: dotted 1px #fff;}
	
/* HOME */
.home-art-1 .sec-1 {
    background: url(../images/home-pic.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
	height: 80vh;
	margin-top:-80px;
	/*height: 220px;*/
	position: relative;}

.home-art-1 .sec-1 h1{
	margin:0px;
	color:#fff;}

.home-art-1 .sec-1 h3,
.home-art-1 .sec-1 .h3{
	color:#fff;
	margin-top: 0;}

.down-icon{
	position: absolute;
	bottom: 30px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height: 40px;
	border:solid 2px #fff;
	border-radius: 50%;
	color:#fff;
	font-size: 30px;
    padding-top: 4px;}

.parallax-img{
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
	}

.transp-bg-black{
	background: rgba(0,0,0,0.30);
	padding: 10px 20px 5px 20px;
}

.bg-img{
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
	}

/* SLIDER */

.carousel-indicators .active {
    background-color: #1F4778;}

.carousel-indicators li {
    background-color: #C2C2C2;
	bottom: -40px;}

/* FOOTER ------------------------------ */
.footer-section{
	border-top: none;
    background: #4B4B4B url(../images/logo-wz.svg) center center no-repeat;
	background-size: 90%;
    color: #fff;}

.footer-section a{color:#8F8F8F;}
.footer-section a:hover{color:#fff;}

.footer-section .btn-light{
	color: #515457;}

.footer-section .h4{color:#fff;}

.metaNavFooter{
	background-color: #393939;}

.metaNavFooter .metaNav{margin:0;}

.metaNavFooter .metaNav li{
	display:inline-block;}

.metaNavFooter .metaNav li:before{
	content: '•';
	padding:0 5px;}

.metaNavFooter .metaNav li:first-child:before{
	content: '';
	padding:0;}

/* Responsive Design
**********************************************/
/* LAYOUT < 320 ------------------------------ */
 @media only screen and ( max-width: 320px ) {
	.container-fluid {width: 320px;}

}
  
/* LAYOUT > 320 ------------------------------ */
 @media only screen and ( min-width: 320px ) {

}

/* LAYOUT > 576 ------------------------------ */
 @media only screen and ( min-width: 576px ) {
	 
		
	 }
 
 @media only screen and (min-width:480px) and (max-width: 767px)  {


	 }
	 

 
  /* LAYOUT > 768 ------------------------------ */
 @media only screen and ( min-width: 768px ) {

	 /* HEADLINES --------------------------- */
	 h1, .h1 {
	  font-size: 3.375rem;
	  line-height: 3.5rem;
	  margin-top: 1.5rem;
	  margin-bottom: 3rem;
	}
	h2, .h2 {
	  font-size: 2.25rem;
	  line-height: 3rem;
	  margin-top: 1.5rem;
	  margin-bottom: 1.5rem;
	}
	h3, .h3 {
	  font-size: 1.5rem;
	  line-height: 2rem;
	  margin-top: 1.5rem;
	}
	h4, .h4 {
	  font-size: 1rem;
	  line-height: 1.5rem;
	  margin-top: 1.5rem;
	  margin-bottom: 0rem;
	}
	h5, .h5 {
	  font-size: 1rem;
	  line-height: 1.5rem;
	  margin-top: 1.5rem;
	  margin-bottom: 0rem;
	}
	 
	 /* SECTION IMG */
	.sec-image{
		height: 300px;}
	 
	 /* HOME */
	.vast img{
		height:80px;}

	 /* JUMBOTRON */
	.jumbotron .h1 {
		  font-size: 2.25rem;
		  line-height: 3rem;
		  margin-top: 1.5rem;
		  margin-bottom: 1.5rem;
		}

    #mainLogo a img{
        max-width: 500px;
    }
 }
 
   /* LAYOUT > 992 ------------------------------ */
 @media only screen and ( min-width: 992px ) {
	/* NAV ------------------------------ */
	
	#mainLogo {
    margin-right: 20px;
	margin-left:15px;
	position: relative;
	float: left;}
		 
	/* NAV desktop */
	.home-wrapper #header {
    	
		background-color: rgba(255, 255, 255, 0.1);}
	
	#wrapperMainNav {
	  z-index: 100;
	  }
	  
	#header a#suche{
		display:block;
		width:100px;
		height:80px;
		background-position:34px 26px;
		float:left;
		background-color:#e20d14;
		text-indent: -999999px;}
		
	#header a#suche:hover{
		opacity:0.7;
		filter: alpha(opacity=70);}
	
	#header nav{
	  float:left;
	  display:block;}
	 
	 #header nav.metaNav{
		 float:right;
	 padding-right:10px;}
	 
	 #header nav.metaNav > ul > li{border:none;}
	 
	 #header nav.metaNav > ul > li > a,
	 #header nav.metaNav > ul > li > span a{padding: 0 10px;}
	 
	 #header nav.metaNav ul li .subNav{right:0;}
	  
	#header nav a,
	#header nav > ul > li > span a{
	  text-decoration:none;
	  font-size: 16px;
	  font-size: 1rem;
	  line-height: 80px;;
	  text-transform: uppercase;}
	  
	#header nav ul{}
	  
	#header nav > ul > li{
	  display:block;
	  text-align:center;
	  zoom: 1;  *display: inline;  /* IE7 Hack */
	  margin-right: -4px;
	  float:left;
	 /*border-left: solid 1px #EEEEEE;*/}
	  
	#header nav > ul > li:hover{}
	
	#header nav .fa-angle-down {line-height: 80px;}
	  
	#header nav ul li:first-child{padding-left:0px;}
	  
	#header nav > ul > li > a,
	#header nav > ul > li > span a{
		color:#515457;
		display:block;
		padding: 0 18px;
		cursor:pointer;}
	
	#header nav > ul > li:first-child > a,
	#header nav > ul > li:first-child > span a{
		background:none;}
	  
	#header nav > ul > li:hover a{color:#425462;} 
	  
	#header nav ul li:hover .subNav,
	#header nav ul li:active .subNav{display:block;}
	
	/*
	.touch header nav ul li:hover .subNav,
	.touch header nav ul li:active .subNav{display:none;}
	*/
	
	#header nav ul li .subNav{
		position: absolute;
		background-color: #FFFFFF;
		display: none;
		z-index: 100;
		overflow: hidden;
		min-width: 120px;
		top: 88%;
		border: solid 1px #EBEAEA;
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);}
	  
	#header nav ul li .subNav ul li a{
		padding: 12px 24px;
		display: block;
		font-size: 14px;
		font-size:0.778rem;
		font-weight:300;
		line-height: 14px;
		text-align: left;
		white-space: nowrap;}
	  
	#header nav ul li .subNav ul li{}
	#header nav ul li .subNav ul li:first-child{border:none}
	  
	#header nav ul li .subNav a:hover{background-color:#f5f5f5;}
	 
	/* LAYOUT ------------------------------ */


	/* HOME */
	.home-art-1 .sec-1 {}
	 
	 /* CALL BOARD */

	.call-board-face{
		background: url(../images/content-woman-hg.jpg) left bottom no-repeat;}
	 
	 .downlo-board-face{
		background: url(../images/download-men-hg.jpg) left bottom no-repeat;
	 	-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;}
	 
	 /* ACCORDION + COLLAPS  */
	.faw-group-head .acc-icon {top: 12px;}
	 
	 .faq-group .panel-group{margin-left: 50px;}
	 
	 
 }
 /* LAYOUT > 1200 ------------------------------ */
  @media only screen and ( min-width: 1200px ) {


  }