/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v27-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('fonts/open-sans-v27-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v27-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
* {
margin: 0;
padding: 0; 
outline: 0;
}
body {
font-family: 'Open Sans', sans-serif;
color: #fff;
font-size: 12px;
background: #fff;
}
h1, h2 {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin:0 5px 15px 30px;
font-size: 36px;
letter-spacing: -1px;
line-height: 100%;
}
h3 {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin: 15px;
font-size: 24px;
letter-spacing: -1px;
line-height: 110%;
}
h4 {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin: 15px;
font-size: 20px;
letter-spacing: -1px;
line-height: 110%;
}
.headerlogo{
position: absolute;
top: 30px;
right: 30px;
}
p {
margin: 0 50px 15px 50px;
}
a {
color: #3e3e3e;
}
.clear {
clear: both;
}
.right{
text-align: right;
}
.left{
text-align: left;
}
.centre{
text-align: center;
}
.fl-right{
float: right;
}
.fl-left{
float: left;
}
.italic{
font-style: italic;
}
.wrap {
width: 100%;
max-width: 1600px;
min-width: 960px;
z-index: 10;
position: relative;
margin: 0 auto;
padding: 0;
}
.section {
width: 100%;
max-width: 1600px;
min-width: 960px;
z-index: 10;
position: relative;
margin: 0 auto;
height: 400px;
}
.inner {
width: 960px;
margin: 0 auto;
position: relative;
min-height: 50px;
padding:30px 0;
font-size: 17px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-align: justify;
}
.inner:after {
content: "";
display: table;
clear: both;
}
.menu {
height: 85px;
z-index: 1000;
width: 100%;
background: #fff;
}
.menu .inner {
padding:0;
font-weight: 400;
margin: 0 auto;
}
.navcon{
float: left;
height: 85px;
width: 960px;
padding: 0;
}
#sectnav{
height: 85px;
float: right;
}
.menubutton {
display: block;
height: 75px;
float: left;
margin: 5px 0;
text-decoration: none;
font-size: 14px;
line-height: 75px;
padding: 0 5px;
text-align: center;
color: #a7a7a7;
}
.logo{
height: 75px;
margin: 5px 0;
padding: 0 5px;	
}
.menu #sectnav a:hover {
color: #3d3d3d;
background: #fff;
}
#sectnav .active {
color: #3d3d3d;
background: #fff;
background-image: url(assets/menusel.png);
background-position: center center;
background-repeat: no-repeat;
}
.end {
margin: 0;
}
.s1, .s2, .s3, .s4, .s5, .s6{
background-color: #fff;
color: #3d3d3d;
}
.s1 .inner, .s2 .inner, .s3 .inner, .s4 .inner, .s5 .inner{
height: 370px;
padding-bottom: 0;
background-image: url(assets/card.png);
background-repeat: no-repeat;
}
.s6 {
height: 1000px;
}
.s6 .inner{
padding: 0;	
}
.slider {
position:relative;
height: 400px;
display:none;
}
.slider ul {
margin:0;
padding:0;
}
.slider ul li {
float:left;
position:absolute;
list-style: none;
}	
.slider ul li img {
width: 100%;	
border:none;
padding: 0;
background: #ccc;
}
.slider ul li.show {
z-index:500;
}
#facebar{
width: 310px;
height: 140px;
position: absolute;
bottom: 5px;
right: 50px;
}
.facebox{
width: 140px;
height: 140px;
margin-left: 15px;
float: left;
position: relative;
}
.facebox img{
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.facebox img.top:hover{
  opacity:0;
}
.buttonbar{
width: 960px;
height: 50px;
position: absolute;
bottom: 0;
}
div.button {
padding: 10px;
margin: 0;
text-align: center;
font-size:18px;
}
div.button a{
padding: 5px;
border: 2px solid #3d3d3d;
text-decoration: none;
color: #3d3d3d;
font-weight: 400;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;  
}
div.button a:hover, div.button a:active{
border: 2px solid #3d3d3d;
color: #fff;
background-color: #3d3d3d;
font-weight: 400;
}
#footlogo{
width: 960px;
height: 90px;
padding-top: 10px;
}
#footlogo img {
display: block;
margin-left: auto;
margin-right: auto;
}
#footinfo{
display: block;
padding: 0;
width: 960px;
height: 50px;
}
#footinfo p{
margin: 0;
padding: 0;
font-size: 12px;
}
#footinfo a{
color: #779094;
text-decoration: none;
}
.footer-l{
width: 315px;
height: 50px;
float: left;
padding-left: 5px;
}
.footer-c{
width: 320px;
height: 50px;
float: left;
}
.footer-r{
width: 315px;
height: 50px;
float: right;
padding-right: 5px;
}
.overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #000;
z-index: 1001;		
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.tnccontent{
display: none;
width: 50%;
height: 50%;
margin: auto;
position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
width: 750px;
height: 500px;
padding: 0;
border: none;
z-index: 1002;
overflow: auto;
text-align: justify;
}
.tnccontent{
color: #3d3d3d;
background: #e8ebe0;
}
.tnccontent p{
font-size: 14px;
font-weight: 300;
margin: 0 15px 15px 15px !important;
}
.tnccontent ol, .tnccontent ul{
color: #3d3d3d;
font-size: 14px;
text-align: justify;
margin: 5px 20px 5px 50px;
font-weight: 300;
}
#tncaddress{
margin-bottom: 15px;
}
#tncaddress p{
color: #3d3d3d !important;
font-size: 14px !important;	
margin: 0 0 0 50px !important;
font-weight: 300;
}
.closebox{
width: 710px;
height: 30px;
margin-bottom: 5px;
}
#contact-l{
width: 475px;
height: 312px;
float: left;
margin-left: 50px;
}
#contactus{
display: block; 
width:420px;
border:none;
}
#contactus input{
font-size: 18px;
font-weight: 300;
color:#666666;
width: 300px;
padding: 2px;
border:1px solid #CCCCCC; 
}
#contactus textarea{
width:98%; 
border:1px solid #CCCCCC; 
padding:2px; 
overflow:auto;
margin: 15px 0;
font-size: 12px;
}
#contactus p{
margin:5px 0; 
text-align: left;
}
#contactus #submit, #contactus #reset{
margin:0;
cursor:pointer;
width: 70px;
margin-top:15px;
line-height: 20px;
}
#contactus #submit{
color:#fff;
background-color:#79A02D;
border:1px solid #79A02D;
font-size: 15px;
}
#contactus #reset{
color:#fff;
background-color:#D44A4A;
border:1px solid #D44A4A;
font-size: 15px;
}
#contactus #txtInput{
text-align: center;
width: 70px;
line-height: 20px;
margin-top:15px;
font-size: 15px;
}
#actions{
text-align: center;
}
#captchaset p{
margin: 0;
}
.capcol{
color: #D44A4A;
font-weight: 400;
}
fieldset{
border: 0;
}
#contact-r{
width: 400px;
height: 312px;
float: right;
margin-right: 5px;
}
#conbox, #telbox, #fbshare{
width: 350px;
float: right;
margin-bottom: 20px;
}
.conico{
width: 35px;
height: 35px;
float: left;
}
#conadd, #telno{
width: 315px;
float: right;
}
#conadd p, #telno p{
margin: 0 0 0 10px;
}
.tight{
margin: 0 0 0 50px;
}
.last{
margin-bottom: 15px;
}
.conico img{
width: 35px;
height: 35px;
}
#fbshare img {
  position:absolute;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#fbshare img.top:hover {
  opacity:0;
}
.pstcontent, .avhcontent, .morecontent, .certcontent{
display: none;
margin: auto;
position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
width: 750px;
height: 500px;
padding: 0;
border: none;
z-index: 1002;
overflow: auto;
text-align: justify;
}
.pstcontent, .avhcontent, .morecontent, .certcontent{
color: #fff;
}
.pstcontent p, .avhcontent p, .morecontent p, .certcontent p{
font-size: 18px;
font-weight: 300;
margin: 0 15px 15px 15px !important;
}
.pstcontent ul, .avhcontent ul, .morecontent ul, .certcontent ul{
font-size: 18px;
font-weight: 300;
text-align: justify;
margin: 0 20px 15px 100px;
}
.closebox-pst, .closebox-avh, .closebox-more, .closebox-cert{
width: 40px;
height: 40px;
position: absolute;
top: 15px;
right: 15px;
}
.dirimg, .bulbbox, .certbox{
width: 750px;
height: 140px;
margin: 15px 0;
}
.dirimg img, .bulbbox img, .certbox img{
display: block;
margin-left: auto;
margin-right: auto;
}
.principles, .steps {
margin: 0 40px 0 50px;
position: relative;
width: 870px;
}
.principles{
height: 260px;
}
.steps{
height: 300px;
}
.principles nav, .steps nav {
float: right;
display: flex;  
flex-wrap: wrap;
color: #779094;
width: 260px;
}
.principles nav a, .steps nav a {
padding: 0 0 10px 0;
width: 100%;
cursor: pointer;
color: #779094;
}
.principles nav a.headline:hover,
.steps nav a.headline:hover{
border-left: 1px solid #3d3d3d;	
}
.principles nav a:hover,
.principles nav a.selected,
.steps nav a:hover,
.steps nav a.selected {
color: #3d3d3d;
}
.principles nav a.selected, .steps nav a.selected {
background-image: url(assets/rhnavsel.png);
background-repeat: no-repeat;
}
.principles .content, .steps .content {
padding: 0;
position: absolute;
color: #3d3d3d;
width: 0;
height: 100%;
overflow: hidden;
opacity: 0;
transition: opacity 0.1s linear 0s;
}
.principles .content.visible, .steps .content.visible {
padding: 0;
width: 610px;
overflow: hidden;
opacity: 1;
}
.principles .content p{ 
margin: 0;
padding-bottom: 2px; 
}
 .steps .content p{
margin: 0 0 10px 0;
}
.principles .content p:last-of-type, .steps .content p:last-of-type { 
padding-bottom: 0; 
}
.principles .content h3, .steps .content h3{
margin: 0 0 15px 0;
}
.principles .content ul, .steps .content ul{
margin-top: 10px;
margin-left: 50px;	
}
ul.tick{
list-style-image: url(assets/tick.png);
}
.principles .content ul li, .steps .content ul li{
line-height: 24px;
}
.navitem{
width: 260px;
height: 25px;
}
.itemdate{
width: 100px;
text-align: center;
float: left;
}
.itemdate p, .category p{
font-size: 12px;
margin: 0;
}
.category p{
margin-left: 5px;
font-weight: 400;
}
.category{
width: 200px;
float: right;
}
.headline{
float: left;
width: 240px;
margin-left: 20px;
}
.headline p{
text-align: left;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
margin: 0;
line-height: 25px;
}
#aframe{
width: 950px;
height: 260px;
margin: 0 5px;
}
#workroll{
width: 950px;
height: 260px;
position:relative;
}
.prev{
cursor:pointer;
position:absolute;
top:45%;
left:20px;
}
.next{
cursor:pointer;
position:absolute;
top:45%;
right:20px;
}
.awork{
width: 830px;
height: 260px;
margin: 0 60px;
}
.awork p{
margin: 0 15px 15px 15px;
}
.dotcontrol{
background-color: #3d3d3d;
color:#fff;
display:inline-block;
padding-left:8px;
padding-right:8px;
text-align:center;
cursor:pointer;
border-radius:50%;
height:13px;
width:13px;
padding:0;
}
.dotpanel{
text-align:center!important;
font-size:18px!important;	
color:#fff!important;
position:absolute;
left:0;bottom:0;
width: 100%;
}
.slidedots{
border:1px solid #ccc!important;
background-color:transparent!important;
-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;		
}
.slidedots:hover{
color:#000!important;
background-color:#fff!important;
}
.bluedot{
color:#000!important;
background-color: #8facc8;
}
.homeico{
height: 75px;
width: 40px;
margin: 5px 0;
padding: 0 5px 0 50px;
background-image: url(assets/homeico-01.png);
background-repeat: no-repeat;
background-position: center right;	
}
.homeico:hover{
background-image: url(assets/homeico-02.png);
background-repeat: no-repeat;
background-position: center right;
}