body{
			font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
		}
		h2{
			color: #4186f4;
			font-size: 25px;
		}
		h2.gray{
			color: #333333;
		}
		h2.gray span{
			border-radius: 200px;
			background-color: #eb4336;
			padding: 10px 15px ;
			color: #fff;
			font-size: 18px;
		}
		h1{
			color: #eb4336;
			font-size: 32px;
		}

.slider-iframe { width: 100%; overflow:hidden; height: 360px; border:0px; }
@media screen and (max-width:1040px) { .slider-iframe { height: 315px; }}
@media screen and (max-width:888px) { .slider-iframe { height: 266px; }}
@media screen and (max-width:792px) { .slider-iframe { height: 228px; }}
@media screen and (max-width:724px)  { .slider-iframe { height: 329px; }}
@media screen and (max-width:648px)  { .slider-iframe { height: 294px; }}
@media screen and (max-width:620px)  { .slider-iframe { height: 384px; }}
@media screen and (max-width:536px)  { .slider-iframe { height: 332px; }}
@media screen and (max-width:502px)  { .slider-iframe { height: 547px; }}
@media screen and (max-width:440px)  { .slider-iframe { height: 474px; }}
@media screen and (max-width:434px)  { .slider-iframe { height: 475px; }}
@media screen and (max-width:374px)  { .slider-iframe { height: 416px; }}
@media screen and (max-width:320px)  { .slider-iframe { height: 389px; }}


.video-rwd { margin: 16px auto; max-width: 640px; } 
.video-rwd .aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom: 56.2%} 
.video-rwd .aspect-ratio iframe, .video-rwd .aspect-ratio video { position: absolute; width: 100%; height: 100%; left: 0; top: 0}

#contentrefsources li { list-style: none; font-size: 13px; }
#contentrefsources ul { margin-left: 0px; }
#heading { font-weight: bold; margin-bottom: 10px; }

.leftimage{
text-align:center;
}

@media screen and (min-width:768px){
.leftimage img {
float:left; margin-right:20px; margin-bottom:0px }
}

@media screen and (min-width:1024px){
	.callout1 {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border-radius: 0;
  background-color: white;
  color: #0a0a0a; }
  .callout1 > :first-child {
    margin-top: 0; }
  .callout1 > :last-child {
    margin-bottom: 0; }
  .callout1.primary {
    background-color: #f1f1f1;
    border-radius: 10px;
    color: #0a0a0a;
     }
 .callout1.primary .protonmail{
   height:90px}
  .callout1.secondary {
    background-color: #eaeaea;
    color: #0a0a0a; }
  .callout1.success {
    background-color: #e1faea;
    color: #0a0a0a; }
  .callout1.warning {
    background-color: #fff3d9;
    color: #0a0a0a; }
  .callout1.alert {
    background-color: #f7e4e1;
    color: #0a0a0a; }
  .callout1.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout1.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }
		
		.callout1 {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  
  border-radius: 0;
  background-color: white;
  color: #0a0a0a; }
  .callout1.primary {
    background-color: #f1f1f1;
    color: #0a0a0a; }
	}	
	
	.callout1 {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border-radius: 0;
  background-color: white;
  color: #0a0a0a; }
  .callout1 > :first-child {
    margin-top: 0; }
  .callout1 > :last-child {
    margin-bottom: 0; }
  .callout1.primary {
    background-color: #f1f1f1;
    border-radius: 10px;
    color: #0a0a0a;
    }
  .callout1.secondary {
    background-color: #eaeaea;
    color: #0a0a0a; }
  .callout1.success {
    background-color: #e1faea;
    color: #0a0a0a; }
  .callout1.warning {
    background-color: #fff3d9;
    color: #0a0a0a; }
  .callout1.alert {
    background-color: #f7e4e1;
    color: #0a0a0a; }
  .callout1.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout1.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }
		
		.callout1 {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  
  border-radius: 0;
  background-color: white;
  color: #0a0a0a; }
  .callout1.primary {
    background-color: #f1f1f1;
    color: #0a0a0a; }
	}	
	
.marginduck{
margin-bottom:0px}
		
@media screen and (min-width:1024px){
.marginduck{
margin-bottom:70px
}
}
		
.marginopera{
margin-bottom:0px}
		
@media screen and (min-width:768px){
.marginopera{
margin-bottom:110px}
}
.protonmail{
height:20px}
		
@media screen and (min-width:1024px){
.protonmail{
height:90px}
}

 .button.alert {
    background-color: #cc4b37;
    color: #fefefe;
    width:100%;
    border-radius:10px;}
    
    @media screen and (max-width:1023px){
	 .grid-padding-x .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem;
      padding:50px; } 
      
      .button.alert {
    background-color: #cc4b37;
    color: #fefefe;
    width:100%;
    border-radius:10px;}}

	
		
		@media screen and (min-width:1024px){
			.buttonsdesc{
			height: 220px;
			}}
		@media screen and (max-width:1023px){
			.buttonspadding{
			padding-right: 30px;
			padding-left: 30px;
			}}

	/*video*/
.responsive-video { max-width:560px; margin:0 auto 16px auto; }
.responsive-video-top { max-width:560px; margin:0 0 16px 25px; }
.responsive-video iframe, .responsive-video-top iframe { max-width:560px; width:100%; }

@media screen and (min-width:960px){
	.scrollup {
    	width: 53px!important;
		height: 50px!important;
	 	bottom: 50px!important;
    	right: 100px!important;}}

		.scrollup {
    width: 33px;
    height: 33px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    text-indent: -9999px;
    background-image: url('/images/back_top_icon.png');
	background-repeat: no-repeat;
    background-size: 100%;
    background-color: #0072bc;
    z-index:999;
	
}

blockquote, blockquote p {
    line-height: 1.6;
    color: #0a0a0a;
}
blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: none!important;
}




/*#GDPR#*/
.gdpr-container {
    display: block;
    position: fixed;
    bottom: 0;
    background: #F1F2F2;
    z-index: 99999999!important;
    padding: 14px;
    max-width: 360px;
    border-radius: 5px;
    margin: 8px;
    border: 1px solid #c5c5c5;
    box-shadow: 0 3px 2px rgba(146, 144, 144, .5)
}

.off-canvas-wrap.move-right .gdpr-container {
    display: none
}

.gdpr-container .close-button {
    position: static;
}

.gdpr-container .close-button p {
    margin: 0
}

.gdpr-container .close-button p a {
    padding-bottom: 1px;
    position: absolute;
    right: 10px;
    border-radius: 50%;
    color: #fff;
    width: 20px;
    background-color: #9e9c9c;
    text-align: center;
    line-height: 20px;
    text-transform: lowercase!important;
    font-weight: 700;
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
}

.gdpr-container .close-button p a:hover {
    background-color: #8c8c8c
}

.gdpr-container>p {
    padding-right: 25px
}

.gdpr-container p {
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    font-size: 13px !important;
    font-weight: 700;
    color: #3c3c3c;
    line-height: 18px !important;
}

.gdpr-container .agree-button {
    text-align: center
}

.gdpr-container p a {
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    color:#0869BD;
    text-decoration: none;
}

.gdpr-container .agree-button p {
    padding-bottom: 2px;
    margin: 0
}

.gdpr-container .agree-button a {
    color: #fff!important;
    font-size: 13px;
    background-color: #0869BD;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    text-decoration: none;
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    padding: 6px 24px;
    border-radius: 5px
}

.gdpr-container .agree-button p a:hover {
    background: #065497
}

@media(min-width:990px) {
    .gdpr-container {
        margin: 0 35px 35px
    }
}

