@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');

body{font-family: 'Source Sans Pro', sans-serif;color:#333333; font-size:14px; font-weight:400; background:#fff;}
*{margin:0; padding:0;}
p,h1,h2,h3,h4,h5,h6,label,address,ul,ol{margin:0; padding:0;}
ul li a , ul li a:hover, a:hover{text-decoration:none;}
img{max-width:100%;}

header.fixed {position: fixed;top: 0;z-index: 999;width: 100%;background-color: #fff;height: 90px;}

.navbar-light .navbar-brand {margin: 0;padding: 0;}
.navbar-brand img {max-width: 100px;}
ul.navbar-nav {margin-left: auto;margin-right: 0;}
ul.navbar-nav li {padding: 10px;}
ul.navbar-nav li a {color: #000 !important;font-size: 20px;line-height: 24px;transition: ease-in-out 0.4s;}
ul.navbar-nav li a:hover {color: #fed700 !important;}

.banner {display: inline-block;width: 100%;position: relative;margin-bottom: 30px;}
.bannerslider ul.slick-dots {display: flex;justify-content: center;list-style: none;position: absolute;left: 0;right: 0;bottom: -21px;}
.bannerslider ul.slick-dots li {margin-right: 10px;line-height: 10px;}
.bannerslider ul.slick-dots li button {text-indent: -9999px;border: 0;background-color: #ccc;width: 15px;height: 15px;border-radius: 100%;}
.bannerslider ul.slick-dots li.slick-active button {background-color: #fed700;}

.about {background: url("../images/about-img.png") left top no-repeat;padding: 90px 0 30px 0;background-size: cover;display: block;}
.aboutContent {display: flex;align-items: center;}
.contentPart,.proImg {width: 50%;}
.proImg {text-align: center;}
.contentPart h1 {font-size: 50px;color: #fed700;line-height: 55px;margin-bottom: 20px;}
.contentPart p {font-size: 18px;line-height: 24px;color: #fff;margin-bottom: 10px;}
.contentPart p:last-child {margin-bottom: 0;}

.mission {background: url("../images/mission-bg.png") right top no-repeat;padding: 100px 0;background-size: cover;display: block;}
.missionContent {width: 50%;}
.missionContent h2 {font-size: 50px;color: #fed700;line-height: 55px;margin-bottom: 20px;}
.missionContent p {font-size: 26px;line-height: 30px;color: #fff;}

.product {background-color: #fed700;padding: 90px 0 30px 0;display: block;}
.secTitle h2 {font-size: 50px;color: #000;line-height: 55px;margin-bottom: 20px;text-align: center;font-weight: bold;}
.productInfo {display: flex;justify-content: space-between;flex-wrap: wrap;}
.proBox {width: 100%;}
.productImg {text-align: center;background-color: #fff;margin-bottom: 20px;}
.proContent h3 {font-size: 30px;line-height: 42px;font-weight: bold;margin-bottom: 20px;}	
.proContent ul {padding-left: 24px;margin-bottom: 20px;}
.proContent ul li {font-size: 18px;line-height: 22px;color: #000;}
.proContent p {font-size: 16px;line-height: 20px;color: #000;margin-bottom: 15px;}
.slider-nav .slick-slide,.slider-na .slick-slide,.slider-av .slick-slide,.slider-nv .slick-slide,.slider-v .slick-slide {border: 2px solid #fed700;}
.productImg .slick-slide .item img {margin: 0 auto;}
.proDesc {margin-top: 20px;margin-bottom: 20px;}
.proDesc h2 {font-size: 30px;color: #000;line-height: 35px;margin-bottom: 20px;font-weight: bold;}
.proDesc  p {font-size: 20px;line-height: 24px;color: #000;margin-bottom: 10px;}
.proDesc  p:last-child {margin-bottom: 0;}


.contact {padding: 90px 0 0px 0;background-color: #fed700;}
.contact h2 {font-size: 50px;line-height: 42px;font-weight: bold;margin-bottom: 50px;text-align: center;color: #000;}	
.contactForm {display: flex;justify-content: space-between;}
.map,.detail {width: 49%;}
.detail ul {list-style: none;padding: 0;margin-bottom: 30px;}
.detail ul li {margin-bottom: 20px;font-size: 20px;line-height: 22px;color: #000;}
.detail ul li a {color: #000;}
.detail > a {font-size: 20px;line-height: 22px;text-decoration: none;background-color: #000;color: #fff;padding: 10px;display: inline-block;border-radius: 4px;}
.contact p.copyright {color: #fff;font-size: 22px;text-align: center;margin-top: 50px;width: 100%;background-color: #1d1d1d;padding: 15px 10px;}
.detail ul.social-media {display: flex;margin-top: 30px;}
.detail ul.social-media li {margin-right: 10px;}
 
.whatsapp {position: fixed;right: 20px;bottom: 20px;}

@media (max-width:1024px) {
.container {max-width: 95%;}
}

@media (max-width:900px) {
.navbar-collapse {background-color: #fff;margin-right: -22px;margin-left: -22px;}
.aboutContent {flex-direction: column;}
.contentPart, .proImg {width: 100%;}
.contentPart {text-align: center;margin-bottom: 30px;}
.missionContent {width: 100%;}
.mission {background: url("../images/mission-bg.png") left top no-repeat;}
}

@media (max-width:767px) {
.contentPart h1,.missionContent h2,.secTitle h2,.contactForm h2 {font-size: 35px;line-height: 40px;}
.contentPart p {font-size: 20px;line-height: 22px;}
.productInfo {flex-direction: column;}
.proBox {width: 100%;}
.proContent h3 {font-size: 25px;line-height: 28px;}
.proContent ul li {font-size: 16px;line-height: 20px;}
.mission {padding: 30px;}
.contact {padding-top: 30px;}
.cntForm {flex-direction: column;}
form, .cntImg {width: 100%;}
.contact p.copyright {font-size: 16px;}
.map iframe,.detail {width: 100%;}
.map {width: 100%;margin-bottom: 20px;}
.contactForm {flex-direction: column;}

}

@media (max-width:568px) {
.contentPart h1, .missionContent h2, .secTitle h2, .contactForm h2 {font-size: 28px;line-height: 32px;}
.missionContent p,.contentPart p,.proDesc p {font-size: 18px;line-height: 24px;}
.mission {background-position: left bottom;}
}