.maintitle{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 32px;
  color:#1E283A;
  text-align:center;
  padding-top:30px;


}

.product_title{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 23px;
  color:#787878;
  font-weight:500;
  padding: 0 0 10px 10px;
  /*text-align:center; */
}

.product_title2{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 17px;
  color:#787878;
  padding: 0 0 10px 10px;
  font-weight:700;    /* 700 = as bold */
  /*text-align:center; */
}



.main_products_text{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  color:#787878;
  font-weight:400;    /*400 = as normal*/
  /* padding: 0 0 10px 10px; */
  /*text-align:center; */
}

.main_products_text span{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 19px;
  color:#247a95;
  font-weight:400;    /*400 = as normal*/
  /* padding: 0 0 10px 10px; */
  /*text-align:center; */
}

.maincontent{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 19px;
  color:#787878;
  padding: 40px 20px 50px 20px;
  font-weight:400;

}

.footercontent{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  color:#787878;
  /*padding: 40px 20px 50px 20px;*/
  font-weight:400;
}

/*.maincontent{
  font-family: tahoma, arial, georgia;
  font-size: 14px;
  color:#1E283A;
  padding: 40px 20px 50px 20px;

} */


.boxtitle{
  font-family: 'Roboto Condensed', sans-serif;
  font-size:18px;
  color:#fff;
  padding-top: 18px;
  font-weight:700;
}

.boxcontent{
  font-size:15px;
  color:#fff;
  font-family: 'Roboto Condensed', sans-serif;
  padding-top: 18px;
  line-height:22px;
  padding-left:18px;
  padding-right:18px;
  
}

/* .boxcontent{
  font-size:14px;
  color:#fff;
  font-family: tahoma, arial, georgia;
   padding-top: 8px;
  padding-bottom: 8px;
}
*/


.imagebox {
  width: auto;
  /* width: 291px; */
  /* height: 150px;  */
  min-height: 200px;
  /*background: #1e283a; */
  background: #255406;
  /*margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px; */
  text-align:center;
  position:relative;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.imagebox:hover {
  background-color:#ee1c25;  
  /*cursor: pointer;*/
}

.arrow_potition {
  position: absolute;
  bottom: 0;
  left:47%;
   padding-bottom:20px;
  
}


.fa-arrow-circle-o-right{
text-decoration:none;
color:#ffffff;
font-size:33px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.fa-arrow-circle-o-right:hover{
text-decoration:none;
color:#1e283a;
font-size:33px;
padding-left:10px;
}

.fa-envelope{
text-decoration:none;
color:#ffffff;
font-size:16px;
}

.fa-phone{
text-decoration:none;
color:#ffffff;
font-size:16px;
}

.fa-map-marker{
text-decoration:none;
color:#ffffff;
font-size:16px;

}

.fa-thumb-tack{
 text-decoration:none;
 color:#ffffff;
 font-size:16px;
}


/* General button style (reset) */
.btn {

    border: none;
	font-family: 'Roboto Condensed', sans-serif;    /* font-family: inherit; */
	font-size: 18px;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 17px 60px; /*padding: 25px 80px;*/
	display: inline-block;
	/*margin: 15px 30px; */
	text-transform: uppercase;
	letter-spacing: 3px;
	/* font-weight: 700; */
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
/*
.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
} */

/* Button 2 */
.btn-2 {
	background: #cb4e4e;
	color: #fff;
	box-shadow: 0 6px #ab3c3c;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* Button 2a */
.btn-2a {
	border-radius: 0 0 5px 5px;
    text-decoration:none;
}

.btn-2a:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
    text-decoration:none;
    color:#1e283a;
}

.btn-2a:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;

}

.responsive-image{
        height:auto;
        /* width:100%; */
        max-width: 100%;
}

.links{
 font-size: 14px;
 color:#a8a8a8;
  font-family: 'Roboto Condensed', sans-serif;
/* font-family: tahoma, arial, georgia;*/
 text-decoration:none;
 -o-transition:color 300ms ease-out, color 250ms ease-in;
  -ms-transition:color 300ms ease-out, color 250ms ease-in;
  -moz-transition:color 300ms ease-out, color 250ms ease-in;
  -webkit-transition:color 300ms ease-out, color 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:color 300ms ease-out, color 250ms ease-in;
}

.links:hover{
color: #787878;
}

.links2{
 font-size: 17px;
 color:#787878;
  font-family: 'Roboto Condensed', sans-serif;
/* font-family: tahoma, arial, georgia;*/
 text-decoration:none;
 -o-transition:color 300ms ease-out, color 250ms ease-in;
  -ms-transition:color 300ms ease-out, color 250ms ease-in;
  -moz-transition:color 300ms ease-out, color 250ms ease-in;
  -webkit-transition:color 300ms ease-out, color 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:color 300ms ease-out, color 250ms ease-in;
}

.links2:hover{
color: #787878;
}

.links3{
 font-size: 14px;

 color:#9f9f9f;
 margin-left:8px;
  font-family: 'Roboto Condensed', sans-serif;
/* font-family: tahoma, arial, georgia;*/
 text-decoration:none;
 -o-transition:color 300ms ease-out, color 250ms ease-in;
  -ms-transition:color 300ms ease-out, color 250ms ease-in;
  -moz-transition:color 300ms ease-out, color 250ms ease-in;
  -webkit-transition:color 300ms ease-out, color 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:color 300ms ease-out, color 250ms ease-in;
}

.links3:hover{
color: #fff;
}


/*scroll to top */
.scroll-to-top {
position: fixed;
background:url(../images/scroll-to-top.png) no-repeat;
cursor: pointer;
bottom: 1em;
right: 0px;
width:55px;
height: 55px;
padding-right: 2em;
padding-bottom: 1em;
display: none;
z-index: 999;
}
/*scroll to top */


.new_member_box_display{
    min-height: 300px;
	height: auto;
	/*background-color: #e6ebe4; */
	/*padding-top: 10px;
	padding-left: 10px; */
   /*	margin: 25px 0px 10px 0px; */
	margin: 0px 0px 0px 0px;
  /*  font-family: tahoma, arial, georgia; */
   /* font-size: 14px;*/
    /* color:#787878;*/
    padding: 40px 20px 25px 20px;
  /*	border-radius: 3px;*/
}

.accordion-toggle {cursor: pointer; margin: 0;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}

/*****************/

.pb-center-column h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	color:#787878;
	font-weight:500;
    border-bottom: 1px solid #ebebeb;
    /*font-weight: bold;*/
    margin-bottom: 40px;
    margin-top: 0;
    padding-bottom: 10px;
    position: relative;
  }

.pb-center-column h2:after {
    border-bottom: 4px solid #247a95;
    bottom: -2px;
    content: "";
    left: 0;
    position: absolute;
    width: 120px;
}

/*****************/

/* headlines with lines */


.decorated{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	color:#787878;
	font-weight:500;
     overflow: hidden;
     text-align: center;
 }
.decorated > span{
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
    width: 591px; /* half of limiter*/
    margin: 0 20px;
}
.decorated > span:before{
    right: 100%;
}
.decorated > span:after{
    left: 100%;
}

/* headlines with lines */


.border_image {
    border: 1px solid #e9e9e9;
    
}
.centertable {
 margin-left:auto;
 margin-right:auto;
 width:100%;

}

.centertable2 {
 margin-left:auto;
 margin-right:auto;
 width:90%;

}

/******** polyfot ********/

.threeblockstitle{
	color:#344a71;
	font-family: 'Comfortaa', cursive;
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;	
	font-weight:400;
	text-decoration:none;
	-o-transition:all 300ms ease-out, all 250ms ease-in;
  -ms-transition:all 300ms ease-out, all 250ms ease-in;
  -moz-transition:all 300ms ease-out, all 250ms ease-in;
  -webkit-transition:all 300ms ease-out, all 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:all 300ms ease-out, all 250ms ease-in;
}

.threeblockstitle:hover{
	color:#538ffb;
	font-family: 'Comfortaa', cursive;
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;	
	font-weight:400;
	text-decoration:none;
}

.feature_divider {
   border: 3px solid #344a71;
    display: block;
    margin: 15px auto;
	margin-top:20px;
	width: 70px;
}

.border_image {
    border: 2px solid #fff;
    border-radius: 0;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.30);
}

.colordate2 {
    background: none repeat scroll 0 0;
    border: 3px solid #344a71;
    color: #344a71;
    display: inline-block;
    /*font-family: "Roboto Condensed",sans-serif;*/
	font-family: 'Comfortaa', cursive;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 5px 10px;
	 text-decoration:none;
 -o-transition:all 300ms ease-out, all 250ms ease-in;
  -ms-transition:all 300ms ease-out, all 250ms ease-in;
  -moz-transition:all 300ms ease-out, all 250ms ease-in;
  -webkit-transition:all 300ms ease-out, all 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:all 300ms ease-out, all 250ms ease-in;
}

.colordate2:hover{
    background: none repeat scroll 0 0;
    border: 3px solid #5c82c5;
    color: #5c82c5;
    display: inline-block;
    font-family: 'Comfortaa', cursive;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 5px 10px;
}

.philips_title{
	color:#083c60;
    font-family: 'Roboto Condensed', sans-serif;
	font-size:37px;
	font-weight:700;
	/*margin:25px auto;*/
	/*letter-spacing:2px; */
	
}

.philips_texts{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color:#787878;
	margin-top:25px;
	font-weight:400;
	
}

.success_error{
	font-family: 'Roboto Condensed', sans-serif;
	/*height:100px;*/
	text-align:center;	
	padding-top:30px; 
	padding-bottom:30px;
	font-size: 18px;
}


/***** sliding underline *****/
.slide-center-out 
{
text-decoration:none;
display: inline-block;
color:#344a71;
}
/* add a empty string after the elment with class .slide-center-out  */
.slide-center-out:after 
{
content: '';
display: block;
height: 2px;
width: 0;
color:#344a71;
background: transparent;
transition: width .5s ease, background-color .5s ease;
-webkit-transition: width .5s ease, background-color .5s ease;
-moz-transition: width .5s ease, backgroundbackground-color .5s ease;
 
margin:auto; /* center the cotent so it will sliding from the midddle to the left and right */
}

.slide-center-out:hover{
	color:#538ffb;
}
 
/* Change the width and background on hover, aka sliding from the middle to the left and right */
.slide-center-out:hover:after 
{
width: 100%;
background: #538ffb;

}

/***** sliding underline *****/
