/* CSS Document */

.erb-image-wrapper{
    max-width:88%;
    height:auto;
    position: relative;
    display:block;
    margin:0 auto;
}
.pn{padding:0px;}
.erb-image-wrapper img{
    width:100% !important;
    height:100% !important;
    display:block;
}
.logo
{padding:4px 23px 5px;}
.nav_bg
{background-color:#297cd6;border-bottom: 2px dotted rgb(108, 182, 74);border-top: 2px dotted rgb(108, 182, 74);}
.navbar
{margin:0px;}
.navbar-default
{background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0); border:0px;}
.navbar-default .navbar-nav > li > a
{color:#FFFFFF; font-family: 'Roboto Condensed', sans-serif; font-size:16px; padding:0px 17px; text-transform:uppercase;}
.navbar-nav > li > a
{line-height:50px;}
.hvr-underline-reveal:hover::before, .hvr-underline-reveal:focus::before, .hvr-underline-reveal:active::before {
    transform: translateY(0px);
}
.hvr-underline-reveal::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    transform: translateY(4px);
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-underline-reveal {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    overflow: hidden;
    position: relative;
    transform: translateZ(0px);
    vertical-align: middle;
}
[class^="hvr-"] {
    color: rgb(102, 102, 102);
    cursor: pointer;
    text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover
{color:#FFFFFF;}
.item img {width:100%; height:auto;}
.art
{background-color:#f4f4f4; padding:19px 0 0px;}
.artmain
{margin-top:70px; padding:0px;}
.art1
{/*background-color:#387a21;*/border: 1px solid rgb(56, 122, 33);  margin-top:25px; margin-bottom:50px; overflow:hidden;}
.art1_img
{position:absolute; z-index:10001; /*background-color:#000000;*/ background-image:url(../image/about.jpg); height:150px; width:150px; left:0px; right:0px;border-radius: 50%; top:-50px; display:block; margin:0 auto; border:1px solid rgb(56, 122, 33);  background-position: -18px -12px;}
.art1_img2
{position:absolute; z-index:10001; /*background-color:#000000;*/ background-image:url(../image/pic4.png); 
height:150px; width:150px; left:0px; right:0px;border-radius: 50%; top:-50px; display:block; margin:0 auto; 
border:1px solid rgb(56, 122, 33); background-repeat:no-repeat;}

.top-1{padding: 85px 25px 14px;
text-align: right;}
.top-1 ul{ list-style-type:none;}
.top-1 ul li{ display: inline-block;
margin-right: 10px;

font-size: 16px;}
.top-1 ul li i{ margin-right:5px;}

.text{  margin-top: 95px;padding: 0 27px; margin-bottom:32px;}
.text h1{font-family: 'Roboto Condensed', sans-serif; color:#2066ac; font-size:25px;}
.text h2{font-family: 'Roboto Condensed', sans-serif; color:#2066ac; font-size:20px;}
.text p{font-family: 'Roboto Condensed', sans-serif; color:#202020; text-align:justify;   line-height: 24px; margin:0px;}
.rd a{color:#fff; background-color:#2066ac; padding:7px 11px; margin-right: -27px; float:right; border-right: 2px solid rgb(13, 68, 121);}
.rd a:hover{text-decoration:none;}
.hvr-bounce-to-left:hover::before, .hvr-bounce-to-left:focus::before, .hvr-bounce-to-left:active::before {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hvr-bounce-to-left::before {
    background: #0d4479 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 100% 50% 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
    color: rgb(255, 255, 255);
}
.hvr-bounce-to-left {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.5s;
    transition-property: color;
    vertical-align: middle;
	
	
}
.info
{background-color:rgb(56, 122, 33); padding: 20px 0 35px;}
.info h1{color:#FFFFFF; font-family: 'Roboto Condensed', sans-serif; text-align:center; font-size:57px; margin-bottom:38px; }
.box {
    background-color:#646464;
    border: 1px solid rgb(229, 229, 229);
    color: rgb(255, 255, 255);
    font-size: 12px;
    line-height: 18px;
    padding: 30px 30px 12px;
    text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom:0px;
}
.box strong {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    color: rgb(41, 41, 41);
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 26px;
    margin: -30px -30px 0;
    padding: 29px 0px 90px;
}
.box img {
    border: 1px solid rgb(212, 212, 212);
    border-radius: 140px;
    display: inline-block;
    margin: -71px 0 0;
    padding: 0;
    vertical-align: top;
}
.box p
{  font-family: 'Roboto Condensed', sans-serif; font-size:14px; }
.read2
{color:#FFFFFF; background-color:#c1c1c1; line-height:37px; text-align:center; border:1px solid #c1c1c1; border-top:0px;}
.read2 p
{margin:0px;}
.read2 a
{color:#000000; padding: 0 91px;}
.read2 a:hover
{color:#FFFFFF; text-decoration:none;}
.hvr-bounce-to-top:hover::before, .hvr-bounce-to-top:focus::before, .hvr-bounce-to-top:active::before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hvr-bounce-to-top::before {
    background: rgb(100, 100, 100) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 100% 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
    color: rgb(255, 255, 255);
}
.hvr-bounce-to-top {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.5s;
    transition-property: color;
    vertical-align: middle;
}
.footer-basic-centered {
    background-attachment: fixed;
    background-image: url("../image/foter_link_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: rgb(255, 255, 255);
    font-family: "Arimo",sans-serif;
    font-size: 17px;
    padding: 35px;
    text-align: center;
    width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.footer-basic-centered .footer-links a {
    color: inherit;
    display: inline-block;
    padding: 0 18px;
    text-decoration: none;
	color:#000000;
	font-family: 'Roboto Condensed', sans-serif;
}
.footer-basic-centered .footer-company-name {
    color: #999999;
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    margin: 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
}
.dropdown-menu{background-color: rgb(41, 124, 214);}
.dropdown-menu > li > a{ color: rgb(255, 255, 255);font-family: "Roboto Condensed",sans-serif;font-size: 16px;}

@media only screen and (min-width: 768px) and (max-width:1199px) 
{
.navbar-default .navbar-nav > li > a {padding: 0 12px; font-size:14px;}
.rd2 a{margin-top:23px !important; }
.read2 a
{color:#000000; padding: 0 32.7%;}
.box strong{font-size:20px; font-weight:normal;}
.pn2{padding:0px;}
}

@media only screen and (min-width: 320px) and (max-width:767px) 
{
.art1{margin-top: 85px;}
.art{padding:0px;}
.artmain{margin-top:15px;}
.art1_img{top: -58px;width: 120px;height:120px;}
.art1_img2{top: -58px;width: 120px;height:120px;}
.box{margin: 20px 0 0;}
.read2 a
{color:#000000; padding: 0 36%;}
.footer-basic-centered .footer-links a{display:block;}
.navbar-nav .open .dropdown-menu{background-color: #FFFFFF;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#000000;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background-color:rgb(41, 124, 214); color:#FFFFFF;}
}

.carousel-control.right{background-image:none;}
.carousel-control.left{background-image:none;}