@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=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i');

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:#b95089;}

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

.header-top p a {font-size:16px; color:#FFFFFF;}

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

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

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

.header-top .social-icon h3 {margin:10px 0px 10px; font-size:18px; font-weight:bold; color:#FFFFFF;}

.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:#3b5998;}

.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:#00aced;}

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

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

.header-top .google a:hover{color:#dd4b39;}

.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:#cb2027;}

.header {width:100%; background-color:#25252d; border-bottom:3px solid #b95089;}

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

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

.header .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color:#5cc6d0; background-color:#b95089;}

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

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

.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:#b95089;}

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

.header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color:#b95089; 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:#b95089; color:#FFFFFF;}

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

.banner {width:100%;}

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

.welcome h1 {font-size:32px; color:#b95089; font-family: 'Josefin Sans', sans-serif; margin:0px 0px 40px; border-left:5px solid #029fb0; padding-left:10px; line-height:50px; padding-top:7px;}

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

.welcome .box {width:100%; border:3px solid #029fb0;}

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

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

.footer .logo {width:100%;}

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

.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:#b95089;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:#b95089;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 .google{display:inline;padding-right:7px;}

.footer .google a{height:33px;width:33px;line-height:33px;text-align:center;vertical-align:middle;display:inline-block;color:#b95089;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 .google a:hover{background-color:#dd4b39;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:#b95089;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: 'Josefin Sans', sans-serif; margin:0px 0px 33px;}

.footer h4 {font-size:16px; color:#FFFFFF; font-family: 'Josefin Sans', sans-serif; margin:10px 0px 10px;}

.footer ul {padding-left:30px; 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:#b95089;}

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

.footer .media .media-body p {font-size:15px; 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:#b95089;}

.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:#000000;}

.breadcome-1 {width:100%; background-color:#b95089;}

.breadcome-1 h1 {color:#FFFFFF; font-size:32px; padding:40px 0px 20px; margin:0px; font-family: 'Josefin Sans', sans-serif; text-align:center;}

.breadcome-1 .breadcrumb {text-align:center; margin-bottom:33px; background-color:transparent;}

.breadcome-1 .over-bg {background-image:url(../images/bg.png);}

.breadcome-1 .breadcrumb li {color:#FFFFFF; font-size:20px;}

.breadcome-1 .breadcrumb li a {color:#FFFFFF; font-size:20px;}

.breadcome-1 .breadcrumb>li+li:before{color:#FFFFFF;}

.breadcome-1 .breadcrumb > .active {color:#000000;}

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

.about-us h2 {font-size:32px; color:#b95089; font-family: 'Josefin Sans', sans-serif; margin:0px 0px 40px; border-left:5px solid #029fb0; padding-left:10px; line-height:35px; padding-top:7px;}

.about-us p {font-size:16px; color:#000000; line-height:24px; margin:0px 0px 18px; text-align:justify;}

.about-us h3 {font-size:20px; color:#029fb0; font-family: 'Josefin Sans', sans-serif; margin:0px 0px 18px;}

.about-us h4 {font-size:24px; color:#b95089; font-family: 'Josefin Sans', sans-serif; margin:0px 0px 18px; border-left:5px solid #029fb0; padding-left:10px; line-height:35px; padding-top:7px;}

.about-us .box{width:100%;height:auto;position:relative;text-align:center;margin:10px 0;}

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

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

.product h2 {font-size:32px; color:#b95089; font-family: 'Josefin Sans', sans-serif; margin:0px 0px 40px; border-left:5px solid #029fb0; padding-left:10px; line-height:35px; padding-top:7px;}

.product .box{width:100%;height:auto;position:relative;text-align:center;margin:10px 0;}
.product .box .img-responsive{margin:0 auto;text-align:center;width:100%;}
.product .box2{width:100%;background-color:rgba(2,159,176,0.8);text-align:center;position:absolute;bottom:0;}
.product .box2 h5 a{font-size:16px;color:#FFF;font-weight:700;padding:20px 0; font-family: 'Josefin Sans', sans-serif;}
.product .box2 h5 a:hover{color:#000;}
.product .box3{width:100%; margin:0px 0px 10px;}
.product .box3 .img-responsive{margin:0 auto;text-align:center;width:100%;}

.product table tbody tr td {padding:10px 20px 10px; border:1px solid #029fb0;}

.product table tbody tr th {padding:10px 10px 10px; border:1px solid #029fb0;}

.product .tz-gallery{padding:15px;}
.product .tz-gallery .row > div{padding:2px;}
.product .tz-gallery .lightbox img{width:100%;border-radius:0;position:relative;}
.product .tz-gallery .lightbox:before{position:absolute;top:50%;left:50%;margin-top:-13px;margin-left:-13px;opacity:0;color:#fff;font-size:26px;font-family:'Glyphicons Halflings';content:'\e003';pointer-events:none;z-index:9000;transition:.4s;}
.product .tz-gallery .lightbox:after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:rgba(2,159,176,0.7);content:'';transition:.4s;}
.product .tz-gallery .lightbox:hover:after,.tz-gallery .lightbox:hover:before{opacity:1;}
.product .baguetteBox-button{background-color:transparent!important;}

.inquiry .table-inquiry td{padding:0 0 0 10px;font-size:16px;border-color:#FFFFFF; border:none; border:1px solid #FFFFFF; text-align:left;}
.inquiry .table-inquiry table{border-color:#FFFFFF; border:none; border:1px solid #FFFFFF;}
.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 0 0 0;}

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

.contact-us .well h2 {font-family: 'Josefin Sans', sans-serif; margin:0px 0px 10px; text-align:center;}

.contact-us .well h3 {font-family: 'Josefin Sans', sans-serif;}

.contact-us .well p {font-size:16px; color:#333;}

.contact-us .well p a {font-size:16px; color:#333;}




















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

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

.header .navbar-brand {width:50%; height:auto;}

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

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

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

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

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

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

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

.welcome h1 {font-size:22px;}
}
@media screen and (min-width:321px) and (max-width:767px) {
.header-top p {text-align:center; float:none;}

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

.header .navbar-brand {width:50%; height:auto;}

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

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

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

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

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

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

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

.welcome h1 {font-size:22px;}
}
@media (min-width:768px) and (max-width:1024px) {
.header-top p {font-size:13px; margin:13px 8px 13px 0px;}

.header-top p a {font-size:13px;}

.header .navbar-brand {width:75%; height:auto; padding:8px 0px 8px;}

.header .navbar-default {margin: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:35px;}

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

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

}







