.testsnew {}


/*********************GEBERIC*******************/
/*********************GENERIC*******************/
/*********************GENERIC*******************/
/*********************GENERIC*******************/

body, p {
	color: #777;
}

.one-letter-capital .capital  {
	font-size: inherit;
}

#titlebar h1, h1.one-letter-capital  {
   color: #545252;
}

h2 {
	color: #545252;
}

/*********************HEADER*******************/
/*********************HEADER*******************/
/*********************HEADER*******************/
/*********************HEADER*******************/


#header .logo_container {
    background-color: #fff;
	height: 90px;
}


#logo a img {
	height: auto;
	width: 220px;
    padding: 12px 0; 	
}

/*********************MENU*******************/

#navigation div.content ul.menu a.active, #navigation div.content ul.menu a:hover {
  border-bottom: 3px solid #28aa94;
  }
  
#secondary-menu ul.menu li a {
 color: #1b84c7;
}

#secondary-menu ul.menu li a:hover {
 border-bottom: 2px solid #1b84c7;
}
 
 
#navigation div.content ul.menu li {
	padding: 18px 0 0 0;
}
 
#navigation div.content ul.menu li a {
	font-size: 17px;
	font-weight: 500;
 }
 
  




/*********************INTRO*******************/
/*********************INTRO*******************/
/*********************INTRO*******************/
/*********************INTRO*******************/

 
section#titlebar.first-page {
	display: none;
}


article#node-1, article#node-3  {
	background-image: url('/sites/default/files/intro_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 15px 0;
	padding: 70px 50px 20px 50px;
	box-shadow: 0 0 15px #bbb;
	text-align: center;
}

.intro-box h1  {
   color: #fff;
   font-size: 27px;
}

.intro-box h2  {
   color: #fff;
}

.intro-box p  {
   color: #fff;
   text-align: center;
}
 
.btn-red {
	width: 170px;
	background-color: #eb2121;
	padding: 7px 12px;
	border-radius: 12px;
	margin: 70px auto 0 auto;
}

.btn-red a {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
}


/******************FOOTER TOP************************/
/******************FOOTER TOP************************/
/******************FOOTER TOP************************/
/******************FOOTER TOP************************/


#footer {
    background-color: #e7e7e7;
}

.region-footer-head p{
	color: #56575c;
	font-weight: 400;
	font-size: 21px;
	text-align: center;
	margin-bottom: 40px;
}


/******************TILES************************/

.tile {
    border-radius: 3px;
    box-shadow: 0 0 15px #777;
    max-width: 25%;
    margin: 0 2%;
    float: left;
    padding: 4% 2% 2% 2%;
    transition: 0.4s all ease-in-out;
}

#tile1, #tile2, #tile3 {
    background: #fff;
}

#tile1:hover, #tile2:hover, #tile3:hover {
    background-color: #f7f7f7;
}

p.tile-title {
    font-weight: 400;
    font-size: 130%;
    margin-top: 15px;
    color: #7a7a7b;
}

p.tile-text {

    color: #7a7a7b;
}

a.tile-more {
	color: #eb2121; 
	font-weight: 500;
}

@media (max-width: 720px) {
	p.tile-title {
		font-size: 100%;
	}
}

@media (max-width: 530px) {
	.tile {
		max-width: 220px;
		clear: both;
		float: none;
		margin: 20px auto;
	}
}

/******************FOOTER BOTTOM************************/
/******************FOOTER BOTTOM************************/
/******************FOOTER BOTTOM************************/
/******************FOOTER BOTTOM************************/

#footer-bottom {
    background-color: #232625;
    padding: 20px 0 17px 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
}


/*********************ACCORDION*******************/
/*********************ACCORDION*******************/
/*********************ACCORDION*******************/
/*********************ACCORDION*******************/

.ui-accordion-header  {
	background: #fff !important;
	margin: 20px 0 !important;
}

.ui-accordion-header:hover  {
	background: #fff !important;
}

.ui-accordion-header.ui-state-default a {
	color: #545252 !important;
}

.views-field-title {
	border-bottom: 2px solid #bbb;
	margin: 10px 0;
	transition: all .5s ease-in-out !important;
}

.views-field-title:hover, .views-field-title:checked {
	border-bottom: 2px solid #1b84c7;
}

.field-content  {
	margin: 4px 0 30px 0;
}
