@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

a:hover {text-decoration:none; transition:all ease 0.5s; outline:none;}

a:focus {text-decoration:none; transition:all ease 0.5s; outline:none;}

a:focus, a:hover {text-decoration:none; transition:all ease 0.5s; outline:none;}

body {font-family: 'Lato', sans-serif;}

.header-top {width:100%; background-color:#155a9f;}

.header-top p {font-size:14px; color:#FFFFFF; margin:13px 8px 13px 0px; float:left;}

.header-top p a {color:#FFFFFF;}

.header-top p a:hover {color:#CCCCCC;} 

.header-top p i {margin-right:5px;}

.header-top .social-icon{margin:0;float:right;}

.header-top .facebook{display:inline;padding-left:7px;}

.header-top .facebook a{text-align:center;vertical-align:middle;display:inline-block;color:#FFF;background-color:transparent;transition:all ease .3s; font-size:30px;}

.header-top .facebook a:hover{color:#0098da;}

.header-top .twitter{display:inline;padding-left:7px;}

.header-top .twitter a{text-align:center;vertical-align:middle;display:inline-block;color:#FFF;background-color:transparent;transition:all ease .3s; font-size:30px;}

.header-top .twitter a:hover{color:#0098da;}

.header-top .linkedin{display:inline;padding-left:7px;}

.header-top .linkedin a{text-align:center;vertical-align:middle;display:inline-block;color:#FFF;background-color:transparent;transition:all ease .3s; font-size:30px;}

.header-top .linkedin a:hover{color:#0098da;}

.header-top .pinterest{display:inline;padding-left:7px;}

.header-top .pinterest a{text-align:center;vertical-align:middle;display:inline-block;color:#FFF;background-color:transparent;transition:all ease .3s; font-size:30px;}

.header-top .pinterest a:hover{color:#0098da;}

.header {width:100%;}

.header .navbar-default {margin:0px; background-color:transparent; border:none; float:right; padding:0px 0px 0px 0px; width:100%;}

.header .navbar-default .navbar-nav > li > a {font-size:18px; color:#4b4b4b; background-color:transparent; border:0px; padding:22px 15px 20px 15px; line-height:60px;}

.header .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color:#FFFFFF; background-color:#155a9f;}

.header .navbar-right {margin-right:-38px;}

.header .navbar-brand {padding:0px;}

.header .caret-up {width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle;}

.header .dropdown-menu {background-color:#0b5394;}

.header .dropdown-menu > li > a {color:#FFFFFF; padding:6px 20px;}

.header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color:#d1f3ff; color:#000000;}

.header .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color:#0b5394; color:#FFFFFF;}

.header .dropdown-menu {padding:0px; border-radius:0px;}

.banner {width:100%;}

.welcome {width:100%; padding:55px 0px 55px;}

.welcome h1 {font-family: 'Raleway', sans-serif; font-size:30px; font-weight:bold; color:#155a9e; text-align:left; margin:0px;}

.welcome h1 span {color:#0098da;}

.welcome p {font-size:16px; color:#707070; line-height:30px; margin:0px 0px 18px; text-align:justify;}

.welcome p span {color:#000000;}

.welcome .box {width:100%; border:1px solid #b8becc; padding:17px; text-align:center;}

.welcome .box .fa {font-size:48px; color:#155a9e; text-align:center;}

.welcome .box h3 {font-size:18px; color:#272727; text-align:center; font-family: 'Raleway', sans-serif; font-weight:bold;}

.welcome .box p {font-size:14px; color:#272727; line-height:18px; margin:0px 0px 0px; text-align:center;}

.product {width:100%; background-color:#f1f1f1; padding:43px 0px 33px;}

.product h2 {font-family: 'Raleway', sans-serif; font-size:30px; font-weight:bold; color:#155a9e; text-align:left; margin:0px;}

.product h2 span {color:#0098da;}

.product .box {width:100%; margin:37px 0px 20px;}

.product .box .img-responsive {margin:0 auto; text-align:center; width:100%;}

.product .box h3 {font-size:16px; color:#0c0404; font-family: 'Raleway', sans-serif; margin:17px 0px 20px; text-align:center; font-weight:600;}

.product .box h3 a {color:#0c0404;}

.product .box h3 a:hover {color:#155a9e; transition:all ease 0.5s;}

.product .box p {font-size:14px; color:#4c4e54; margin:0px 0px 30px; line-height:24px; text-align:center;}

.product .box .btn-link {padding:0px; text-decoration:none; font-size:14px; color:#0b5394;}

.product .box .btn-link:hover {color:#d43434;}

.product .box-1 {width:100%; margin:37px 0px 20px; background-color:#FFFFFF; border:1px solid #155a9e;}

.product .box-1 .img-responsive {margin:0 auto; text-align:center; width:100%;}

.product .box-1 h4 {font-size:16px; color:#1a1819; font-family: 'Raleway', sans-serif; margin:10px 0px 10px; text-align:left; font-weight:600; padding:0px 21px 0px;}

.product .box-1 h4 a {color:#0c0404;}

.product .box-1 h4 a:hover {color:#155a9e; transition:all ease 0.5s;}

.product .box-1 p {font-size:14px; color:#474747; margin:0px 0px 15px; line-height:24px; text-align:left; padding:0px 21px 0px;}

.footer {width:100%; background-color:#25252d; padding:29px 0px 17px;}

.footer .logo {width:100%;}

.footer p {font-size:14px; color:#FFFFFF; line-height:24px; margin:23px 0px 26px; text-align:justify;}

.footer .social-icon{margin:20px 0px 20px; float:left;}

.footer .facebook{display:inline;padding-right:7px;}

.footer .facebook a{height:33px;width:33px;line-height:33px;text-align:center;vertical-align:middle;display:inline-block;color:#0b5394;background-color:#FFF;transition:all ease .3s; border-radius:5px; font-size:18px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);}

.footer .facebook a:hover{background-color:#3b5998;color:#FFF;}

.footer .twitter{display:inline;padding-right:7px;}

.footer .twitter a{height:33px;width:33px;line-height:33px;text-align:center;vertical-align:middle;display:inline-block;color:#0b5394;background-color:#FFF;transition:all ease .3s; border-radius:5px; font-size:18px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);}

.footer .twitter a:hover{background-color:#00aced;color:#FFF;}

.footer .linkedin{display:inline;padding-right:7px;}

.footer .linkedin a{height:33px;width:33px;line-height:33px;text-align:center;vertical-align:middle;display:inline-block;color:#0b5394;background-color:#FFF;transition:all ease .3s; border-radius:5px; font-size:18px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);}

.footer .linkedin a:hover{background-color:#007bb6;color:#FFF;}

.footer .pinterest{display:inline;padding-right:7px;}

.footer .pinterest a{height:33px;width:33px;line-height:33px;text-align:center;vertical-align:middle;display:inline-block;color:#0b5394;background-color:#FFF;transition:all ease .3s; border-radius:5px; font-size:18px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);}

.footer .pinterest a:hover{background-color:#cb2027;color:#FFF;}

.footer h3 {font-size:26px; color:#FFFFFF; font-family: 'Raleway', sans-serif; margin:0px 0px 33px;}

.footer ul {padding-left:20px; margin:0px 0px 10px;}

.footer ul li{list-style: outside none none; padding:5px 0px 5px 0px; line-height:33px;}

.footer ul li:before{content:"\f105"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#FFFFFF; font-size:20px;}

.footer ul li a{text-decoration:none;  color:#FFFFFF; font-size:20px;}

.footer ul li a:hover {text-decoration:none; color:#155a9e;}

.footer .media .media-left .fa {color:#FFFFFF; font-size:16px; margin-top:3px; margin-left:2px;}

.footer .media .media-body p {font-size:16px; color:#FFFFFF; font-weight:300; line-height:22px; margin:0px;}

.footer .media .media-body p a {color:#FFFFFF;}

.footer .media .media-body p a:hover {color:#0b5394; transition: all ease 0.5s;}

.footer-bottom {width:100%; background-color:#1a1a1a;}

.footer-bottom h5 {font-size:16px; color:#FFFFFF; margin:21px 0px 24px; text-align:left;}

.footer-bottom h6 {font-size:16px; color:#FFFFFF; margin:21px 0px 24px; text-align:right;}

.footer-bottom h6 a {color:#FFFFFF;}

.footer-bottom h6 a:hover {color:#155a9e;}

.about-us {width:100%; padding-bottom:30px;}

.about-us h1 {margin:0px; text-align:center;}

.about-us .fancy_heading .title {font-size:29px; line-height:42px; font-family: 'Raleway', sans-serif; font-weight:bold; color:#0098da; margin:30px 0px 10px;}

.about-us .icon-right-dir::before{content:'\f0da';}

.about-us [class^="icon-"]::before,[class*=" icon-"]::before{font-family:"FontAwesome";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:none!important;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;color:#155a9e;}

.about-us .icon-left-dir::before{content:'\f0d9';}

.about-us h2 {font-family: 'Raleway', sans-serif; margin:30px 0px 30px; color:#000000; font-size:36px; border-left:5px solid #0b5394; padding-left:20px;}

.about-us p {font-size:14px; color:#333333; margin:15px 0px 10px; line-height:24px; text-align:justify;}

.about-us p span {color:#0098da; font-family: 'Raleway', sans-serif; font-weight:600;}

.about-us .nav-tabs{border:1px solid #ddd; margin:30px 0px 10px;}

.about-us .nav-tabs li a{border-right:1px solid #ddd;}

.about-us .nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{background-color:#155a9e;color:#FFF;}

.about-us .nav > li > a{display:block;padding:10px;position:relative; color:#155a9e;}

.about-us .nav > li > a:hover {background-color:#0098da;color:#FFF;}

.about-us .tab-content{padding:10px;border:1px solid #ddd;}

.about-us p .fa-angle-right {margin:0px 10px 0px; color:#155a9e;}

.about-us .box {width:100%; text-align:center;}

.our-products {width:100%; padding:55px 0px 55px 0px;}

.our-products h1 {font-size:36px; color:#6d6f70; margin:0px 0px 27px 0px; font-family: 'Yanone Kaffeesatz', sans-serif;}

.our-products h1 span {color:#155a9f;}

.our-products h2 {font-size:36px; color:#6d6f70; margin:0px 0px 27px 0px; font-family: 'Yanone Kaffeesatz', sans-serif;}

.our-products h2 span {color:#155a9f;}

.our-products h5 {font-size:36px; color:#6d6f70; margin:36px 0px 27px 0px; font-family: 'Yanone Kaffeesatz', sans-serif;}

.our-products h5 span {color:#155a9f;}

.our-products .line1 {text-align:left;}

.our-products .line {background-color:#155a9f; width:96px; height:3px; margin-bottom:33px;}

.our-products .box-image .carousel-control.right {background-image:none;}

.our-products .box-image .carousel-control.left {background-image:none;}

.our-products .box-image {float:left; border:3px solid #155a9f; padding:5px; width:49%;}

.our-products .box-image1 {float:right; border:3px solid #155a9f; padding:5px; width:49%;}

.our-products .box-image2 {float:left; border:3px solid #155a9f; padding:5px; width:100%;}

.our-products .box-image2 .img-responsive {width:100%; margin:0 auto; text-align:center;}

.our-products .big-box {width:100%; margin:10px 0px 20px;}

.our-products .big-box .img-responsive {width:100%; margin:0 auto; text-align:center;}

.our-products p {font-size:16px; line-height:30px; color:#6d6f70; text-align:justify; margin:26px 0px 16px 0px;}

.our-products .product-list {width:100%;}

.our-products .product-list .nav-pills > li > a {margin:0px 0px 10px; color:#FFFFFF; font-size:18px; border-radius:0px; background-color:#155a9f;}

.our-products .product-list .nav > li > a:hover, .nav > li > a:focus {background-color:#0098db; color:#FFFFFF;}

.our-products .contact-box {width:100%; background-color:#155a9f; padding:13px 27px; margin-bottom:13px; border:1px solid #c7c5c5;}

.our-products .contact-box p {font-size:17px; color:#fff; text-align:left; margin:0px;}

.our-products .contact-box p a {font-size:17px; color:#fff; text-align:left; margin:0px;}

.our-products .contact-box p a:hover {color:#000000;}

.our-products .contact-box p i {margin-right:10px;}

.our-products .panel-body h6 a {font-size:16px; color:#163859; margin:0px 0px 10px 0px; line-height:24px;}

.our-products .panel-body .border-line {border-bottom:1px solid #c7c5c5; width:100%;}

.our-products .panel-body h6 a:hover {color:#155a9f;}

.our-products .panel-default ul {padding-left:33px;}

.our-products .panel-default ul li {list-style: outside none; padding:5px 0px 5px 0px; line-height:25px;}

.our-products .panel-default ul li:before {content:"\f101"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#bf1c1c; font-size:17px;}

.our-products .panel-default ul li a {color:#666667; font-size:17px;}

.our-products .panel-default ul li a:hover {color:#155a9f;}

.our-products .features {margin:0px 0px 20px;}

.our-products .features h5 {font-size:18px; color:#155a9f; margin:10px 0px 10px 0px; font-family: 'Yanone Kaffeesatz', sans-serif;}

.our-products .features ul {list-style:outside none; padding-left:23px;}

.our-products .features ul li {font-size:14px; color:#6d6f70; line-height:30px;}

.our-products .features ul li:before {content:"\f101"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#155a9f; font-size:17px;}

.our-products .contact-us {width:50%;}

.our-products .contact-us .media-left .fa {color:#bf1c1c; font-size:16px; margin-top:7px;}

.our-products .contact-us .media-body p {font-size:16px; line-height:30px; color:#6d6f70; text-align:justify; margin:0px 0px 10px 0px;}

.our-products .contact-us .media-body p a{color:#6d6f70;}

.our-products .contact-us .media-body p a:hover {color:#bf1c1c; transition: all ease 0.5s;}

.our-products table tr td {padding:5px;}

.our-products .bg-table {background-color:#155a9f; color:#FFFFFF;}

.our-products .media {margin:50px 0px 10px;}

.our-products .media .media-left .fa {color:#000000; font-size:16px; margin-top:3px; margin-left:2px;}

.our-products .media .media-body p {font-size:16px; color:#000000; font-weight:300; line-height:22px; margin:0px;}

.our-products .media .media-body p a {color:#000000;}

.our-products .media .media-body p a:hover {color:#0b5394; transition: all ease 0.5s;}

.contact-us {width:100%;}

.contact-us h1 {font-family: 'Raleway', sans-serif; margin:30px 0px 30px; color:#000000; font-size:36px; border-left:5px solid #0b5394; padding-left:20px;}

.contact-us .box {width:50%; float:left; padding:50px 10px 50px;}

.contact-us .box h3 {font-family: 'Raleway', sans-serif; margin:10px 0px 10px; color:#0b5394; text-align:center; font-size:18px;}

.contact-us .box p {margin:10px 0px 10px; color:#000000; font-size:14px; text-align:center;}

.contact-us .box p a {color:#000000;}

.contact-us .box p a:hover {color:#0b5394;}

.product {width:100%; padding:50px 0px 32px;}

.inquiry .table-inquiry td {10px;font-size:16px; border:none; text-align:left;}

.inquiry table {border:none!important;}

.inquiry .table-inquiry .indi {text-align:center; font-weight:700;}

.inquiry .table-inquiry .indi-red {color:#FF0000; display:inline;}

.inquiry .table-inquiry {font-weight:700;}

.inquiry .table-inquiry td {padding:10px;}
















@media (max-width:320px) {
.header-top p {float:none; text-align:center; margin:13px 0px 13px 0px;}

.header-top .social-icon{margin:0;float:none; text-align:center;}

.header .navbar-brand {width:50%; height:auto; margin-bottom:10px;}

.header .navbar-default {margin:18px 0px 10px 0px;} 

.header .navbar-toggle {margin-top: 14px;}

.header .navbar-default .navbar-nav > li > a {padding: 10px 7px 10px 7px;}	

.header .navbar-right {margin-right:0px; float:none;}

.welcome h1 {font-size:32px; margin:0px 0px 20px; text-align:center;}

.welcome .box {margin:10px 0px 10px;}

.product h2 {text-align:center;}

.product .box {margin:15px 0px 0px;}

.footer h3 {margin:20px 0px 20px;}

.footer-bottom h5 {text-align:center;}

.footer-bottom h6 {text-align:center;}
}
@media screen and (min-width:321px) and (max-width:767px) {
.header-top p {float:none; text-align:center; margin:13px 0px 13px 0px;}

.header-top .social-icon{margin:0;float:none; text-align:center;}

.header .navbar-brand {width:50%; height:auto; margin-bottom:20px;}

.header .navbar-default {margin:18px 0px 10px 0px;} 

.header .navbar-toggle {margin-top:30px;}

.header .navbar-default .navbar-nav > li > a {padding: 10px 7px 10px 7px;}	

.header .navbar-right {margin-right:0px; float:none;}

.welcome h1 {font-size:32px; margin:0px 0px 20px; text-align:center;}

.welcome .box {margin:10px 0px 10px;}

.product h2 {text-align:center;}

.product .box {margin:15px 0px 0px;}

.footer h3 {margin:20px 0px 20px;}

.footer-bottom h5 {text-align:center;}

.footer-bottom h6 {text-align:center;}

}
@media (min-width:768px) and (max-width:1024px) {
.header .navbar-brand {width:75%; height:auto; margin-bottom:20px;}

.header .navbar-default {margin:18px 0px 20px 0px;} 

.header .navbar-default .navbar-nav > li > a {padding:20px 7px 10px 7px;}	

.header .navbar-right {margin-right:0px; float:none;} 

.header .navbar-toggle {margin-top:30px;}

.header .navbar-collapse {margin-top:12px;}
}
@media (min-width:1025px) and (max-width:1680px) {

}
@media (min-width:1200px) and (max-width:1300px) {

}