@import 'https://fonts.googleapis.com/css?family=Lato:400,700,900';
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
h1, h2, h3, h4, h5, h6 { font-family: 'Lato' !important; font-weight: 900 !important; }
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: inherit; }
h1.panel-title { font-size: 36px; }
h2.panel-title { font-size: 30px; }
h3.panel-title { font-size: 24px; }
h4.panel-title { font-size: 18px; }
h5.panel-title { font-size: 14px; }
h6.panel-title { font-size: 10px; }
* { font-family: 'Source Sans Pro'; }
a:hover, a:focus { text-decoration: none; }
a, a:hover,  btn { transition: 0.3s; }
.blackBg { background: black; padding: 30px 0; margin-bottom: 20px; }
.blackBg a { color: #fff; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; }
.blackBg a:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0px 14px 20px -17px rgba(255, 255, 255, 0.9); }
.logo img { margin-top: 10px; }
.aboutUs { background: url("../images/about-us.jpg") no-repeat fixed center top/cover; padding: 60px 0; margin: 30px 0; color: #fff; }
header { box-shadow: 0 0px 12px -6px rgba(0, 0, 0, 0.9); }
.navbarCustom { margin-bottom: 0; min-height: 0; margin-top: 33px; border: none; }
.navbarCustom .navbar-collapse { text-align: center; }
.navbarCustom .navbar-collapse.in { overflow-y: visible; }
.navbarCustom .navbar-nav { float: none; display: inline-block; margin: 0; vertical-align: top; }
.navbarCustom .navbar-nav li { border-bottom: 5px solid transparent; -webkit-transition: 0.3s; transition: 0.3s; }
.navbarCustom .navbar-nav li.dropdown ul li { border-bottom: 0;}
.navbarCustom .navbar-nav li.dropdown ul li::after { content: "";}
.navbarCustom .navbar-nav li.dropdown ul li a:hover { background: #000; color: #fff;  }
.navbarCustom .navbar-nav li a { color: #000; -webkit-transition: 0.3s; transition: 0.3s; }
.navbarCustom .navbar-nav li:hover, .navbarCustom .navbar-nav li:focus, .navbarCustom .navbar-nav li.active { border-bottom: 5px solid #FF0200; position: relative; margin-bottom: 0; }
.navbarCustom .navbar-nav li:hover a, .navbarCustom .navbar-nav li:focus a, .navbarCustom .navbar-nav li.active a { color: #FF0200; background: none; }
.navbarCustom .navbar-nav li::after, .navbarCustom .navbar-nav li::after { content: "\eb28"; position: absolute; font-family: 'icofont'; bottom: -8px; left: 0; right: 0; color: #fff; -webkit-transition: 0.3s; transition: 0.3s; }
.navbarCustom .navbar-nav li:hover::after, .navbarCustom .navbar-nav li:focus::after, .navbarCustom .navbar-nav li.active::after, .navbarCustom .navbar-nav li.active::after { color: #FF0200; }
.navbarCustom .navbar-toggle { margin-top: -73px; }
.navbarCustom .navbar-toggle .icon-bar { background: #FF0200; }
.search .assistance { background: #FF0200; color: #fff; padding: 5px 0; font-size: 13px; font-weight: bold; text-align: center; }
.search .searchBox { margin-top: 15px; }
.search .searchBox input[type="submit"] { background: #fff; border-radius: 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.search .searchBox input[type="text"] { box-shadow: none; border-radius: 0; border: 1px solid #ddd; background: #fff; }
.search .searchBox input[type="text"]:focus { border: #FF0200 1px solid; }
.text-red { color: #FF0200; font-family: inherit; }
.link-black { color: #000; font-family: inherit; }
.link-black:hover, .link-black:focus { color: #FF0200; font-family: inherit; }
.text-bold { font-weight: bold;}
.greenNumber { background: #0DBB01; color: #fff; display: inline-block; font-size: 30px; font-weight: bold; height: 50px; margin-top: 20px; text-align: center; width: 50px; }
.btnWhite { background: #fff; color: #000; border: 1px solid #000; border-radius: 50px; -webkit-transition: 0.3s; transition: 0.3s; }
.btnWhite:hover, .btnWhite:focus { background: #000; color: #fff; border: 1px solid #fff; border-radius: 0; }
.btnRed { background: #FF0200; color: #fff; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 0; }
.btnRed:hover, .btnRed:focus { background: #cc0200; color: #fff; }
.line { background: url(../images/line.png) no-repeat center center; padding: 7px; }
footer { background: #111111; border-top: #FF0200 solid 5px; padding: 30px 0; color: #fff; margin-top: 20px; }
footer .credits { background: #000; margin-bottom: -30px; padding: 15px 0 10px; }
footer .credits a { color: #FF0200; -webkit-transition: 0.3s; transition: 0.3s; }
footer .credits a:hover, footer .credits a:focus { color: #fff; }
footer .footerLinks { list-style: disc; color: #FF0200; }
footer .footerLinks .dropup ul { background: #000;}
footer .footerLinks .dropup ul li a { list-style: disc; color: #fff; }
footer .footerLinks .dropup ul li a:hover { list-style: disc; color: #fff; background: #FF0200; }
footer .footerLinks li a { color: #fff; -webkit-transition: 0.3s; transition: 0.3s; }
footer .footerLinks li a:hover, footer .footerLinks li a:focus { color: #FF0200; }
.contactPanel { background: url(../images/contactTexture.png) repeat-x center top; padding-top: 26px; }
.img-responsive-embed-16by9, .img-responsive-embed-4by3 { display: block; height: 0; overflow: hidden; padding: 0; position: relative; }
.img-responsive-embed-16by9 { padding-bottom: 56.25%; }
.img-responsive-embed-4by3 { padding-bottom: 85%; }
.img-responsive-item { border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.topBottomMargin { margin-top: 20px; margin-bottom: 20px; }
.noPadding { padding: 0; }
.panelProduct { border: none; }
.panelProduct .img-responsive-embed-4by3 { border: none; border: 1px dashed #ccc; }
.panelProduct .panel-body { background: #F3F3F3; }
.panelProduct .panel-footer { background: #F3F3F3; padding-bottom: 0; border-top: 0; }
.btnAsk, .btnInterest { border-radius: 0; -webkit-transition: 0.3s; transition: 0.3s; }
.btnAsk { background: #FF0200; color: #fff; }
.btnAsk:hover, .btnAsk:focus { background: #cc0200; color: #fff; }
.btnInterest { border: #FF0200 1px solid; color: #FF0200; }
.btnInterest:hover, .btnInterest:focus { background: #ccc; color: #FF0200; }
.btnCallback { background: rgba(0, 0, 0, 0.7); display: inline-block; color: #fff; position: absolute; top: 0; left: 0; padding: 10px 25px; -webkit-transition: 0.3s; transition: 0.3s; }
.btnCallback:hover, .btnCallback:focus { background: black; color: #fff; }
.thumbnailCustom { min-height: 300px; }
.interiorForm .panel-heading { background: #000; color: #fff; text-align: center; padding: 5px; }
.interiorForm .panel-heading h3, .interiorForm .panel-heading p { margin: 5px auto; font-weight: 900; }
.interiorForm .panel-body { background: #F4F4F4; }
.imgThird { margin-top: 15px; }
.textGray { color: dimgray; }
.modalCustom .modal-content { border-radius: 0; }
.modalCustom .modal-header { background: #FF0200; color: #fff; }
.modalCustom .modal-header .close { background: #000 none repeat scroll 0 0; border: 2px solid #fff; border-radius: 34px; color: #fff; opacity: 1; padding: 4px; position: relative; right: -30px; top: -30px; }
.modalCustom .modal-dialog { margin-top: 100px; }
.form-control { border-radius: 0; box-shadow: none; }
.form-control:focus { border: 1px solid transparent; border-bottom: #FF0200 1px solid; box-shadow: none; background: snow; }
/*Carousel Fade Start*/
#mainCarousel .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }
#mainCarousel .carousel-inner .item, #mainCarousel .carousel-inner .active.left, #mainCarousel .carousel-inner .active.right { opacity: 0; }
#mainCarousel .carousel-inner .active, #mainCarousel .carousel-inner .next.left, #mainCarousel .carousel-inner .prev.right { opacity: 1; }
#mainCarousel .carousel-inner .next, #mainCarousel .carousel-inner .prev, #mainCarousel .carousel-inner .active.left, #mainCarousel .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#mainCarousel .carousel-control { z-index: 2; }
/*Carousel Fade End*/
#mainCarousel .carousel-caption { font-family: 'Lato'; font-weight: 700; }
#mainCarousel .carousel-caption .firstLine { font-size: 3vw; }
#mainCarousel .carousel-caption .secondLine { font-size: 5vw; }
.map { padding-bottom: 27%; }
#myFeedbacks .carousel-control { background: none; color: #FF0200; }
.feedbackDisplay .panel-heading { background: #000; color: #fff; }
.feedbackDisplay .panel-body { background: #F0F0F0; }
.feedbackForm .panel-body { background: #F7F7F7; padding: 50px; }
.feedbackimg { border-radius: 50%; margin-bottom: 15px;}
.btnEnquiry, .btnFeedback { position: fixed; background: #FF0200; color: #fff; border-radius: 0; font-weight: bold; -webkit-transform: rotate(90deg); transform: rotate(90deg); z-index: 9999; -webkit-transition: 0.3s; transition: 0.3s; }
.btnEnquiry:hover, .btnEnquiry:focus, .btnFeedback:hover, .btnFeedback:focus { color: #fff; background: #cc0200; }
.btnFeedback { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 50%; left: -40px; }
.btnEnquiry { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 50%; right: -35px; }
.row {
   display: flex;
   flex-wrap: wrap;
}
/*****************Media Queries ****************************/
@media (max-width: 640px) { .imgSecond { margin-top: 15px; }
  .map { padding-bottom: 56%; }
  #mainCarousel .carousel-caption .firstLine { font-size: 5vw; }
  #mainCarousel .carousel-caption .secondLine { font-size: 6vw; }
  #mainCarousel .carousel-caption img { display: none; } }
/***********Internet Explorer Hack ************/
@media \0screen\,screen\9 { .aboutUs { background: red; }
  .btnFeedback { top: 50%; left: 0; }
  .btnEnquiry { top: 50%; right: 0; }
  header { border-bottom: 1px solid #ccc; }
  .btnCallback { background: #000; } }