@charset "utf-8";
/* CSS Document */
img{ max-width:100%;}

body{}


.footer a{
	color:#fff;
	text-decoration:none;}

header{ background:rgba(255, 255, 255, 0.7);  z-index:9999; position:fixed; width:100%;}

.social ul{ padding:0px; margin:0px;}
.social{ border-right:1px solid rgba(0,153,0,1); /*padding-right:40px;*/  margin-bottom:5px;}
.social li{ list-style: none;}
.social a{ background:#FFFFFF; width:45px; height:45px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;text-align:center;display: block; line-height: 45px; float:right; margin:2px; color:rgba(0,0,0,1); list-style:none; font-size:25px;}
.social p{ font-size:12px;}
.social a{ color:#000000;}
.social a:hover{ background:#e51b24; color:rgba(255,255,255,1);}

.banner{ /*margin-top:-187px;*/ width:100%; height:auto; float:left;}

.banner-text{font-family: 'Open Sans Condensed', sans-serif; background:rgba(0,0,0,0.79); color:#FFFFFF; padding-top:20px; padding-bottom:20px; margin-top:-162px; width:100%; height:auto; float:left; position:relative; z-index:1000;}
.banner-text h2{ font-size:38px;}
.banner-text span{ font-size:30px;}

.circle li{ width:150px; height:150px;  background:#008752; float:left; margin:15px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; list-style:none;
	    color:#fff; margin-top:30px;}		
.circle h4{ font-size:18px; font-family: 'Open Sans Condensed', sans-serif; font-weight:600;}		
.circle img{ margin-top:20px;}	
.circle li:hover{ background:#e51b24; -webkit-box-shadow: -4px -4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -4px -4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -4px -4px 5px 0px rgba(50, 50, 50, 0.75);}

.welcome{ margin-top:30px; color:rgba(0,0,0,1);}
.welcome h2{font-family: 'Yu Gothic';}
.welcome p{ font-size:16px; line-height:26px; color:rgba(47,47,47,1.00); font-family: 'Yu Gothic'; }

.center{ background:url(../images/bg-imager.jpg); min-height:495px; margin-top:30px;}

.center .carousel{
	padding-top:65px;}
.carousel {
    margin-bottom: 0;
        padding: 50px 10px;
	
}
.carousel h4{
	font-weight:bold;
	font-size:16px;
	text-align:center;
	font-family: 'sanspsbolditalic';}
	
.carousel h5{
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:10px;
	font-style:italic;
	font-family: 'sanspsbolditalic';}



.carousel p{
	font-family: 'SegoeUI'; font-size:14px;
	text-align:center;
	padding-bottom:30px;}

/* Reposition the controls slightly */
.carousel-control {
    left: -12px;
}
.carousel-control.right {
    right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
    background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}
.carousel a{ color:#e51b24;}
.well{ border:none; background:#FFF;-webkit-box-shadow: -1px -1px 5px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -1px -1px 5px 1px rgba(50, 50, 50, 0.75);
box-shadow:         -1px -1px 5px 1px rgba(50, 50, 50, 0.75); margin-top:-50px;}
.thumbnail{ border:none;}

.center-bottum{ background:#f7f7f7; border-top:1px solid #e1e1e1; margin-top:30px; margin-bottom:20px; padding-bottom:20px;}

.say{ width:100%; height:auto; background:#FFF; float:left;-webkit-box-shadow: -1px -1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -1px -1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -1px -1px 5px 0px rgba(50, 50, 50, 0.75); margin-top:20px; padding:20px 15px; margin-bottom:20px;}
.say p{ font-size:18px; color:#000;}

.say:before{   content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    color: #FFFFFF;
    font-size: 80px;
    margin-left: 35px;
    bottom:25px;}
	
.footer{ background:#ed1c24; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #FFF; font-weight:500; font-family: 'Open Sans', sans-serif; float:left; width:100%;}
.footer h3{ color:#FFF; font-size:18px; font-weight:bold;  font-family: 'sanspsbolditalic';}	
.footer p{ color:#FFF;font-size:18px; font-family: 'SegoeUI';}
.btn-default{ background:#e51b24; border:none; color:rgba(255,255,255,1); height:46px;border-radius:0;}

.footer-menu ul{ margin:0px; padding:0px;}
.footer-menu li{ list-style:none; line-height:26px;}
.footer-menu a{ color:#FFF; text-decoration:none;}
.footer-menu a:hover{ color:#e51b24;}
.footer-menu i{ padding-right:5px;}

.footer-social ul{ padding:0px; margin:0px;}
.footer-social li{ list-style:none;}
.footer-social a{ background:#FFFFFF; width:48px; height:48px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;text-align:center;display: block; line-height: 51px; float:left; margin:5px; color:#c6c6c6; list-style:none; font-size:20px;}
.footer-social a:hover{ background:#e51b24; color:rgba(255,255,255,1);}

.bottum-footer{ background:#e51b24; padding-top:20px; padding-bottom:10px; color:#FFF; float:left; width:100%;}
.bottum-footer span{ }
.bottum-footer a{ color:#FFF; padding:0px 10px;}
.form-control{ border-radius:0; color:#000000;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.banner{ margin-top:0px !important;}	
	.circle li{ -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width:170px; height:170px;}
	.social a{ width:40px; height:40px; font-size:18px; line-height:40px; }
	.footer-social a{ width:40px; height:40px; font-size:18px; line-height:40px;}
	.banner-text{ margin-top:-10px !important;}
	}
	
@media all and (max-width: 1280px){
/*.banner	{ margin-top:-320px}*/
.social a{ width:35px; height:35px; line-height:35px; font-size:18px;}

}

@media all and (max-width: 980px){
  .circle li{ width:200px; height:200px;}
  .banner-text{padding-top:10px; padding-bottom:10px; margin-top:-117px;}
  .banner-text h2{ font-size:26px;}
  .banner-text span{ font-size:20px;}
  .circle img{ margin-top:35px;}
	}
	
@media all and (max-width: 768px){
	header{
		position:relative;}}

.ser{
	width:240px; height:30px; right: 17px; bottom: 0px; top: 50px; background-color:rgba(0,255,102,1); position:absolute; display:none;}
	
.ser .btn-info{
	position:absolute;
	top:0;
	right:0;}
	
.arw{
	position: absolute;
top: 29%;
right: -17px;}