@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-1 {width:100%; background-color:#393185;}

.header-top-1 p {font-size:15px; color:#FFFFFF; float:left; margin:15px 10px 15px 0px;}

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

.header-top-1 p span {margin-right:10px;}

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

.header-top-1 .social-icon {margin:7px 0px 5px; float:right;}

.header-top-1 .social-icon .hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#e31e24;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;width:36px;height:36px;border-radius:50%;text-align:center;line-height:35px;font-size:17px;margin-left:5px;color:#393185;}

.header-top-1 .social-icon .hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#FFFFFF;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}

.header-top-1 .social-icon .hvr-radial-in:hover,.hvr-radial-in:focus,.hvr-radial-in:active{color:#FFFFFF;}

.header-top-1 .social-icon .hvr-radial-in:hover:before,.hvr-radial-in:focus:before,.hvr-radial-in:active:before{-webkit-transform:scale(0);transform:scale(0);}

.header-2 {width:100%; background-color:#FFFFFF;}

.header-2 .logo-1 {margin:5px 0px 10px 0px; float:left;}

.header-2 .navbar-default {background-color:transparent; border:none; margin:0px; float:right;}
    
.header-2 .navbar-default .navbar-nav > li > a {font-size:18px; color:#393185; line-height:100px; font-weight:600;}
   
.header-2 .navbar-right {margin-right: -31px;}

.header-2 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background-color:#393185; color: #FFFFFF; border-radius:0px;}

.header-2 .navbar-nav > li > a {padding:10px; padding-top:8px; margin-left:20px;}

.header-2 .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-2 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #393185; color:#FFFFFF;}

.header-2 .dropdown-menu > li > a {color:#000000; line-height:30px;}

.header-2 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #393185; color:#FFFFFF;}

.header-2 .dropdown-menu {background-color:#FFFFFF; padding:0px; left:15%; min-width:200px;}

.banner-1 {width:100%;}

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

.welcome h1 {font-family: 'Raleway', sans-serif; margin:0px; font-size:40px; color:#000000;}

.welcome p {margin:0px; font-size:14px; color:#000000; text-align:justify; line-height:26px; margin:10px 0px 10px; font-weight:bold;}

.footer-2 {width:100%; background-color:#303030; padding:30px 0px 40px;}

.footer-2 .logo {margin:0px 0px 20px;}

.footer-2 p {font-size:16px; color:#FFFFFF;}

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

.footer-2 p a:hover {color:#e31e24;}

.footer-2 h3 {color:#FFFFFF; font-size:20px; font-weight:bold;}

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

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

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

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

.footer-2 ul li a:hover {text-decoration:none;  color:#e31e24; transition: all ease 0.5s;}

.footer-2 .info {margin:0px;}

.footer-2 .btn-info {background-color:#fed845; font-size:18px; color:#303030; border-radius:5px; border:0px; margin:20px 0px 20px; padding:5px 20px 5px;}

.footer-2 .btn-info:hover {background-color:#FFFFFF; transition: all ease 0.7s;}

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

.footer-bottom p {font-size:16px; color:#FFFFFF; margin:21px 0px 21px; float:left;}

.footer-bottom h4 {font-size:16px; color:#FFFFFF; margin:21px 0px 21px; float:right;}

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

.footer-bottom h4 a:hover {color:#e31e24;}

.breadcome {width:100%; background-color:#FFFFFF; height:300px; margin-top:0px;}

.breadcome h1 {color:#FFFFFF; padding:130px 0; margin:0px; font-size:40px; text-align:center; font-family: 'Raleway', sans-serif; text-shadow: rgb(0, 0, 0) 1px 3px 0px, rgb(0, 0, 0) 1px 13px 5px;}

.breadcome .about-bg {background-image:url(../images/aboutus-banner.jpg); background-repeat:no-repeat; height:300px;}

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

.about-us h1 {font-family: 'Raleway', sans-serif; margin:0px 0px 20px; font-size:40px; color:#000000; text-align:center;}

.about-us .line {background-color:#000000; width:10%; height:2px; margin:0 auto; text-align:center;}

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

.about-us p strong {color:#000000;}

.about-us tr td {padding:10px; font-size:14px; color:#000000;}

.about-us .box {width:100%; float:left; margin:40px 0px 40px;}

.about-us .box .img-responsive {margin:0 auto; text-align:center;}

.about-us .box2 {width:100%; float:left; margin:40px 0px 40px;}

.about-us .box2 .img-responsive {margin:0 auto; text-align:center;}

.inquiry {width:100%; padding:30px 0px 30px;}

.inquiry h1 {font-family: 'Raleway', sans-serif; margin:0px 0px 20px; font-size:40px; color:#000000; text-align:center;}

.inquiry .line {background-color:#000000; width:10%; height:2px; margin:0 auto; text-align:center;}

.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;}

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

.product h1 {font-family: 'Raleway', sans-serif; margin:0px 0px 20px; font-size:40px; color:#000000; text-align:center;}

.product .line {background-color:#000000; width:10%; height:2px; margin:0 auto; text-align:center;}

.product p {font-size:14px; color:#999999; text-align:justify; margin:20px 0px 0px; line-height:24px;}

.product p strong {color:#000000;}

.product .box {width:100%; border:1px solid #e31e24; margin:20px 0px 20px; background-color:#f8f8f8;}

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

.product .box .carousel-inner > .item > img {margin:0 auto; text-align:center;}

.product .box .carousel-indicators {bottom:0px;}

.product .box .carousel-indicators .active {background-color:#e31e24;}

.product .box .carousel-indicators li {background-color: rgba(227,30,36,0.5); border-color:#000000;}

.product h2 {font-size:24px; color:#000000; font-weight:bold;}

.product h3 {font-size:18px; color:#000000; font-weight:bold;}

.contact-us {width:100%; padding:30px 0px 30px;}

.contact-us h1 {font-family: 'Raleway', sans-serif; margin:0px 0px 20px; font-size:40px; color:#000000; text-align:center;}

.contact-us .line {background-color:#000000; width:10%; height:2px; margin:0 auto; text-align:center;}

.contact-us h3 {font-size:18px; color:#000000; font-weight:bold;}

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

.contact-us .media .media-body h4 {font-size:18px; color:#000000; font-weight:bold; margin:0px;}

.contact-us .media .media-body h5 {font-size:18px; color:#000000; margin:10px 0px 10px;}

.contact-us .media .media-left {font-size:18px; color:#000000;}



















@media screen and (max-width:320px){
.header-2 .logo-1 .img-responsive {width:70%;}

.header-2 .navbar-default {margin:-60px 0px 0px 0px; width:100%;}

.header-2 .navbar-collapse {background-color: #FFFFFF; margin: 0px 0px 0px 0px;}

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

.header-top-1 p {float:none; text-align:center; margin: 15px 0px 15px 0px;}

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

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

.footer-2 .logo .img-responsive {margin:0 auto; text-align:center;}

.footer-2 p {text-align:center;}

.footer-2 h3 {text-align:center;}

.footer-2 ul {text-align:center;}

.footer-2 .info {text-align:center;}

.footer-bottom p {text-align:center; float:none;}

.footer-bottom h4 {text-align:center; float:none;}

}

@media screen and (min-width:321px) and (max-width:767px) {
.header-2 .logo-1 .img-responsive {width:70%;}

.header-2 .navbar-default {margin:-60px 0px 0px 0px; width:100%;}

.header-2 .navbar-collapse {background-color: #FFFFFF; margin: 0px 0px 0px 0px;}

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

.header-top-1 p {float:none; text-align:center; margin: 15px 0px 15px 0px;}

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

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

.footer-2 .logo .img-responsive {margin:0 auto; text-align:center;}

.footer-2 p {text-align:center;}

.footer-2 h3 {text-align:center;}

.footer-2 ul {text-align:center;}

.footer-2 .info {text-align:center;}

.footer-bottom p {text-align:center; float:none;}

.footer-bottom h4 {text-align:center; float:none;}
}

@media screen and (min-width:768px) and (max-width:991px) {
.header-2 .logo-1 .img-responsive {width:70%;}

.header-2 .navbar-default {margin:-60px 0px 0px 0px; width:100%;}

.header-2 .navbar-collapse {background-color: #FFFFFF; margin:0px 0px 0px 0px;}

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

.header-top-1 p {margin: 15px 3px 15px 0px;}
}

@media screen and (min-width:992px) and (max-width:1024px) {

}

@media screen and (min-width:1025px) and (max-width:1400px) {

}