/* global styles */
html,body {
margin:0;
padding:0;
width:100%;
height:100%
}
body {
font-family: 'Raleway', sans-serif;
font-size:16px;
color:#414042;
background-color:#fff;
line-height:1.4
}
.wrapper {
min-height:100%;
margin-top:110px;
padding-bottom:174px
}
.stick-to-bottom {
margin-top:-174px
}
.row {
margin:0
}
.dtl-list>li {
padding-bottom:15px
}
.chem-links a {
color:#1e4e9f
}
.col-captcha {
margin-bottom:15px
}
.g-recaptcha > * {
display:block;
margin:0 auto
}

/* masthead */
.bg-index-1 {
padding:0
}
.carousel-inner>.item>img {
width:100%;
background:url(../images/loading.gif) 50% no-repeat;
/* transition:all 0.4s ease; */
}
.carousel {
height:100%
}
.carousel-inner img {
width:100%
}
.carousel-caption {
background-color:rgba(0,0,0,0.5);
text-align:center;
right:30%;
left:30%;
bottom:50px;
padding:20px 30px;
opacity:0;
transition:opacity .4s ease .1s;
}
.load-caption {
opacity:1
}
.carousel-caption p {
margin:5px 0
}
.main-caption {
font-size:200%
}
.sub-caption {
font-size:120%
}
.carousel-control.left,.carousel-control.right {
background:transparent
}
.carousel-indicators {
margin-bottom:0
}
.height-400px {
height:400px !important;
}
.bg {
position:relative;	
padding:0
}
.bg img {
width:100%;
background:url(../images/loading.gif) 50% no-repeat;
/* transition:all 0.4s ease; */
}
.bg p {
position:absolute;
left:15px;
right:15px;
bottom:-15px;
margin:0;
padding:0;
color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0,0.6);
font-size:700%;
line-height:1;
text-align:left
}

/* navigation bar */
.navbar {
background-color:#fff;
padding:20px 0;
border:0;
border-radius:0;
margin-bottom:0;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s
}
.navbar-brand {
padding:0 25px;
height:auto;
max-height:70px
}
.navbar-brand img {
max-height:70px;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
-ms-transition:all .3s ease 0s;
transition:all .3s ease 0s
}
.navbar-default .navbar-nav>li {
line-height:50px;
padding:20px 15px;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
-ms-transition:all .3s ease 0s;
transition:all .3s ease 0s
}
.navbar-default .navbar-nav>li>a, .navbar-nav>li>.dropdown-menu>li>a {
padding:5px 10px;
font-size:14px;
font-weight:600;
color:#1e4e9f;
cursor:pointer;
-webkit-transition:background-color .2s ease 0s, color .2s ease 0s;
-moz-transition:background-color .2s ease 0s, color .2s ease 0s;
-ms-transition:background-color .2s ease 0s, color .2s ease 0s;
-o-transition:background-color .2s ease 0s, color .2s ease 0s;
transition:background-color .2s ease 0s, color .2s ease 0s
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.active>a,.navbar-default .navbar-nav>li.active>a:hover,.navbar-default .navbar-nav>li.active>a:focus,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover,.navbar-nav>li.dropdown:hover>a {
background-color:#1e4e9f;
color:#fff
}
.navbar-nav>li>.dropdown-menu {
padding:0;
border:none;
border-radius:0
}
.navbar-nav>li>.dropdown-menu>li {
padding:0
}
.navbar-nav>li>.dropdown-menu>li>a {
padding:10px
}
.navbar.shrink {
padding:15px 0;
box-shadow:0 2px 1px -1px rgba(0,0,0,0.2)
}
.navbar-default.shrink .navbar-nav>li {
padding:15px
}
.navbar-default.shrink .navbar-brand img {
max-height:60px
}

/* main content section */ 
.bg-2 {
padding:50px 30px
}
.bg-2 .col-md-2, .bg-2 .col-md-10 {
padding:0 10px
}
.bg-2 .nav-pills>li>a {
color:#6d6e71;
font-weight:600;
padding:10px
}
.bg-2 .nav-pills>li.active>a, .bg-2 .nav-pills>li.active>a:focus, .bg-2 .nav-pills>li.active>a:hover {
background:#fff;
color:#be1e2d
}

/* index page */
.bg-index-2 {
padding:30px
}
.bg-index-2 h3 {
font-weight:600;
position:relative;
overflow:hidden;
text-align:center;
z-index:1;
margin:10px 0
}
.bg-index-2 h3:before,.bg-index-2 h3:after {
position:absolute;
top:51%;
overflow:hidden;
width:50%;
height:1px;
content:'\a0';
background-color:#1ea0db
}
.bg-index-2 h3:before {
margin-left:-50%;
text-align:right
}
.intro {
padding:0 30px
}
.intro p {
margin:0 0 40px
}
.bg-index-3 {
background:#F7F7F8;
padding:30px 30px 50px
}
.bg-index-3 h3 {
margin:20px 0
}
.bg-index-3 .col-md-4 {
padding:0 20px;
position:relative
}
.bg-index-3>.row>.col-md-4>img {
box-shadow:0 0 2px rgba(0,0,0,0.2)
}
.bg-index-3>.row>.col-md-4>div {
background:rgba(80, 130, 193, 0.9);
color:#fff;
padding:5px 10px;
margin:0;
position:absolute;
left:20px;
right:20px;
bottom:0;
font-weight:600
}
.bg-index-3>.row>.col-md-4>div>p {
margin:0
}
.link-privacy {
color:#1e4e9f;
font-weight:600
}
.bg-index-4 {
background:#e4e4e5;
padding:20px
}
.privacy-heading {
font-size:18px;
font-weight:700;
color:#1e4e9f;
padding:15px 0 0
}
.text-bold {
font-weight:600
}
.bg-index-4 p {
margin:0
}
.small-desc {
width:85%;
float:left;
font-size:12px;
font-weight:300
}
.arrow-link {
position:absolute;
bottom:5px;
right:10px
}
.bg-index-3 .col-md-4 .pull-right {
width:15px
}

/* about us */
.bg-about-2 p {
margin:0 0 30px
}

/* products table page */
.bg-products-3 {
padding:30px
}
.bg-products-2 .nav-tabs {
margin-top:20px
}
.bg-products-2 .table {
margin-top:10px;
cursor:default
}
.bg-products-2 .table-title {
font-weight:600
}
.bg-products-2 .nav-tabs>li>a {
color:#6d6e71
}
.bg-products-2 .nav-tabs>li.active>a,.bg-products-2 .nav-tabs>li.active>a:focus,.bg-products-2 .nav-tabs>li.active>a:hover {
color:#be1e2d
}
.bg-products-2 table th {
color:#1e4e9f
}
.table>tbody>tr>td,.table>thead>tr>th {
padding:10px
}

/* products main page */
.bg-products-1-3 {
padding:30px
}
.bg-products-1-3 .row {
padding:0 0 30px
}
.bg-products-1-3 .col-sm-6 {
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center
}
.bg-products-1-3 h4 {
text-align:left;
color:#4288c2;
font-weight:700
}
.bg-products-1-3 p {
font-size:14px
}
.bg-products-1-3 p a {
color:#4288c2
}

/* sust */
#sust-1 .row {
padding:20px 0
}
#sust-1 p.p_policy {
margin:50px 0
}
#sust-1 img {
margin-bottom:10px
}
#sust-3 .row {
padding:20px 0;
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center
}
#sust-3 .row:nth-of-type(2) {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd
}

/* news */
.news-heading {
font-size:18px;
font-weight:700;
color:#1e4e9f
}
.news-dtl {
font-size:14px;
font-weight:600;
padding-bottom:5px;
border-bottom:1px solid #ddd
}
.news-dtl span:first-child {
margin-right:5px
}
.news-dtl span:nth-child(2) {
font-style:italic;
font-weight:400
}
.btn-news {
border:1px solid #ddd;
color:#1e4e9f;
-webkit-transition:background-color .2s ease 0s, color .2s ease 0s;
-moz-transition:background-color .2s ease 0s, color .2s ease 0s;
-ms-transition:background-color .2s ease 0s, color .2s ease 0s;
-o-transition:background-color .2s ease 0s, color .2s ease 0s;
transition:background-color .2s ease 0s, color .2s ease 0s
}
.btn-news:hover, .btn-news:focus {
background-color:#1e4e9f;
border-color:#1e4e9f;
color:#fff
}

/* contact us */
.bg-contact-2 a {
color:#414042;
word-wrap:break-word
}
.bg-contact-2 .btn-default {
background-color:#1e4e9f;
color:#fff
}
.bg-contact-2 .row {
margin-bottom:30px
}
.nav-contact>li {
width:50%
}
.nav-contact>li>a {
color:#6d6e71;
font-weight:600
}
.nav-contact>li.active>a,.nav-contact>li.active>a:focus,.nav-contact>li.active>a:hover {
color:#1e4e9f
}
#addr-1 p, #addr-2 p {
margin:15px
}
.addr-heading {
padding:0 15px;
font-size:18px;
font-weight:600;
color:#1e4e9f
}
.bg-contact-2 iframe {
width:100%;
height:250px
}

/* footer */
.bg-4 {
background:#EFECE5;
box-shadow:0 0 1px -1px  rgba(0,0,0,0.1);
padding:30px
}
.bg-4 h3 {
color:#9b8579;
font-weight:700;
margin:0 0 10px
}
.bg-4 p {
margin:0
}
.bg-5 {
background:#FFF;
padding:20px 30px
}
.bg-5 p {
font-size:12px;
font-weight:600;
margin:0
}
.seperator {
padding:0 5px
}
.bg-4 a,.bg-5 a {
color:#414042;
text-decoration:none
}
.bg-4 a:hover {
text-decoration:underline
}
.design-think a:hover, .design-think a:focus{
color: #1e4e9f
}

/* inquiry modal */
.modal-header {
background-color:#1e4e9f;
border-radius:6px 6px 0 0
}
.modal-title,.modal-header>.close {
color:#fff
}
.modal-header>.close {
opacity:1
}
.modal-body {
padding:20px
}
.modal-body .btn-default {
background-color:#1e4e9f;
color:#fff
}

.sust-pdf .col-sm-3 a p {
    min-height: 55px;
}




@media (max-width:1679px) {
.navbar-default .navbar-nav>li, .navbar-default.shrink .navbar-nav>li {
padding:15px 10px
}
.navbar-default .navbar-nav>li a {
padding:5px
}
.sust-pdf .col-sm-3 a p {
    min-height: 75px;
}
}

@media (max-width:1440px) {
.wrapper {
margin-top:100px
}
.bg-2 {
padding:30px
}
.navbar-brand {
padding:0 15px
}
.navbar-brand img {
max-height:60px
}

}

@media (max-width:1439px) {
.bg-index-3>.row>.col-md-4>div {
height:32%
}
}

@media (max-width:1280px) {
.bg-index-3>.row>.col-md-4>div {
height:40%
}
.carousel-caption {
left:25%;
right:25%
}
.main-caption {
font-size:180%
}
.sub-caption {
font-size:100%
}
}

@media (max-width:1200px) {
.wrapper {
margin-top:90px
}	
.navbar-default .navbar-nav>li, .navbar-default.shrink .navbar-nav>li {
padding:10px 3px
}
.navbar-brand img,.shrink .navbar-brand img {
max-height:50px
}
.addr,.phn,.eml {
display:block
}
.sep-4-1,.sep-4-2 {
display:none
}
.wrapper {
padding-bottom:218px
}
.stick-to-bottom {
margin-top: -218px
}
}

@media (min-width: 1060px) {
.navbar-nav>li.dropdown:hover .dropdown-menu {
display:block;
margin-top:0
}
}

@media (max-width: 1060px) {
.wrapper {
margin-top:80px
}
.navbar {
padding:15px 0
}
.nav-container {
padding:0
}
.navbar>.container-fluid .navbar-brand {
margin-left:0
}
.navbar-header {
float:none
}
.container-fluid>.navbar-header,.container-fluid>.navbar-collapse {
margin:0
}
.navbar-fixed-top .navbar-collapse {
background-color:#fff;
max-height:none;
border-bottom:1px solid rgba(0,0,0,0.2)
}
.navbar-toggle {
display:block;
margin:18px 15px;
border:none;
padding:0
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
background:none
}
.navbar-default .navbar-toggle .icon-bar {
background-color:#1e4e9f
}
.navbar-collapse {
border-top:1px solid transparent;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)
}
.navbar-collapse.collapse {
display:none!important
}
.navbar-collapse.collapsing,.navbar-collapse.collapse.in {
margin:15px 0 -15px
}
.navbar-nav {
float:none!important;
padding:7.5px 0;
margin:0
}
.navbar-nav>li {
float:none
}
.navbar-default .navbar-nav>li, .navbar-default.shrink .navbar-nav>li {
padding:5px
}
.navbar-nav>li>a {
padding-top:10px;
padding-bottom:10px;
text-align:center
}
.navbar-text {
float:none;
margin:15px 0
}
.navbar-nav>li>.dropdown-menu>li {
padding:5px
}
.navbar-nav>li>.dropdown-menu>li>a {
padding:5px!important;
text-align:center
}
.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none;
border:1px solid #1e4e9f
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color:#1e4e9f!important
}
.navbar-collapse.collapse.in {
display:block!important;
overflow-y:visible
}
.collapsing {
overflow:visible!important
}
.bg-index-3>.row {
width:75%;
margin:0 auto
}
.bg-index-3>.row>.col-md-4 {
width:100%;
float:none;
padding:20px
}
.bg-index-3>.row>.col-md-4>div {
height:auto;
bottom:20px
}
.sust-pdf .col-sm-3 a p {
    min-height: 95px;
}
}

@media (max-width:1024px) {
.bg-2, .bg-products-1-3 {
padding:20px
}
.bg-index-2 {
padding:30px
}
.bg p {
font-size:500%;
bottom:-10px
}
.bg-4 {
padding:20px 30px
}
.nav-contact {
display:none
}
.nav-contact ~ .tab-content>.tab-pane {
display:block;
opacity:1
}
.addr-heading {
display:block
}
#addr-1 p,#addr-2 p {
margin:5px 0
}
#addr-2 .addr-heading {
margin-top:30px
}
.wrapper {
padding-bottom:198px
}
.stick-to-bottom {
margin-top: -198px
}
}

@media (max-width:992px) {
.bg-2 .col-md-2 {
border-bottom:1px solid #ddd;
margin-bottom:15px;
padding-bottom:20px
}
.bg-2 .nav-pills>li>a {
text-align:center;
padding:5px
}
}

@media (max-width:768px) {
/* body {
font-size:14px
} */
.main-caption {
font-size:20px
}
.sub-caption {
font-size:14px
}	
.bg p {
font-size:300%;
bottom:-6px
}
.bg-2 .col-md-2,.bg-2 .col-md-10 {
padding:0
}
.bg-index-1 {
background-position:10% 10%
}
.bg-about-1 {
background-position:10% 10%
}
.bg-index-2,.bg-4,.bg-5 {
padding:20px
}
.intro {
padding:0 20px
}
.bg-index-3 {
padding:30px 20px 10px
}
.bg-index-2 h3,.bg-index-3 h3,.bg-4 h3 {
font-size:20px
}
.bg-index-3 h3 {
margin:0 0 10px
}
.bg-index-3>.row {
width:100%
}
.bg-2 .col-sm-6 {
padding:15px
}
.bg-contact-2 .col-sm-6 {
padding:0 15px
}
.bg-products-1-3 .row {
padding:0
}
.bg-products-1-3 .col-sm-6 {
padding:15px
}
.bg-products-2 .nav-tabs>li {
float:none
}
.bg-products-2 .nav-tabs>li>a {
text-align:center;
padding:5px
}
.bg-products-2 .nav-tabs>li.active>a,.bg-products-2 .nav-tabs>li.active>a:focus,.bg-products-2 .nav-tabs>li.active>a:hover {
border:none
}
#sust-1 .row .col-sm-3 {
padding-bottom:10px
}
#sust-3 .row {
display:block
}
#sust-3 img {
margin:0 auto 5px
}
.carousel-indicators {
bottom:5px
}
.carousel-indicators li {
width:5px;
height:5px;
border-radius:50%	
}
.carousel-indicators .active {
width:6px;
height:6px;
border-radius:50%
}
.wrapper {
padding-bottom:194px
}
.stick-to-bottom {
margin-top: -194px
}
}

@media (max-width:767px) {
.carousel-caption {
bottom:20px;
padding:5px;
}
.main-caption {
font-size:12px
}
.sub-caption {
font-size:8px
}
.sust-pdf .col-sm-3 a p {
    min-height: auto;
}
}

@media (max-width:550px) {
.bg-index-2 h3:before,.bg-index-2 h3:after {
display:none
}
.copy,.ftr-links,.design-think {
display:block
}
.ftr-links,.design-think {
margin-top:10px
}
.sep-5-1 {
display:none
}
.bg-index-3 img.pull-right {
margin-top:1px
}
.bg-products-1-3 .col-sm-6 {
display:block;
padding:0 0 30px
}
.bg-products-1-3 .col-sm-6 .col-sm-4 {
padding:0 15px
}
.wrapper {
padding-bottom:246px
}
.stick-to-bottom {
margin-top: -246px
}
}

@media (max-width:450px) {
.wrapper {
margin-top:94px
}	
.navbar-toggle {
margin:8px 15px
}
.navbar-brand {
width:100%
}
.navbar-brand img, .navbar-default.shrink .navbar-brand img {
max-height:40px;
margin:5px auto
}
.navbar, .navbar.shrink {
padding:7px 0
}
}

@media (max-width:425px) {
.bg p {
font-size:200%;
bottom:-4px
}
}

@media (max-width:375px) {
.small-desc {
width:90%
}
.arrow-link img {	
width:15px
}
.bg-contact-2 a {
word-wrap:break-word
}
.wrapper {
padding-bottom:268px
}
.stick-to-bottom {
margin-top: -268px
}
.carousel-caption {
left:20%;
right:20%
}
}