@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('iconfont.css');


body
{
	padding:0px;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6,p,ul,li
{
	padding:0px;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
}

.demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
	

.success
{
	background:#00b16a;
	color:#FFF;
}

.error
{
	background:#f22613;
	color:#FFF;
}

/* Header Start */

#header
{
	width:100%;
	padding:20px 0px;
	display:block;
}

#header .leftmenu
{
	margin:0px;
	margin-left:5%;
	display:inline-block;
	vertical-align:middle;
}


#menupage
{
	display:none;
}

.leftmenu .cover
{
	position:relative;
	display:inline-block;
	z-index:1000;
}

.leftmenu .cover .container
{
	position:absolute;
	display:block;
	top:-25px;
	text-align:center;
}

.leftmenu .container label
{
	position:absolute;
	width:100%;
	height:24px;
	top:0px;
	display:block;
	z-index:1000;
	cursor:pointer;
}

.leftmenu .container input[type=checkbox]
{
	display:none;
}

.leftmenu .container .iconfont
{
	font-size:20px;
	color:#333;transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
}

.leftmenu .container label:hover ~ .iconfont
{
	color:#f22613;
}

.leftmenu .container .iconshow
{
	width:100%;
	height:32px;
	display:inline-block;
}

.leftmenu .container .iconhide
{
	width:100%;
	height:32px;
	display:none;
}

.leftmenu .container ul
{
	padding:0px;
	margin:0px;
	display:block;
}

#header .leftmenu .container ul li
{
	min-width:120px;
	background:#FFF;
	display:block;
}

.leftmenu .container ul li a
{
	padding:10px 15px;
	font-size:13px;
	color:#333;
	display:block;
	text-decoration:none;
	transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
}

.leftmenu .container ul li:hover a
{
	color:#FFF;
	background:#f22613;
}

#webmenu:checked ~ .iconshow
{
	display:none;
}

#webmenu:checked ~ .iconhide
{
	display:inline-block;
}

#webmenu:checked ~ #menupage
{
	display:block;
}


#header .logobox
{
	margin-right:6%;
	width:auto;
	float:right;
}

#header .logobox img
{
	height:20px;
}

/* Content Start */

#content
{
	width:100%;
	padding:0px;
	margin:0px;
	display:block;
}

#frontslidecover
{
	position:relative;
	width:100%;
	overflow:hidden;
}

#frontslidecover .imgbox
{
	width:100%;
	height:600px;
	overflow:hidden;
}

#frontslidecover .imgbox img
{
	width:100%;
}

#frontslidecover h3
{
	position:absolute;
	top:170px;
	left:5%;
	font-size:24px;
	color:#FFF;
	z-index:1000;
}

#frontslidecover h1
{
	position:absolute;
	top:200px;
	left:5%;
	font-size:48px;
	color:#FFF;
	z-index:1000;
}

#frontslidecover p
{
	position:absolute;
	top:280px;
	left:5%;
	width:640px;
	font-size:16px;
	font-weight:300;
	line-height:28px;
	color:#FFF;
	z-index:1000;
}

#frontslidecover a.button
{
	position:absolute;
	top:400px;
	left:5%;
	padding:15px;
	font-size:15px;
	color:#FFF;
	background:#f22613;
	border-radius:2px;
	text-decoration:none;
	display:inline-block;
}

#frontslidecover a.button:hover
{
	background:#c01303;
	transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
}

#frontinfo
{
	width:100%;
	padding:200px 0px;
	background:url(../../../images/bg2.jpg) no-repeat center bottom;
}

#frontinfo .leftwrap
{
	width:54%;
	margin-left: 5%;
	font-size:0px;
	display:inline-block;
	vertical-align:middle;
}

#frontinfo .leftwrap h1
{
	margin-bottom:40px;
	font-size:36px;
	font-weight:bold;
	color:#111;
	display:block;
}

#frontinfo .leftwrap h3
{	
	margin-bottom:10px;
	font-size:18px;
	color:#f22613;
	display:block;
}

#frontinfo .leftwrap p
{	
	font-size:15px;
	color:#111;
	line-height:32px;
	display:block;
}


#frontinfo .rightwrap
{
	width:34%;
	margin-right: 5%;
	font-size:0px;
	text-align:right;
	display:inline-block;
	vertical-align:middle;
}

#frontinfo .rightwrap .visitbox
{
	width:auto;
	padding:10px 25px;
	display:inline-block;
	text-align:center;
	background:#FFF;
	border-radius:2px;
}

#frontinfo .rightwrap .visitbox h3
{	
	margin-bottom:5px;
	font-size:13px;
	color:#111;
	display:block;
}

#frontinfo .rightwrap .visitbox p
{	
	font-size:50px;
	font-weight:bold;
	color:#f22613;
	display:block;
}


/* Section Header Start */

#sectionheader
{
	width:100%;
	padding:0px;
	margin:0px;
	background:url(../../../images/sectionbg.jpg) no-repeat center bottom;
	display:inline-block;
}

#sectionheader h1
{
	padding:80px;
	text-align:center;
	font-size:32px;
	color:#fff;
	display:block;
}

/* Web Contact Start */

#webcontact
{
	margin:0px;
	padding:100px 0px;
	display:block;
}

#webcontact .leftwrap
{
	width:44%;
	margin-left:5%;
	display:inline-block;
	vertical-align:top;
}

#webcontact .leftwrap .linewrap
{
	padding:20px 0px;
	display:block;
}

#webcontact .leftwrap .linewrap .iconbox
{
	width:40px;
	height:40px;
	background:#f22613;
	border-radius:100%;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}

#webcontact .leftwrap .linewrap .iconbox i
{
	margin-top:12px;
	color:#FFF;
	display:inline-block;
}

#webcontact .leftwrap .linewrap .textbox
{
	width:80%;
	margin-left:20px;
	display:inline-block;
	vertical-align:middle;
}

#webcontact .leftwrap .linewrap .textbox span
{
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	color:#111;
	display:block;
}

#webcontact .leftwrap .linewrap .textbox p
{
	font-size:14px;
	color:#4d4d4d;
	display:block;
}

#webcontact .rightwrap
{
	width:44%;
	margin-left:5%;
	display:inline-block;
	vertical-align:top;
}

#webcontact .rightwrap .notice
{
	margin-bottom:10px;
	display:block;
}

#webcontact .rightwrap .notice span
{
	padding:10px;
	border-radius:2px;
	font-size:13px;
	display:block;
}

#webcontact .rightwrap h3
{
	margin-bottom:20px;
	font-size:20px;
	display:block;
}

#webcontact .rightwrap .line
{
	padding:10px 0px;
	display:block;
}

#webcontact .rightwrap .line input[type=text]
{
	width:400px;
	padding:10px 15px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	border:none;
	background:#FAFAFA;
}

#webcontact .rightwrap .line textarea
{
	width:430px;
	height:140px;
	resize:none;
	padding:10px 15px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	border:none;
	background:#FAFAFA;
}

#webcontact .rightwrap .line button
{
	padding:10px 15px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#FFF;
	background:#f22613;
	border-radius:2px;
	border:none;
	text-decoration:none;
	display:inline-block;
}

#webcontact .rightwrap .line button:hover
{
	background:#c01303;
	transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
}

/* 

.menubox
{
	position:absolute;
	top:15px;
	z-index:1000;
}

.menucontainer
{
	position:relative;
	width:auto;
	margin-left:35%;
	text-align:center;
	border:solid 1px #EEE;
	background:#FFF;
	box-shadow:0px 0px 5px #EEE;
}

.iconshow
{
	font-size:12px;
	display:block;
}

.iconhide
{
	font-size:12px;
	display:none;
}

#listmenu
{
	width:150px;
	display:none;
}

#listmenu li
{
	display:block;
	font-size:13px;
}

#listmenu li a
{
	padding:8px 5px;
	color:#333;
	text-decoration:none;
	display:block;
	transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
}

#listmenu li a:hover
{
	color:#FFF;
	background:#c01303;
}

#menulabel
{
	position:absolute;
	width:100%;
	height:20px;
	z-index:1000;
}

#showmenu:checked ~ .iconshow
{
	display:none;
}

#showmenu:checked ~ .iconhide
{
	display:block;
}

#showmenu:checked ~ #listmenu
{
	display:block;
}

.showmenu
{
	display:none;
}

 */


/* SLIDER START */

.slider .indicators .indicator-item {
  background-color: #666666;
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.slider .indicators .indicator-item.active {
  background-color: #ffffff;
}
.slider {
  width: 100%;
}
.slider .indicators {
  bottom: 30px;
  z-index: 100;
  /* text-align: left; */
}

.slider .slides li .caption p{color:#fff; max-width:50%;}
.slider .slides li .caption h3{color:#fff; font-size:48px;}
.slider .slides li .caption h5{color:#fff; font-size:24px; font-weight:bold;}

.slider .slides li .caption a.button
{
	position:absolute;
	margin-top:20px;
	padding:15px;
	font-size:15px;
	color:#FFF;
	background:#f22613;
	border-radius:2px;
	text-decoration:none;
	display:inline-block;
}

.slider .slides li .caption a.button:hover
{
	background:#c01303;
	transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
}




/* Slider Stop*/

#footer
{
	text-align:center;
	display:block;
}

#footer .copyright
{
	padding:20px 0px;
	font-size:12px;
	color:#7d7d7d;
	display:block;
}