/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">



*/

h4 {
	font-weight:bold;
}
li {
    font-size: 18px;
    margin-bottom: 30px;
}
ol {
    padding-left: 15px;
}
p.text-blue a {
	color: #00aeef !important;
	font-weight: 900;
}


.text-blue{
	color:#00aeef !important;
}

.text-white{
	color:#fff !important;
}

.background-blue{
	background-color: #0051a3 !important;
}

.futuraLT{
	font-family: "FuturaLT";
}

.futuraLTB{
	font-family: "FuturaLT-Bold";
}

.centralM{
  font-family: "CentraNo2TRIAL-Medium";	
}

.centralL{
	font-family: "CentraNo2TRIAL-Light";
}

#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
    color: #00aeef;
}


.heading-text.heading-section > h2:before {
    background-color: #00aeef;
}

.border-color-blue{
	border-color: #00aeef !important;
}


.info-background-blue01{
	background-color: #1c25a6 !important;
}
.info-background-blue02{
	background-color: #598b8b !important;
}
.info-background-blue03{
	background-color: #333edd !important;
}

.info-background-blue04{
	background-color: #0086b6 !important;
}
.info-background-blue05{
	background-color: #0086b6 !important;
}
.info-background-blue06{
	background-color: #1f2f4b !important;
}

.info-background-red01{
	background-color: #c30000 !important;
}
.info-background-red02{
	background-color: #6b2737 !important;
}
.info-background-blue07{
	background-color: #4200db !important;
}
.info-background-blue08{
	background-color: #0989ce !important;
}
.info-background-blue09{
	background-color: #000069 !important;
}

.info-background-blue10{
	background-color: #003d6c !important;
}

.info-background-blue11{
	background-color: #688798 !important;
}

.info-background-blue12{
	background-color: #1f2f4b !important;
}

.info-background-blue13{
	background-color: #2c549a !important;
}





.infografic p{
	opacity: 0.8;
}
.infografic h4{
	opacity: 0.8;
}

.infografic .line{
	margin: 14px 0;
	border-style: dashed;
	border-bottom: none;
	border-left: none;
	border-right: none;
	opacity: 0.5;
}

.videoIfrm{
	width: 320px;
	height: 180px;
}

#slider{
	background-color:  #010039 !important;
}

#page-title[data-parallax-image], [data-parallax-image]{
	
	background-color:  #010039 !important;
}

@media (min-width: 1px) and (max-width: 991px) {

/*	.videoIfrm{
		width: 80vw;
		height: 44vw;
		max-width: 640px;
		max-height: 360px;
	}*/

	.inspiro-slider .slide-captions h1, .inspiro-slider .slide-captions h2 {
	    font-size: 23px;
	    line-height: 23px;

	}

	body.breakpoint-xs .text-medium, body.breakpoint-xs .text-medium-light {
	    font-size: 19px !important;
	}

	.inspiro-slider .slide-captions > p {
	    font-size: 14px !important;
	    font-weight: 300;
	    line-height: 18px !important;
	    margin-bottom: 16px !important;
	}	

	.heading-text p {
	    font-size: 14px ;
	    margin-bottom: 30px;
	}	

	.p-t-120 {
	    padding-top: 7vw !important;
	}	
	.p-b-120 {
	    padding-bottom: 7vw !important;
	}	

	.p-l-60 {
	    padding-left: 20px !important;
	}	
	.p-r-60 {
	    padding-right: 20px !important;
	}	

	.heading-text.heading-section > h2 {
	    position: relative;
	    font-size: 28px;
	    line-height: 32px;
	    margin-bottom: 60px;
	}	
	h4{
	    font-size: 16px;
	    line-height: 22px;
	}

	#header{
		line-height: inherit !important;
	}
}