/*font family*/
@font-face {
    font-family: 'Dosis_Reg';
    src: url(../font/Dosis-Regular.ttf) format('truetype'),
         url(../font/Dosis-Regular.svg) format('svg'),
         url(../font/Dosis-Regular.woff) format('woff'),
         url(../font/Dosis-Regular.eot) format('embedded-opentype');
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Light.eot');
    src: url('../font/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../font/Poppins-Light.woff2') format('woff2'), url('../font/Poppins-Light.woff') format('woff'), url('../font/Poppins-Light.ttf') format('truetype'), url('../font/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Regular';
    src: url(../font/OpenSans-Regular.ttf) format('truetype'),
         url(../font/OpenSans-Regular.svg) format('svg'),
         url(../font/OpenSans-Regular.woff) format('woff'),
         url(../font/OpenSans-Regular.eot) format('embedded-opentype');
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url(../font/OpenSans-Bold.ttf) format('truetype'),
         url(../font/OpenSans-Bold.svg) format('svg'),
         url(../font/OpenSans-Bold.woff) format('woff'),
         url(../font/OpenSans-Bold.eot) format('embedded-opentype');
}

body {
    margin:0 auto;
    padding: 0;
    min-width:1248px;
    width:100%;}

.header {
    width:100%;
    height:120px;
}

.left_header{
    width:50%;
    height:120px;
    float:left;
    background-color:#ffffff;
}

.right_header{
    width:50%;
    height:120px;
    float:left;
    background-color:#00a2d8;
}

.headerbg{
    width:1248px;
    height:120px;
    background:url(../image/header.png) repeat-x;
}

.logo {
    width:184px;
    height:120px;
    float:left;
    margin-left: -65px;

}

.nav-wrapper {
    float:right;
    width:756px;
    height:120px;
}

.navbar{
    width:756px;
    height:60px;
}

.navbar-wrapper{
    float:left;
    height:60px;
    margin-top:-10px;
}

.navbar li {
    float: left;
    list-style-type:none;
    width:143px;
    text-align:center;
    font-size:15px;
    font-family:'Open Sans Bold';
}

.navbar a {
    display: block;
    line-height: 62px;
    color:#ffffff;
}

.navbar a:hover {
    color:#0068ac;
}

.share{
    height: 60px;
    width:856px
}

.share-wrapper{
    float:right;
    height: 50px;
    width:378px;
    margin-top:10px;
}

.share .title{
    float:left;
    color:#ffffff;
    width:189px;
    text-align:center;
    margin-top:10px;
    font-size:13px;
    font-family:'Open Sans Regular';
    font-weight:bold;
}

.share .image{
    float:left;
    width:189px;
}

.icon{
    width: 47px;
    float: left;
}

#banner{
   height: 300px;
    width:100%;
    min-width:1248px;
}

#banner1-default {
    width: 100%;
    height: 300px;
    background: url('../image/about.jpg') center center no-repeat;
    background-size: cover;
}

.in-banner {
    position:relative;
    top:55px;
}

.header-banner {
    text-align: left;
    font-family: 'Poppins';
    margin: 0 auto;
    font-size: 40px;
    font-weight: bold;
    width: 63%;
    padding-top: 65px;
    color: #FFF;
    text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.3);
    line-height: 50px;
}

.bigwrapper{
    width:100%;
    height: auto;
}

.wrapper{
    width:1039px;
    height:auto;
    margin:0 auto;
    background: url('../image/sideline2.png') repeat-y;
}

.left_content{
    width:276px;
    float:left;
}

/*SMOOTH SCROLL SIDEBAR NAVIGATION*/
.scroll {

  float: left;
  width: 356px;
  height:auto;
  position: fixed;
  margin-top:42px;
  margin-left:-77px;

}

/**right side content*/
.right_content{
    width:748px;
    float:left;
}

.section{
    width:748px;
    margin:0 auto;
}

.section .title{
    text-align:left;
    font-size:30px;
    color:#0068ac;
    font-family: 'Dosis_Reg';
    font-weight:bold;
    padding-top:35px;
}

.section .underline_blue{
    border-width:2px;
    border-style:solid;
    border-color:#0068ac;
    width:51px;
}

.content1 .desc{
    float:left;
    width:374px;
}

.content1 .image{
    padding-top:35px;
    float:left;
    width:374px;
    height:271px;
}

.content1 .title{
    text-align:left;
    font-size:24px;
    color:#0068ac;
    font-family: 'Dosis_Reg';
    font-weight:bold;
}

.content1 .details{
    text-align:left;
    font-size:14px;
    color:#838383;
    font-family: 'Open Sans Regular';
    line-height:30px;
}

.gradient{
    float:right;
    width:747px;
    height:20px;
    background-image:url(../image/gradientAS.png);
    margin-top:35px;
}

.wrapper4{
    width:100%;
    margin:0 auto;
    background-color:#FFF;
}

.footer {
    padding-bottom: 1%;
    margin: 0 auto;
    padding-top: 2%;
    text-align:center;
}

.footer-nav {
    text-align:left; display:inline-block;
   
}
.footer-nav .column {
    float: left;
    width: 313px;
}

.footer-nav .columnLast {
    float: left;
    width: 314px;
}

.footer-nav .title {
    font-size: 22px;
    font-family:'Dosis_Reg';
    text-align:center;
    color:#0068ac;
    margin-left:44px;
    font-weight:bold;
}
.footer-nav ul {
    font-size: 14px;
    list-style-type:none;
    text-align:center;
    font-family:'Open Sans Regular';
    color:#585858;
}
.footer-nav ul li {
    margin-bottom: 7px;
}
.footer-nav a {
    color: #585858;
}

.footer-nav a:hover {
    color: #0068ac;
}

.wrapper5{
    width:100%;
    margin:0 auto;
    background-color:#0168ad;
}

.copyright{
    padding-top:2px;
    width:940px;
    margin:0 auto;
    color:#FFF;
    text-align:center;
    font-family:'Open Sans Regular';
    font-size:12px;
    height:38px;
}

.elves {
    color: white;
}

.elves:hover {
     color:#01c0ff;
}

a {
    text-decoration: none;
}


.subpage-header a {
  width:210px;
  display: block;
  padding: 10px;
  text-decoration: none;
  margin-left:61px;
  margin-top: -1px;
  background-color:#0068ac;
  font-family: 'Open Sans Regular';
  font-size:15px;
  color: #fff;
}

.subpage-header a:hover{
    color: #fff;
    background: #01c0ff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.subpage-header a.active {
  font-family: 'Open Sans Bold';
  background-image:url(../image/side.png);
  background-repeat:no-repeat;
  background-position:40px 27px;
}