@charset "utf-8";
/* CSS Document */
body, html {
    height: 100%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
.row{
	width:100%;
	margin:0px;
	}
.container{
	padding:0px 100px;
	}
a{
	text-decoration:none
}
a:hover {
	text-decoration:none
}
label{
	color:#005CA8
	}
input{
	width:350px;
	padding:10px
	}
select{
	padding:10px
	}
h4{
	color:#005CA8
	}
.large_title{
	font-size:45px
	}
.small_title{
	font-size:32px
	}
.font_color_green{
	color:#80BC41
	}
.font_color_blue{
	color:#005CA8
	}
.font_size_1{
	font-size:10px;
	}
.font_size_2{
	font-size:12px;
	}
.font_size_3{
	font-size:14px;
	}
.font_size_4{
	font-size:16px;
	}
.font_size_5{
	font-size:18px;
	}
.font_size_6{
	font-size:20px;
	}
.font_size_7{
	font-size:22px;
	}
.font_size_8{
	font-size:24px;
	}
.font_size_9{
	font-size:26px;
	}
.font_size_10{
	font-size:28px;
	}
.font_size_11{
	font-size:30px;
	}
.font_color_1{
	color:#111111
	}
.font_color_2{
	color:#222222
	}
.font_color_3{
	color:#333333
	}
.font_color_4{
	color:#444444
	}
.font_color_5{
	color:#555555
	}
.font_color_6{
	color:#666666
	}
.font_color_7{
	color:#777777
	}
.font_color_8{
	color:#888888
	}
.font_color_9{
	color:#999999
	}
.font_color_10{
	color:#aaaaaa
	}
.font_color_11{
	color:#bbbbbb
	}
.font_color_12{
	color:#cccccc
	}
.font_color_13{
	color:#dddddd
	}
.font_color_14{
	color:#eeeeee
	}
.font_color_15{
	color:#ffffff
	}
#left_side_bar{
	width:100px;
	height:220px;
	position:fixed;
	top:30%;
	z-index:99
	}
#right_side_bar{
	right:0px;
	float:right;
	width:150px;
	height:300px;
	position:fixed;
	top:30%;
	background:#7FBB40;
	padding-top:30px;
	z-index:99;
	display:block
	}
#menu_btn{
	display:none
	}
.menu{
	color:#ffffff;
	line-height:34px;
	font-size:18px
	}
.menu a:active{
	text-decoration:none
	}
#quote{
	background:#FF5F00;
	width:100px;
	height:100px;
	color:#ffffff;
	font-size:18px;
	padding-top:25px;
	}
#faq{
	margin-top:1px;
	background:#FF5F00;
	width:100px;
	height:100px;
	color:#ffffff;
	font-size:18px;
	padding-top:35px;
	}
#top_section{
	background:url(../Content/pics/bg1.jpg) no-repeat center;
	height:900px;
	}
#who_we_are{
	/*height:600px;
	background:url(/Content/pics/bg2.jpg) 50% 0 no-repeat fixed;
	padding:30px 0*/
	}
table { 
    border-spacing: 1px;
    border-collapse: separate;
}
table tr td { 
	padding: 15px; 
	}
#form{
	padding:50px;
	background:#dddddd
	}
#contact_frames {
    background: url(../Content/pics/bg3.jpg) no-repeat;
}
#contact_content {
    background-color: rgba(78, 84, 80, 0.9);
    opacity: 0.8;
    padding: 30px 20px;
    margin: 40px 0px;
    color: #ffffff;
    width: 620px
}
#logo{
	float:left;
	width:300px
	}
#sun{
	float:right;
	width:336px
	}

.break-line {
    background: url(../Content/pics/break_line2.jpg) center no-repeat;
    height: 180px;
}
#pic-pds {
    background: url(../Content/pics/pds.jpg) no-repeat;
}

#pic-fsg {
    background: url(../Content/pics/fsg.jpg) no-repeat;
}

#pic-bnf {
    background: url(../Content/pics/bnf.jpg) no-repeat;
}

#pic-nsd {
    background: url(../Content/pics/nsd.jpg) no-repeat;
}

.fast {
    -moz-animation-duration: 1s;
    -moz-animation-delay: 0s;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s
}	
.slow {
	-moz-animation-duration: 2s;
	-moz-animation-delay: 0s;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 0s
}
.reallyslow {
	-moz-animation-duration: 3s;
	-moz-animation-delay: 0s;
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 0s
}
li{
	list-style-type: circle;
	line-height:30px;
	color:#005CA8
	}
.product_list li{
	font-size:15px;
	list-style-image: url(/Content/pics/tick.fw.png);
	line-height:23px;
	color:#333333
}
table tr td{
	padding:10px}
.sp-circle {
		display:none;
		margin:22px 10px 10px 10px;
		width: 25px;
	  height: 25px;
	  float:left;
	  border: 4px rgba(0, 0, 0, 0.25) solid;
	  border-top: 4px black solid;
	  border-radius: 50%;
	  -webkit-animation: spCircRot .6s infinite linear;
	  animation: spCircRot .6s infinite linear;
	}
	@-webkit-keyframes spCircRot {
	  from {
		-webkit-transform: rotate(0deg);
	  }
	  to {
		-webkit-transform: rotate(359deg);
	  }
	}
	@keyframes spCircRot {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(359deg);
	  }
	}

#overlay    {  
background:rgba(0,0,0,.70);
    text-align:center;
    opacity:0;
	width:252px;
	height:329px;
	margin-left:-8px;
    -webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
}

.pdf:hover #overlay {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	opacity: 1;
	color: #fff;
}
#overlay a:hover{
	color:#fff
	}
input[type="submit"]{
	background:#FF6700;
	color:#ffffff
	}
.modal-content{
	border-radius:0px
	}
@media (max-width: 1010px) {
.container{
	padding:0px 20px;
	}
.font_size_3{
	font-size:18px
	}
.font_size_4{
	font-size:22px
	}
.font_size_7{
	font-size:30px
	}
  #left_side_bar{
	width:150px;
	height:320px;
	position:fixed;
	top:50px;
	z-index:99;
	display:none
	}
  #right_side_bar{
	right:0px;
	float:right;
	width:350px;
	height:400px;
	position:fixed;
	top:50px;
	background:#7FBB40;
	padding-top:30px;
	z-index:99;
	display:none
	}
#menu_btn{
	position:fixed;
	top:0px;
	display:block;
	right:0px;
	float:right;
	z-index:99
	}
#menu_btn button{
	width:150px;
	height:50px;
	background:#7FBB40;
	color:#ffffff;
	font-size:25px
	}
#quote{
	background:#FF5F00;
	width:150px;
	height:150px;
	color:#ffffff;
	font-size:20px;
	padding-top:45px;
	}
#faq{
	margin-top:1px;
	background:#FF5F00;
	width:150px;
	height:150px;
	color:#ffffff;
	font-size:20px;
	padding-top:60px;
	}

li{
	list-style-type: circle;
	line-height:30px;
	color:#005CA8;
	font-size:22px;
	}
#who_we_are{
	height:800px;
	}
.product_list li{
	font-size:22px;
	list-style-image: url(/Content/pics/tick.fw.png);
	line-height:normal;
	color:#333333
}
#products .font_size_4{
	font-size:16px
	}
}