@charset "UTF-8";

a, input, textarea, select {outline: none;}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfontd41d.eot@') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.html') format('truetype'),
         url('fonts/opensans-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfontd41d.eot@') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.html') format('truetype'),
         url('fonts/opensans-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfontd41d.eot@') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.html') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfontd41d.eot@') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.html') format('truetype'),
         url('fonts/opensans-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, a:link, a:visited { font-family:'open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
h1, h2, h3, .slider_text { font-family:'open_sansbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.slider_text span { font-family:'open_sanslight',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.navbar_top_content > li > a, .c_x1_title { font-family:'open_sansextrabold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }


html {
font-size:100%;
overflow: hidden;
}
body {
color:#232323;
background-color:#F1F1F1;
overflow: visible;
}
.nicescroll-rails {
z-index: 1100 !important;
}

h1, h2 {
line-height:100%;
font-size:260%;
font-weight:normal;
color:#148E4B;
padding-bottom:20px;
}
a:link, a:visited {
color:#232323;
}
a:hover {
color:#148E4B;
text-decoration:none;
}
ul {
list-style-type:none;
margin:0;
padding:0;
}
.imgleft {
float:left;
margin-right:25px;
}
.imgright {
float:right;
margin-left:25px;
}
.cleaner {
width:100%;
_display:none;
clear:both;
line-height:1px;
}

/* Slider................................................................ */

#slider {
position:relative;
width:100%;
max-width:1920px;
margin-left:auto;
margin-right:auto;
}
#slider img {
margin-left:auto;
margin-right:auto;
}
#slider_bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url("back01.png") top left;
}
.slider_inside {
position:absolute;
top:0;
left:0;
width:100%;
max-width:1920px;
margin-top:26px;
}
.slider_inside .container {
margin-left:auto;
margin-right:auto;
}

/* Index_logo........................ */

#index_logo {
width:100%;
}

/* Navigation........................ */

.nav > li > a:hover,
.nav > li > a:focus {
background-color:inherit;
}
.navbar-nav {
margin:0;
}
.navbar_top_content {
width:100%;
text-align:right;
margin-top:15px;
}
.navbar_top_content > li {
display:inline-block;
float:none;
}
.navbar_top_content > li > a {
display:block;
font-size:130%;
line-height:40px;
letter-spacing:-1px;
color:#FFF !important;
margin-left:30px;
margin-right:30px;
padding-top:0 !important;
padding-bottom:0 !important;
text-transform: uppercase;
}
.navbar_top_content > li > a:hover,
.navbar_top_content > li > a:focus {
color:#FFF !important;
text-decoration:none;
}
.navbar_top_content > li > a.hi {
color:#FFF !important;
text-decoration:none;
}

.cl-effect-4 a {
position:relative;
}
.cl-effect-4 a::after {
position:absolute;
top:100%;
left:0;
width:100%;
height:1px;
background:#19D86F;
content:'';
opacity:0;
-webkit-transition:height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition:height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition:height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
transform:translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
height:5px;
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
transform:translateY(0px);
}

/* Container_x1................................................................ */

.container_x1 {
position:relative;
color:#7E7D7D;
margin-top: -320px;
padding-bottom:30px;
}
.c_x1_content {
background-color:#FFF;
padding:15px;
display: block;
}
.c_x1_content:hover {
background-color:#ECECEC;
padding:15px;
display: block;
}
.c_x1m_content {
background-color:#FFF;
padding:15px;
padding-left:30px;
padding-right:30px;
min-height: 220px;
}
.c_x1m_content h1 {
line-height:100%;
font-size:260%;
font-weight:normal;
color:#148E4B;
margin-left:0px;
padding-bottom:20px;
}
.c_x1m_content h2 {
line-height:100%;
font-size:180%;
font-weight:normal;
color:#148E4B;
margin-left:0px;
padding-bottom:0px;
}
.c_x1m_content h3 {
line-height:100%;
font-size:140%;
font-weight:normal;
color:#757575;
margin-left:0px;
padding-bottom:0px;
}
.c_x1m_content p {
margin-left:0px !important;
}
.container_x1 img {
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}
.container_x1 p {
text-align:justify;
margin-left:15px;
margin-right:15px;
}
.panel-body p {
margin-left: 0px;
margin-right: 0px;
}

.c_x1m_content ul {
list-style-type: none;
padding-left: 20px;
}
.c_x1m_content ul li {
list-style-type: square;
}
.c_x1_title {
font-size:150%;
text-align:center;
letter-spacing:-1px;
line-height:70px;
}
.c_x1_title img {
display:inline-block;
margin:0;
margin-right:10px;
margin-bottom:10px;
padding:0;
}
.c_x1_t01 {
color:#148E4B;
}
.c_x1_t02 {
color:#757575;
}
.c_x1_t03 {
color:#52BD82;
}
.text_imp {
color:#232323;
text-transform:uppercase;
}

.slider_text {
/*position:absolute; */
top:-30%;
left:0;
font-size:550%;
color:#19D86F;
line-height:1em;
letter-spacing:-5px;
}
.slider_text span {
display:block;
font-size:40%;
color:#FFF;
letter-spacing:4px;
margin-top:-20px;
}

/* Container_x2................................................................ */

.container_x2 {
padding-top:20px;
padding-bottom:30px;
}
.c_x2_content {
min-height:54px;
padding-left:100px;
}
.c_x2_c01 {
background:url("back_c_x2_c01.png") top left no-repeat;
}
.c_x2_c02 {
background:url("back_c_x2_c02.png") top left no-repeat;
}
.c_x2_c03 {
background:url("back_c_x2_c03.png") top left no-repeat;
}
.c_x2_c02, .c_x2_c03 {
border-left:1px solid  #DDDDDD;
}

/* Footer................................................................ */

.footer {
width:100%;
text-align:center;
background-color:#FFF;
padding-bottom:30px;
}
#index_logo2 {
margin-top:-13px;
}
#index_logo2 img {
margin-left:auto;
margin-right:auto;
}
.footer1 {
color:#757575;
padding-top:10px;
}


/* RESPONSIVE STRUCTURE
--------------------------------------- */
  
@media screen and (min-width: 1200px) {
 .container_x1 { margin-top: -30%; }
 .c_x1m_content { min-height: 450px; }
}

@media screen and (max-width: 1200px) {
 .c_x2_content { padding-left:70px; }
}

@media screen and (max-width: 1000px) {
 #index_logo img { margin-left:auto; margin-right:auto; }
 .navbar_top_content { text-align:center; padding-bottom:30px; }
 .container_x1 { margin-top:30px; }
 .slider_text { display:none; }
 .c_x2_c02 { margin-top:15px; }
 .c_x2_c02, .c_x2_c03 { border-left:0 solid  #FFF; }
}
 
@media screen and (max-width: 768px) {
 #slider_main_img { display:none; }
 .slider_inside { position:relative; background:url("back01.png") top left; margin-top:0; padding-top:26px; }
 
}

@media screen and (max-width: 480px) {
 .navbar_top_content > li { width:100%; }
 
}