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

html, body, div, span, object,
h1, h2, h3, h4, h5, h6,
p, blockquote, address, cite, img, ul, li, aside,
fieldset, form, label, legend, table, caption, figure, 
footer, header, hgroup, nav, section, time, audio, video
	{ margin:0; padding:0;
	border:0;
	outline:0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-seerif;
	}
		

body {background: #ccc;
	color: #000;
	font-size: 14px;
	line-height:1.75em;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

img {max-width:100%}

h1 {font-size: 24px;
	color: #071a65;
	text-shadow: 1px 4px 3px #6f83ff; margin-bottom:20px;
}

h2 {font-size: 18px;}
h2 a {color: #000; text-decoration: none;}

header {width: 100%;
	 padding-bottom:54px;
	 background-image:url(../images/border-back.gif);
	 background-position: bottom left;
	 background-repeat: repeat-x;

}

form ul li {list-style: none; margin-top: 20px;}
input, textarea {background-color:#d6d6d6;
	border-top: 1px #a7a7a7 solid;
	border-bottom: 1px #e6e6e6 solid;
	padding: 5px;
	width: 300px;
	
}
textarea {height: 150px;}
input.submit {background: #309; color: #fff; width: 150px;}

.container {display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
	  background-color: #fff;
	  margin-left: auto; margin-right: auto;
	  max-width:960px;
	  -moz-box-shadow: 0px -1px 4px #333333;
	  -webkit-box-shadow: 0px -1px 5px #333333;
	  box-shadow: 0px -1px 4px #333333;
	  
    } 
	
.c1, .c2{
	padding: 10px 20px;
	padding: 0.71418571rem 1.42857142rem;
	float:left;
	margin: 10px 0 ;
}

.c3 {
	padding: 10px 20px;
	padding: 0.71418571rem 1.42857142rem;
	float:left;
	margin: 10px 0 ;
}

.thumb {align:left; padding: 0 10px 0 0; width: 80px; height:80px;}
.row {font-size: 12px; border-bottom: 1px solid #99F; padding:20px 5px;}

.social-network{ float:right;
	margin: 20px 10px 0 0 ;
	position: relative;
}

.social-network2{ float:right;
	margin: 20px 10px 0 0 ;
	position: relative;
}

.temp 
{
	float:left;
	width:300px;
	font-size:16px;
	color:red;
	padding-top:15px;
}

.logo
{
	width:400px
	height:81px;
	float:left;
}

/* main navigation styles --------------*/

nav {float:right;
	position :relative;
	z-index: 999;
	margin: 0 10px 0 0 ;}
nav a {font-size: 14px; color: #000; text-decoration:none; font-weight:bold;}

nav#mobile {float:left;}
ul.main-nav {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  
}
ul.main-nav li {
  
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 13px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.main-nav > li:hover {
  background: #6f83ff;
  
  
}


ul.main-nav li ul {
  padding: 0;
  position: absolute;
  top: 50px;
  left: 0;
  width: 200px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul.main-nav li ul  li { 
  background: #fff; 
  display: block; 
  padding-left:30px;
  
 
}

ul.main-nav li ul li a:hover {color:#000;}

ul.main-nav li ul li:hover { 
	background-image: url(../images/sub-back.png);
	background-position: left bottom;
	background-repeat: no-repat;

 }
 
ul.main-nav li ul li a {overflow:hidden;} 
ul.main-nav li:hover ul {
  display: block;
  opacity:0.9;
  visibility: visible;
 color:#fff;
 -moz-box-shadow: 0px 2px 4px #333333;
-webkit-box-shadow:  0px 2px 4px #333333;
box-shadow:  0px 2px 4px #333333;
}
ul.main-nav li a:hover ul {color:#fff;}

/*---responsive main navigation styles----*/
ul.mobile-nav {
		float:left;
  text-align: center;
  display: block;
  margin: 0;
  padding: 10px;
  list-style: none;
  
  
}

ul.mobile-nav li {
  
  display: block;
 
 
  padding: 10px 15px;
  background: #6f83ff;
  
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.mobile-nav li:hover {background:#ccc;}

ul.mobile-nav li ul {
  padding: 0;
  position: absolute;
  top: 54px;
  left: 10px; 
  width: 95%;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul.mobile-nav li ul  li { 
  background: #6f83ff; 
  display: block; 
  padding-left:30px;
	border-top:1px solid #C8D0FF;
}

ul.mobile-nav li ul li a:hover {color:#000;}


 
ul.mobile-nav li ul li a {overflow:hidden;} 
ul.mobile-nav li:hover ul {
  display: block;
  opacity:1;
  visibility: visible;
 
 
}
ul.mobile-nav li a:hover ul {color:#fff;}




/*--content ---*/

article{padding: 35px 45px; line-height: 1.5; 
}
article ul {padding: 0 45px;}

/* footer -----*/
footer {width:100%;}
.footer1 {float:left;
	text-align:right;
	margin:0;
	padding-top:54px;
	background-image:url(../images/border-bottom.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}

.footer2{
	background: #c8d0ff;
	padding: 25px 50px;
	float:left
	max-width: 100%;
	overflow: hidden;
	
}

.c5, .c4 {float:left; 
	margin-left: 6px; margin-right:0;
	
}

.c5 {width:18%;}
	
.c4 {	width:23%;
}

ul.c-foot { margin-top: 10px; float:left;}	
ul.c-foot li {list-style: none; padding-top:8px;}
ul.c-foot li a {
	color: #006; 
	text-decoration : none; 
	font-weight: bold;
	}
	
ul.c-foot li a:hover { color:#666;}		

.news-text {
	background-color: rgba(255, 255, 255, 0.4);
}


@media (min-width:533px){
	
	.mobile-nav {display:none !important;}
	.main-nav {visibility:  !important;}
	.c1, .c2 {width:30%;}
	.c3 {width:60%;}
	.c2 {border-left: 1px #ccc solid;}
}

@media	(max-width:532px){
	
	.main-nav {display:none !important;}
	
	.c4, .c5 {width:100%;
	margin:5px; padding-bottom:5px;
	border-bottom: 1px solid #006;
		
	}
	.c1, .c2 {width:100%;}
	.social-network {display: none !important;}
	.slider2 {display: none !important;}
	#logo {max-width:68%; float:right;margin-top:5px;}
}