

html,
body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
	font-family: "Roboto", verdana, arial, sans-serif;
    font-size: 16px;
	letter-spacing: 0px;
	-webkit-font-smoothing: antialiased;
	background-color: #ddd;
/*	color: #1D78A5;*/
	color: #1E448D;
}
input, textarea	{ border:#1D78A5 1px solid; color:#1E448D; }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #adc2d2;
  opacity: 1; /* Firefox */
}
::-moz-placeholder { /* Firefox 19+ */
  color: #adc2d2;
}
:-moz-placeholder { /* Firefox 18- */
  color: #adc2d2;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 PA7281BT */
	color: #adc2d2;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #adc2d2;
}
::-webkit-input-placeholder { /* Edge */
	color: #adc2d2;
}
::-moz-placeholder {
	  color: #adc2d2;
}
.body-core	{
				width: 100%;
				padding:0px;
/*				border: 1px solid black; */
			}
.title, .footer, .footer-title
{
	margin:auto;
/*	border:1px solid black;  */
	width:100%;
	height:auto;
	background-color: white;
	padding:0px;
	max-width: 1200px;
	position:relative;
}
.footer-contacts{ 
					margin: auto; 
					padding: 1px; 
					width: 100%; 
					background-color:white; 
					max-width:1200px; 
					text-align: center; 
					font-weight:300; 
					letter-spacing: 1px;
					padding-bottom:30px;
					}
.footer-box h3{
	font-weight:400;
	font-size:22px;
	color: #1E448D;
	text-align:center;
}
.footer-box{
				width:400px;
				margin: auto;
				text-align:right;
				display:inline-block;
			}
.footer-social-box	{
				width:400px;
				margin: auto;
				text-align:center;
				display:inline-block;
				padding-top:40px;
			}

.title-img, .footer-img, .footer-title-img { width:100%; height:auto; margin:0px; padding:0px; display:block;}

.footer		{ }
.footer-bottom	{
				height: 29px;
				background-color:#1E448D;
				position: relative;
			}
.footer-corner	{
				position: absolute;
				bottom:0;
				right:0;
			}	
.footer-corner img { display:block; }			
.footer-link	{
				  height:29px;
				  padding-left:10px;
				  color: #5296b8;
				  vertical-align:middle;
				   display:table-cell;
				  font-weight: normal;
/*				  font-size: 1.5vw; */
					font-size: calc(1.25rem + 1vw);
/*				  z-index:900; */
/*				  border:1px solid yellow; */
					font-family: "Roboto Condensed", verdana, arial, sans-serif;
				}
.footer-social-link	{
					display: inline-block;
					}
.footer-social-link a {text-decoration:none; }
.f-one-contact	{ 
//					display: inline-block; 
/* 					border: 1px solid black; */
					margin: 0px;
					font-family: "Roboto Mono", "Courier-New", monospace;
					font-weight:300;
					font-size: 14px;
					color: #1E448D;
				}
.f-one-contact span	{ margin-left:5px; margin-right:5px; }
.f-one-contact span a	{text-decoration:none; color: #1E448D;}
.f-icons {
				display:inline-block;
				font: normal normal 20px/1px FontAwesome;
				padding: 0px;
				color:#1D78A5;
				font-size:14px;
				text-rendering:auto;
				-webkit-font-smoothing:antialiased;
				-moz-osx-font-smoothing:grayscale;
		}
.f-social-icons		{
				display:inline-block;
				font: normal normal 20px/1px FontAwesome;
				padding: 0px 5px 0px 5px;
				color:#1D78A5;
				font-size:22px;
				text-rendering:auto;
				-webkit-font-smoothing:antialiased;
				-moz-osx-font-smoothing:grayscale;
			}
.f-social-icons2		{
				display:inline-block;
				font-family: FontAwesome;
/*				padding: 0px 5px 0px 5px;*/
/*				color:#1D78A5;*/
/*				font-size:22px;*/
				text-rendering:auto;
				-webkit-font-smoothing:antialiased;
				-moz-osx-font-smoothing:grayscale;
				color:#5296b8;
			}
.f-email:before		{ content:"\f0e0"; }
.f-phone:before		{ content:"\f098"; }
.f-facebook:before	{ content:"\f082"; }
/*.f-facebook:before	{ content:"\f39e"; }*/
/*.f-linkedin:before	{ content:"\f08c"; }*/
.f-linkedin:before	{ content:"\f0e1"; }
.f-youtube:before	{ content:"\f167"; }
.f-flickr:before	{ content:"\f16e"; }
/*.f-tweetter:before	{ content:"\f081"; }*/
.f-tweetter:before	{ content:"\f099"; }
.f-instagram:before { content:"\f16d"; }
/*.f-gplus:before		{ content:"\f0d4"; }*/
.f-gplus:before	{ content:"\f0d5"; }

@media (min-width: 320px) {
  .footer-link { font-size: 1.5vw;/* magic value from 1.25rem to 2.5rem */; }
  .footer-social-link { padding-left: 1.5vw; }
  .f-social-icons2	{ font-size: calc(8px + 1vw); padding: 0px 0.5vw 0px 0.5vw;}
}

@media (min-width: 1200px) {
  .footer-link	{ 
					font-size: 18px; 
				}
  .f-social-icons2	{ font-size: 18px; padding: 0px 7px 0px 7px; }
}
 
.slider-img	{ width:100%; }

.menu		{  position: sticky; top: 0px;
				background-color: #1E448D; 
				overflow: hidden; 
				z-index:1000;
/*				border: 1px solid black; */
				max-width: 1200px;
				margin:auto;
				font-weight: 300;
				font-family: "Roboto Condensed", verdana, arial, sans-serif;
			}
.menu a		{
				float: left;
				display: block;
				color: white;
				text-align: center;
				padding: 10px 15px;
				text-decoration: none; 
				font-size: 16px; 

			} 
.menu a:hover {
				background-color: #1D78A5;
				color: white;
			}
.active		{
			  background-color: #1D78A5; 
			  color: white;
			  font-weight: 400;
			}
.menu .icon { display: none; }

@media screen and	( max-width: 700px ) {
						.menu a:not(:first-child) {display: none;}
						.menu a.icon {
							float: right;
							display: block;
							
						}

			}
@media screen and	( max-width: 700px ) {
						.menu {position:static;}
						.menu.responsive {position: relative;}
						.menu.responsive a.icon {
							position: absolute;
							right: 0px;
							top: 0px;
						}


.menu.responsive a	{
						float: none;
						display: block;
						text-align: left;
					  }
}

.m-bar				{
				display:inline-block;
				font: normal normal 20px/1px FontAwesome;
				padding: 0px 0px;
				text-rendering:auto;
				-webkit-font-smoothing:antialiased;
				-moz-osx-font-smoothing:grayscale;
				}

.m-bars:before	{ content:"\f0c9" }


@font-face	{
				font-family:'FontAwesome';
				src:url('fonts/fontawesome-webfont.eot');
				src:url('fonts/fontawesome-webfont.eot') format('embedded-opentype'),
					url('fonts/fontawesome-webfont.eot?#iefix') format('eot'),
					url('fonts/fontawesome-webfont.woff2') format('woff2'),
					url('fonts/fontawesome-webfont.woff') format('woff'),
					url('fonts/fontawesome-webfont.ttf') format('truetype'),
					url('fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
				font-weight:normal;
				font-style:normal;
				}
				

/* ----------------------------------------------------- */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1200px;
  position: relative;
  margin: auto ;
	background-color:white;
}
.slideshow-border	{
	padding: 10px;
/*	border: 1px solid black; */
	background-color:white;
	margin:auto;
	max-width: 1200px;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%; 
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* The dots/bullets/indicators */
.dot-container {	text-align:center; position: absolute; top:calc(100% - 25px); width:100%; padding:0px; /* border: 1px solid black; */} 

.dot {
 	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%; 
	display: inline-block;
	transition: background-color 0.6s ease;
}

.dot-active, .dot:hover {
  background-color: #1D78A5;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.content	{
				max-width: 1200px; 
				position: relative; 
				margin: auto; 
				padding:0px;
			}
.content-border { 
					padding:50px;
					margin: auto; 
					width: 100%;  
					border: 1px solid white; 
					max-width: 1200px; 
					background-color:white;
				}

h1	{ text-align: center; color: #1E448D; font-size: 32px; letter-spacing: 5px; font-weight: bold;}
h2	{ text-align: center; color: #1D78A5; font-size: 24px; font-style:italic; font-weight: 400; padding-bottom: 20px;}
p	{ text-align: justify; font-size: 18px; font-weight: 300;}
h3	{ text-align: center; font-weight: 400; color: #1D78A5; font-size:22px;}

.content ul	{ list-style: none;	padding-left: 20; font-weight: 300; font-size: 18px; }
.content ul li:before	{ background-image: url('img/li-blue.png');	}
.content strong	{font-weight:normal;}
.content em	{ display: block; }


/*
.ul-1 li			{ position: relative; padding-left: 35px; }
.ul-2 li			{ position: relative; padding-left: 55px; font-weight:100;}
*/

.content ul li		{ position: relative; padding-left: 35px; }
.content ul ul li	{ position: relative; padding-left: 55px; font-weight:100;}
/*
.ul-1 li:before	{
				content: '';
				width: 8px;
				height: 8px;
				position: absolute;
				background-size:cover;
				background-position: center;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
			}
.ul-2 li:before
			{
				content: '';
				width: 5px;
				height: 1px;
				position: absolute;
				background-size: 5px 1px;
				background-position: center;
				left: 40px;
				top: 50%;
				transform: translateY(-50%);
			}
			*/
.content ul li:before	{
				content: '';
				width: 8px;
				height: 8px;
				position: absolute;
				background-size:cover;
				background-position: center;
				left: 0;
				top: 10px;
				transform: translateY(-50%);
			}
.content ul ul li:before
			{
				content: '';
				width: 5px;
				height: 1px;
				position: absolute;
				background-size: 5px 1px;
				background-position: center;
				left: 40px;
				top: 50%;
				transform: translateY(-50%);
			}
.content ul li:before, .content ul ul li:before	{ background-image: url('img/li-blue.png');			}

.ul-1 .li-blue:before, .ul-2 .li1:before			{ background-image: url('img/li-blue.png');	}
.ul-1 .li-red:before, .ul-2 .li2:before				{ background-image: url('img/li-red.png');	}
.ul-1 .li-green:before, .ul-2 .li3:before			{ background-image: url('img/li-green.png');	}
.ul-1 .li-yellow:before, .ul-2 .li4:before			{ background-image: url('img/li-yellow.png');	}
.ul-1 .li-bluelight:before, .ul-2 .li5:before		{ background-image: url('img/li-blue-l.png');	}



.a-icons		{
				display:inline-block;
				font-family: FontAwesome;
				text-rendering:auto;
				-webkit-font-smoothing:antialiased;
				-moz-osx-font-smoothing:grayscale;
				color:#1D78A5;
				text-decoration: none; 
				padding: 1px 5px;
			}
/*.a-icons:hover		{ color: #1D78A5 } */

.a-disabled			{  visibility:hidden;}

.a-edit:before		{ content:"\f044"; }
.a-delete:before	{ content:"\f1f8"; }
.a-add:before		{ content:"\f067"; }
.a-check:before		{ content:"\f00c"; }
.a-up:before		{ content:"\f102"; /*content:"\f062"; content:"\f0aa"; content:"\f0d8"; content:"\f102"; content:"\f0de";*/ }
.a-down:before		{ content:"\f103"; /*content:"\f063"; content:"\f0ab"; content:"\f0d7"; content:"\f103"; content:"\f0dd";*/ }
.a-no-check:before	{ content:"\f00d"; }
.a-no-check			{ color: red; }
.a-add				{ font-size:22px; }

.a-id				{ text-align:center; }
.a-name				{ width: 300px; }
.a-row, td, th		{ border: 1px solid #1E448D; padding: 1px 5px; font-weight:300;}
.a-content			{ padding: 0px; }
.a-table-content	{ width: 100%; }
.r					{ text-align: right; }
.c					{ text-align: center; }
.l					{ text-align: left; }
table				{ border-collapse: collapse; }
th					{ background-color: #1E448D; color: white; }


.cf-content			{ text-align: center; }
.cf-title			{ padding:40px calc(20vw - 80px); }
.cf-form			{ text-align: left; margin: auto; display: inline-block; }
.cf-line			{ padding: 5px; }
.cf-label			{ font-weight: 300; width: 75px; vertical-align: top; display: inline-block; text-align: right;	color:#1D78A5; padding-top:3px;}
.cf-email, .cf-message, .cf-phone, .cf-name, .cf-submit, .cf-captcha, .cf-captcha-text		{ display: inline-block; }	
.cf-name, 
	.cf-email,
	.cf-phone,
	.cf-message,
	.cf-submit		{ width:600px; }
.cf-name input		{ width:100%; padding:5px 10px; }
.cf-email input		{ width:100%; padding:5px 10px; }
.cf-phone input		{ width: 50%; padding:5px 10px; }
.cf-message textarea{ width: 100%; height: 150px; resize: none; padding:5px 10px; }
.cf-error			{ text-align: center; color: red; font-weight: normal; }
.cf-captcha			{ height:40px; }
.cf-captcha	img		{ border: 1px solid #1D78A5; }
.cf-label-captcha	{ padding-top: 15px; }
.cf-captcha-text	{ height: 40px; padding-top:8px; }
.cf-captcha-text input	{ width: 100px; padding:5px 10px; }
.cf-submit input	{ background-color:#1E448D; color:white; padding:5px 10px; cursor: pointer; }
.cf-submit input:hover	{ background-color:#1D78A5; color:white; padding:5px 10px;	}

.f-captcha:before		{ content:"\f01e"; }
.f-captcha			{
						display:inline-block;
						font: normal normal 20px/1px FontAwesome;
						padding: 0px 5px 0px 5px;
						color:#1D78A5;
						font-size:22px;
/*						text-rendering:auto;
						-webkit-font-smoothing:antialiased;
						-moz-osx-font-smoothing:grayscale; */
						text-decoration:none;
					}


@media (min-width: 320px) {
	 .cf-name, 
		.cf-email,
		.cf-phone,
		.cf-message,
		.cf-submit		{ width:50vw; }
		.cf-title		{ padding:40px calc(20vw - 80px);}
}

@media (min-width: 1200px) {
	 .cf-name, 
		.cf-email,
		.cf-phone,
		.cf-message,
		.cf-submit		{ width:600px; }
		.cf-title		{ padding:40px 200px; }
}
//.cf-form, .cf-line, .cf-line div, .cf-label, .cf-email, .cf-message, .cf-phone, .cf-name { border: 1px solid black;}