body {
	font-size:13px;
	font-family:'Alegreya', 'sans-serif';
	background-color:#ffffff;
	border-top:4px solid #C00000;
}

.a, a:focus, img {
	outline:none;
}

a:hover, a:active, a:focus {
	outline:0;
}

h1 { color:#C00000; }

h1, h2, h3 { font-weight:normal; }

p { font-weight:normal; font-family:'Alegreya', 'sans-serif'; font-size:14px; }
b, strong { font-family:'Alegreya', 'sans-serif'; }

a { color:#C00000; }

p a:link { text-decoration:underline; }

p.bg-warning, p.bg-success, p.bg-info { padding:10px; }

.red { color:red; }

#back-top {
	position:fixed;
	bottom:20px;
	right:20px;
}

#back-top a {
	width:40px;
	display:block;
	text-align:center;
	font:11px/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#bbb;
	transition:1s;
}

#back-top a:hover { color:#000; }

#back-top span {
	width:40px;
	height:40px;
	display:block;
	margin-bottom:7px;
	border:2px solid #cccccc;
	background:#ffffff url(../img/layout/top.png) no-repeat center center;
	border-radius:6px;
	transition:1s;
	opacity:0.8;
}

#back-top a:hover span { background-color:#efefef; opacity:1; }

.split { margin:30px 0px 20px 0px; border-top:1px solid #efefef; }
.split2 { margin:20px 0px 40px 0px; border-top:1px solid #efefef; }

.margin-left { margin-left:40px; }
.margin-left-bottom { margin-left:40px; margin-bottom:20px; }

.img-responsive { margin:0px auto; }

.menu { background-color:#ffffff; }

.container-fluid { margin:0px; padding:0px; }

#welcome {
	padding:30px 0px 60px 0px; margin-top:10px;
	background:#efefef;
}

#welcome h2 { color:#C00000; margin:10px 0px 10px 0px; line-height:1.3em; font-size:32px; font-weight:bolder; text-align:center; }
#welcome p { color:#666666; margin:20px auto; line-height:1.6em; font-size:18px; text-align:center; }
#welcome img { border:1px solid #cccccc; border-radius:4px; padding:3px; }

#welcome h3 { color:#00457c; }
#welcome p.reduce { font-size:18px; min-height:120px; }

#products {
  	padding:40px 0px 60px 0px; margin-top:8px;
	background:#000000 url(../img/arrow.png) no-repeat top center;
}
#products h2, #products h2 a { color:#ffffff; margin:10px 0px 0px 0px; line-height:1.4em; font-size:22px; font-weight:bolder; text-align:center; }

#testimonial { margin:40px 0px 0px 0px; padding:0px; }
#testimonial h2 { color:#000000; margin:20px auto; line-height:1.4em; font-size:50px; font-weight:bolder; }
#testimonial .quote { margin-top:0px; padding:0px 0px 20px 0px; }
#testimonial .quote em { color:#000000; margin:0px auto; line-height:1.5em; font:24px "Georgia", Arial, sans-serif; font-style:italic; }
#testimonial .quote b { color:#000000; font-size:28px; margin:0px; padding:0px; }
#testimonial .quote p { color:#000000; font-size:24px; line-height:1.5em; }
#testimonial .quote p.who { margin-top:-50px; }

#testimonial .quote-left { color:#000000; font-size:70px; font-weight:bolder; margin:0px; padding:0px; margin-bottom:-30px; }
#testimonial .quote-right { color:#000000; font-size:70px; font-weight:bolder; margin:0px; padding:0px; margin-top:-30px; }

.carousel .item {
    width:100%;
	min-height:300px;
}

.carousel-control.right, .carousel-control.left {
	background-image:none; color:#999999;
}

.bottom { background-color:#C00000; margin:80px 0px 0px 0px; padding-bottom:10px; }
.bottom a:link, .bottom a:visited { color:#ffffff; text-decoration:none; }
.bottom a:hover { color:#ffffff; text-decoration:underline; }
.bottom p { color:#ffffff; font-size:13px; }

.row { Margin:0px padding:0px; }

.icon { font-size:52px; color:#ffffff; }

.padd { padding:20px 20px; }
.padd-tb { padding:10px 0px; }
.padd-home { padding:10px 0px; }
.top-margin { margin-top:20px; }
.small-margin { margin-top:10px; }

.news-img { float:right; margin:20px 40px 20px 20px; border-radius:6px; }
.main-img { margin:40px 0px 0px 20px; }

.btn-margin { margin:10px auto; }
.btn-margin2 { margin:10px 0px 20px 0px; }

.intro h1 { font-size:34px; color:#00457c; font-weight:normal; }
.intro h2 { font-size:20px; line-height:1.4em; font-weight:normal; }

.btn-primary {
  background-color: #f94e4e;
  border-color: #f94e4e;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #000000;
  border-color: #000000;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #f94e4e;
  border-color: #f94e4e;
}
.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #265a88;
  background-image: none;
}

.btn-lg { margin-bottom:20px; }

.btn-trans {
	background:none;
	color:#ffffff; font-size:26px;
	padding:10px 18px; font-weight:bold;
	border:3px solid #ffffff;
}
.btn-trans:hover,
.btn-trans:focus {
	background:none;
	border:3px solid #f94e4e; color:#f94e4e;
}
.btn-trans:active,
.btn-trans.active {
	background:none;
	border:3px solid #f94e4e; color:#f94e4e;
}
.btn-trans:disabled,
.btn-trans[disabled] {
	background:none;
	border:2px solid #f94e4e; color:#f94e4e;
}

.btn-trans2 {
	background:none;
	color:#C00000;
	font-size:16px;
	padding:10px 20px;
	border:2px solid #C00000;
}
.btn-trans2:hover,
.btn-trans2:focus {
	background:none;
	border:2px solid #000000; color:#000000;
}
.btn-trans2:active,
.btn-trans2.active {
	background:none;
	border:2px solid #000000; color:#000000;
}
.btn-trans2:disabled,
.btn-trans2[disabled] {
	background:none;
	border:2px solid #000000; color:#000000;
}

p a.btn-default, .btn-default:hover, .btn-default:focus  {
	text-decoration:none;
}

.product-text { min-height:70px; }

#custom-bootstrap-menu.navbar-default .navbar-brand {
	color: rgba(119, 119, 119, 1);
}

#custom-bootstrap-menu.navbar-default {
    font-size:16px;
    border-width:0px;
    border-radius:0px;
	margin:18px 0px 0px 0px;
	background:none; color:#ffffff;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color:#666666; font-weight:normal;
    background:none;
	padding:1em 1.2em;
	z-index:999;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color:#000000;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color:#00457c; font-weight:normal;
    background:none;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color:#cccccc; color:#000000;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color:#cccccc;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color:#666666 !important;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color:#ffffff;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a.green { background-color:#6ac31c; color:#ffffff; border-radius:6px; }
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover.green { background-color:#7ccf32; color:#ffffff; border-radius:6px; }

/* mobile version */
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color:#ffffff;
	border:none;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color:#ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color:#ffffff; border:none;
}

.welcome-info { min-height:160px; }

h2.bigger {
	font-family:'Alegreya', 'sans-serif'; font-weight:normal; font-style:normal;
	font-size:56px; padding:16px 0px; margin:0px; color:#ffffff;
	text-align:center; background-color:#C00000;
}

.row { margin:0px; padding:0px; }

.hero {
	min-height:480px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	left:0px; top:0px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	background:#000000 url(../img/bg/wsr-bg.jpg) no-repeat;
}
.hero p { font-size:28px; color:#ffffff; }

.main {

}
.main p { font-size:28px; color:#000000; text-align:left; }
.main-bit { margin-top:30px; margin-bottom:30px; }

.main-bit ul, .main-bit li { font-size:22px; text-align:left; }
.main-bit li { padding:4px 0px; }
.curve { border:1px solid #cccccc; border-radius:6px; padding:2px; }

.bullet { padding-left:50px; }
.intro-bit { margin-top:60px; }
.bullet-text { text-align:left !important; }

@media only screen and (max-width : 1300px) {
	#news h3 { font-size:20px; line-height:1.4em; font-weight:bold; }
	#news p { font-size:16px; line-height:1.4em; }
}

@media only screen and (max-width : 1200px) {
	
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
		padding:1em 1.2em;
	}

	#welcome h2 { margin:20px auto; line-height:1.4em; font-size:32px; font-weight:bolder; }
	#welcome p { color:#666666; margin:20px auto; line-height:1.6em; font-size:16px; }
	#testimonial .quote em { color:#000000; margin:0px auto; line-height:1.5em; font:22px "Georgia", Arial, sans-serif; font-style:italic; }
	#testimonial .quote b { color:#000000; font-size:18px; margin:0px; padding:0px; }
	#testimonial .quote p { color:#000000; font-size:22px; line-height:1.5em; }
	
	#welcome p.reduce { font-size:18px; min-height:160px; }
}

@media only screen and (max-width : 1190px) {
	.product-text { min-height:120px; }
}

@media only screen and (max-width : 1020px) {
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
		padding:1em 1em;
	}
	#custom-bootstrap-menu.navbar-default {
		font-size:14px;
	}
}

@media only screen and (max-width : 992px) {

	.logo { text-align:center; }
	.product-text { min-height:160px; }
	
	#testimonial { min-height:0px; padding:30px 0px 50px 0px; }
	
	#testimonial .quote em { color:#000000; margin:0px auto; line-height:1.5em; font:18px "Georgia", Arial, sans-serif; font-style:italic; }
	#testimonial .quote b { color:#000000; font-size:22px; margin:0px; padding:0px; }
	#testimonial .quote p { color:#000000; font-size:18px; line-height:1.5em; }
	
	#testimonial .quote-left { color:#000000; font-size:60px; font-weight:bolder; margin:0px; padding:0px; margin-bottom:-30px; }
	#testimonial .quote-right { color:#000000; font-size:60px; font-weight:bolder; margin:0px; padding:0px; margin-top:-30px; }
	
	#welcome p.reduce { font-size:18px; min-height:0px; }
	
	.welcome-info { min-height:200px; }
	
	h2.bigger { font-size:42px; }
	
	.bullet { padding-left:0px; }
	
	.welcome-info { min-height:0px; }
	.bullet-text { text-align:center !important; }
	.bullet { display:none; }
	#welcome .col-md-4 { padding-bottom:30px; }
	
}

/* mobile */
@media only screen and (max-width : 767px) {

	#custom-bootstrap-menu.navbar-default { border:none;  background-color:#ffffff; width:100%; }
	#custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
		margin:0px; padding:12px 10px; border:none; background-color:#ffffff; border-radius:0px;
	}
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
		border-radius:0px;
	}
	.action { margin:10px auto; text-align:center; }
	.product-text { min-height:10px; }
	
	#home-icons { display:block; padding-top:200px; }
	
	#welcome { min-height:0px; padding:20px 0px 60px 0px; }
	#welcome h2 { margin:20px auto; line-height:1.4em; font-size:36px; font-weight:bolder; }
	#welcome p { color:#666666; margin:20px auto; line-height:1.6em; font-size:18px; }
	
	.btn-trans { font-size:16px; padding:10px 20px; }
	.btn-trans2 { font-size:14px; padding:10px 20px; }
	
	.menu { padding-bottom:40px; }
	.padd-home { padding:10px 0px 0px 0px; }
	
	#products .col-sm-2 { padding-bottom:40px; }
	#welcome .col-sm-6 { padding-bottom:30px; }
	
	h2.bigger { font-size:32px; }
	
	.hero p { font-size:26px; }
	.intro-bit { margin-top:40px; }
	
	.bottom { margin:40px 0px 0px 0px; }
	
	.hero { height:auto; min-height:0px; background:none; background-color:#ffffff; padding-bottom:30px; }
	.hero p { font-size:18px; color:#000000; }
	
	.btn-trans {
		background:none;
		color:#C00000; font-size:18px;
		padding:10px 18px; font-weight:bold;
		border:3px solid #C00000;
	}
	.btn-trans:hover,
	.btn-trans:focus {
		background:none;
		border:3px solid #000000; color:#000000;
	}
	.btn-trans:active,
	.btn-trans.active {
		background:none;
		border:3px solid #000000; color:#000000;
	}
	.btn-trans:disabled,
	.btn-trans[disabled] {
		background:none;
		border:2px solid #000000; color:#000000;
	}
	
}

@media only screen and (max-width : 480px) {
	h1 { font-size:24px; }
	.intro h1 { font-size:28px; margin-top:20px; }
	.intro h2 { font-size:16px; line-height:1.4em; }
	.top-left { display:block; width:100%; margin:0px; padding:0px; text-align:center; }
	.top-left img { margin-left:0px; }
    
	.row .col-xs-4 { display:block; width:100%; margin:0px 0px 20px 0px; float:left; }
	
	h2.news { margin:20px 0px; }
	
	#welcome h1 { margin:20px 0px 10px 0px; }
	#welcome h2 { margin:20px 0px 10px 0px; font-size:26px; }
	#welcome p { margin:10px auto; }
	
	h2.bigger { font-size:26px; padding-left:20px; padding-right:20px; }
	
	.intro-bit { margin-top:30px; }
	
	#products .col-xs-3 { width:100%; margin:20px auto; }
	
	#testimonial h2 { font-size:36px; }
	#testimonial { margin:0px 0px 0px 0px; }
	
	#custom-bootstrap-menu.navbar-default { margin:0px 0px 0px 0px; }
	
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
		text-align:center;
	}
	
}