@import url(font-awesome.css);
@import url(icon-font.css);





/*----------- Common Css --------------*/
html{height: 100%;}
body {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important; background-color: #fff; background-repeat: repeat; /*font-weight: 400; font-size: 16px; line-height: 15px;*/ color:#534533; padding-bottom: 80px; position: relative; outline: none; min-height: 100%; outline: none;}
body:after{ content:''; display:block; min-height:420px;}
a { color:#333; text-decoration:none; }
a:hover { color:#60B301; text-decoration:none; }
a:focus, a:active { border:none; outline:0; _noFocusLine:expression(this.hideFocus=true); text-decoration: none;}
.hide { display:none;}
.invisible { position:absolute; left:-9999999px; top:auto; width:1px; height:1px; overflow:hidden; visibility:visible; }
img { outline-style:none; outline-width:0; border:0 none; }
sup { font-size:smaller; }
sub { margin:2px 0; padding:2px 0; }
ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0;}
ol { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0;}
b, strong { font-weight:normal;}
h1, h2, h3, h4, h5, h6{margin: 0 0 5px 0;}
label, p, h1, h2, h3, h4, h5, h6{font-weight: normal;}
hr { border-style:none none solid; border-width:0 0 1px; margin:5px 0; }
:active { outline-style:none; outline-width:0; }
* { margin:0; padding:0; }
.uppercase { text-transform:uppercase; }
.capitalize { text-transform:capitalize !important; }
.container-fluid{max-width: 1170px;}
.p-r-0{padding-right: 0px !important;}
.p-l-0{padding-left: 0px !important;}
.m-r-5{margin-right: 5px;}
.padding-10{padding: 10px;}
.m-t-20{margin-top: 20px;}
.m-t-5{margin-top: 5px;margin-bottom:40px;}
.m-t-10{margin-top: 10px;}
.m-t-40{margin-top: 40px;}
.m-t-50{margin-top: 50px;}
.position-relative{position: relative;}
.border-bottom-gray{border-bottom: solid 1px #DDDDDD; padding-bottom: 10px;}
h4{ font-size: 0.813em;}
/*----------- Wrapper --------------*/
#header-wrapper, #home-wrapper, #content-wrapper, #footer-wrapper{width: 100%; display: block; margin: 0 auto;}
.top-links ul::after, .right-icons ul::after, .prod-detail-list ul::after, .payment-list::after, .search-result-list::after, .category-box::after, .nbs-flexisel-ul::after{clear: both; content:""; display: block;}
/*----------- Header --------------*/
#header-top-line{background-image: url(/Images/top-border.png); height: 2px; background-size: cover;}
#header-wrapper{background: url(/Images/header-bg2.jpg) no-repeat; background-size: cover; min-height: 252px;}
#header-wrapper.home{background: url(/Images/home-bg2.jpg) no-repeat; background-size: cover; min-height: 730px;}
.top-links{background-color: rgba(0,0,0,.5);  color: #fff; font-size: 1.0em; padding: 7px 0;}
.top-links ul{margin: 0; padding: 0; display: inline-block;}
.top-links ul li{list-style: none; float: left;}
.top-links ul li >a{color: #fff; padding: 11px 20px 8px 20px; display: block; transition: 1s ease; margin-left: 10px;}
.top-links ul li:hover >a, .top-links ul li.active >a, .top-links ul li:focus >a{background-color: #FFED00; color: #000; transition: 1s ease; border-radius: 80px;}
.menu-wrapper{border-top: dashed 2px #6f6f6f; border-bottom: dashed 2px #6f6f6f; background-color: rgba(0,0,0,.5);  color: #fff; font-size: 1.0em;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default{background: none; border: none;}
.navbar-brand{padding: 0; margin: 13px 0;}
.navbar-default .navbar-nav>li>a{color: #fff; padding: 40px 25px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background-color: rgba(255,237,0,.8); transition: 1s ease;}
.search-container{padding: 20px 40px 20px 10px;}
.logo-icon{float: left; margin: 0px 10px; visibility:hidden}
.wid-50{width: 38%; float: left; margin-right: 10px;}
.search-box .logo-icon{visibility: visible;}
.search-box .search-container .form-control{height: 45px;}
.search-box .input-group-btn .btn-default-icon{height: 45px;}
.search-box .btn-default{padding: 17px 34px 13px 34px;}
.navbar{margin-bottom: 0;}

.slider-caption{padding: 100px 50px 20px 50px;}
.slider-caption .search-container{background-color: rgba(255,255,255,.6); padding: 20px 10px 20px 33px; border-radius: 80px;}
.slider-caption .logo-icon{display: none;}
.slider-caption .wid-50{width: 40.5%;}
.slider-caption h1{ font-size: 3.125em; color: #fff; letter-spacing: 1.5px; margin-bottom: 30px;}
.slider-smalltext{ font-size: 1.875em; color: #fff;}
.slider-smalltext::after{width: 25px; height: 11px; background-image: url(/Images/arrow-right.png); background-repeat: no-repeat; content:""; display: inline-block; left: 9px; top: -5px; position: relative;}

/*----------- Content --------------*/
#content-wrapper{padding:0;}/*----------- Took out 20 padding - BCX --------------*/
#home-wrapper{padding: 40px 0;}
.content-container{border: solid 1px #DDDDDD; border-radius: 3px; margin-bottom: 15px;}
.content-inner{padding: 20px 15px;}
.product-image{width: 100px; height: 100px; border-radius: 80px; border: solid 1px #DDDDDD; float: left;}
.product-description{margin-left: 115px;}
.product-description a.prod-title{color: #2C72D8; font-size: 1.125em;  text-transform: uppercase; margin-top: 10px; display: inline-block; margin-bottom: 5px;}
.product-description a.prod-title:hover, .product-description a.prod-title:focus, .product-description a.prod-title.active{color: #000;}
p{color: #666666; font-size: 0.813em;  margin-bottom: 6px; line-height: 1.4em; letter-spacing: 0.8px;}
.black{color: #000;}
.green-label{background-color: #1D8D3F; color: #fff; font-size: 0.813em;  display: inline-block; border-radius: 80px; padding: 10px 21px 6px 21px; margin-top: 5px;}
.product-description p.mobile-no{color: #2C72D8; font-size: 1.0em;  margin: 12px 0; text-align: center;}


.right-icons > ul{margin: 0; padding: 0; display: inline-block;}
.right-icons ul li{float: left; padding: 0 5px; color: #A8A8A8;}
.right-icons ul li >a{color: #A8A8A8; font-size: 1.4em;}
.right-icons ul li:hover >a{color: #2c72d8;}
.icon-in{width: 25px; height: 25px; background: url(/Images/icon-in.png) no-repeat; display: inline-block;}
.right-icons  ul li:hover .icon-in, .right-icons ul li.active .icon-in{background: url(/Images/icon-in-hover.png) no-repeat;}
.prod-detail-list{border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD;}
.prod-detail-list ul{margin: 0; padding: 0;}
.prod-detail-list ul li{float: left; min-width: 25%; display: table; min-height: 50px;}
.prod-detail-list ul li >a{border-right: solid 1px #DDDDDD; display: block; padding: 11px 10px; font-size: 0.813em; display: table-cell; vertical-align: middle;}
.prod-detail-list ul li i{border: solid 1px #DDDDDD; color: #444444; font-size: 1.3em; border-radius: 80px; margin-right: 25px; padding: 7px 7px; position: relative; top: 3px;}
.prod-detail-list ul li:last-child >a{border-right: none;}
.prod-detail-list ul li:first-child i{padding: 7px 8px;}
.prod-detail-list ul li:first-child >a{padding: 3px 10px 7px;}
.prod-detail-list ul li:hover >a, .prod-detail-list ul li.active >a{color: #0E264B;}
.prod-detail-list ul li:hover i, .prod-detail-list ul li.active >i{background-color: #0E264B; color: #fff; border: solid 1px #0E264B;}
.prod-detail-list .dropdown-menu li{float: none; min-width: auto; border-right: none; min-height: 20px; display: block;}
.prod-detail-list .dropdown-menu{min-width: 212px;}
.prod-detail-list .dropdown-menu li >a{display: block; border-right: none; white-space: normal; padding: 8px 10px 4px 10px;}
.branch-title{color: #000; font-size: 0.813em;  border-bottom: solid 1px #DDDDDD; padding: 15px 10px 6px 12px;}
.branch-container{background-color: ;border: solid 1px #DDDDDD; background-color: #F6F6F6; padding: 10px; color: #000; font-size: 0.813em;}
.location-icon{width: 15px; height: 24px; background: url(/Images/location.png) no-repeat; display: inline-block; float: left; margin-right: 5px;}
.branch-container p{margin-left: 25px; font-size: 1.0em; color: #000;}
.info-title{color: #000; font-size: 0.813em;  margin-bottom: 8px;}
.info-title i{color: #444444; margin-right: 5px; font-size: 1.4em; position: relative; top: 3px;}
.detail-list{margin: 25px 0 0 0; padding: 0;}
.detail-list li{list-style: none; margin: 15px 0; line-height: 1.2em; font-size: 0.813em;}
.detail-list li a{color: #0E264B; }
.detail-list li strong{color: #000;}
.detail-list li p{font-size: 1.0em;}
.payment-list{margin: 0; padding: 0; border: solid 1px #DDDDDD; padding: 0 10px; border-radius: 3px; display: inline-block; position: relative; top: -2px;}
.payment-list li{list-style: none; float: left; margin: 10px 0;}
.hours-wrapper{border: solid 1px #DDDDDD; border-radius: 3px; padding: 5px 8px; margin-top: 20px;}
.hours-wrapper .green-label{font-size: 0.688em; padding: 7px 15px 4px 15px;}
.hours-wrapper h4{margin-top: 13px; color: #000; }
.hours-wrapper ul{margin-top: 10px;}
.hours-wrapper ul li{font-size: 0.813em; padding: 7px 0 2px 4px;}
.hours-wrapper ul li:hover, .hours-wrapper ul li.active{background-color: #E6EEFB;}
.time{color: #666666;}
.day{color: #000; }
.review-title{background-color: #F6F6F6; padding: 7px 10px; border-bottom: solid 1px #DDDDDD; color: #000000; font-size: 0.813em; }
.review-title i{color: #444444; margin-right: 5px; font-size: 1.2em;}
.blue{color: #2C72D8; }
.white{color: #fff !important;}
.date-container{width: 150px; float: left; margin: 0 10px;}
.date-container .form-control{height: 30px;}
.date-container .input-group-btn .btn-default-icon{height: 30px;}
.date-container .input-group-btn .btn-default-icon i{font-size: 1.1em; color: #A8A8A8;}
.review-wrapper ul{margin: 0; padding: 0;}
.review-wrapper ul li{list-style: none; border-bottom: solid 1px #DDDDDD; padding: 10px 10px;}
.review-wrapper ul li:last-child{border-bottom: none;}
.review-user{width: 60px; height: 60px; float: left; border: solid 1px #DDDDDD; border-radius: 80px;}
.review-container{margin-left: 70px; padding-top: 6px;}
.review-container h5, .review-container em{ font-size: 0.813em; display: inline-block; color: #000;}

.right-conatiner{margin-bottom: 20px; border-radius: 5px;}
.advertise-first{background: url(/Images/adv1.jpg) no-repeat; padding: 10px; background-size: cover;}
.advertise-inner{background-color: rgba(255,255,255,0.8); border: solid 1px #DDDDDD; padding: 10px; text-align: center;}
.advertise-inner h3{color: #000000; font-size: 1.32em;  border-bottom: solid 1px #666666; padding-bottom: 15px;}
.advertise-inner p{color: #444444; font-size: 0.813em; }
.advertise-inner .btn-default.blue, .advertise-inner-second .btn-default.blue{font-size: 1.0em; padding: 19px 28px 14px 28px;}
.advertise-second{background: url(/Images/adv2.jpg) no-repeat; padding: 20px; text-align: center; background-size: cover;}
.advertise-inner-second h5{color: #fff; font-size: 1.0em;  line-height: 1.3em;}
.map-img{width: 100%;}
/*.drop-arrow{float: right; clear: left; margin-top: 15px;}*/
.search-box{position: fixed; top: 0; width: 100%; z-index: 9999; background: url(/Images/header-bg2.jpg) no-repeat bottom; background-size: cover;left:0;}
.direction-block{text-align: right;}
.direction-menu{border: solid 1px #DDDDDD; border-radius: 3px; text-align: left; display: none; margin-top: 7px; position: relative; z-index:9; background-color: #fff; min-width: 170px; left: -18px;}
.direction-menu ul li >a{display: block; padding: 7px 10px 2px 10px; font-size: 0.91em;  color: #000;}
.direction-menu ul li:hover >a{background-color: #2C72D8; color: #fff;}
.direction-link{cursor: pointer; text-align: left;}
.direction-link:hover .direction-menu{display: block;}
.advertise-inner-second img{display: inline-block;}
.navbar-default .navbar-toggle{background-color: #FFED00; border: none; border-radius: 80px;}
.navbar-toggle{padding: 12px 10px;}
.navbar-default .navbar-toggle .icon-bar{background-color: #000;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle.active:hover{background-color: #000;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle.active:hover .icon-bar{background-color: #fff;}
.horizontal-adv{text-align: center; margin: 10px 0 15px 0;}
.horizontal-adv img{display: inline-block;}
.search-result{color: #000000; font-size: 0.875em; }
.search-result-list{margin: 0 10px 0 0; padding: 0; border: solid 1px #DDDDDD; border-radius: 80px; padding: 1px 5px; display: inline-block;}
.search-result-list li{list-style: none; float: left; color: #A8A8A8; width: 30px; height: 30px; border: solid 1px #DDDDDD; border-radius: 80px; display: table; text-align: center; margin: 3px;}
.search-result-list li >a{color: #A8A8A8; display: table-cell; vertical-align: middle;}
.search-result-list li >a i{position: relative; top: 2px;}
.search-result-list li:hover, .search-result-list li.active, .search-result-list li:focus{background-color: #FFED00;}
.search-result-list li:hover >a, .search-result-list li.active >a, .search-result-list li:focus >a{color: #444444;}
.review{color: #2C72D8;  font-size: 0.750em;}
.listphone-container{border-top: solid 1px #DDDDDD; padding: 7px 15px 0 15px;}
.phone-text{color: #2C72D8;  font-size: 1.125em; margin-left: 5px; margin-top: 6px;}
.listphone-container .right-icons ul{margin-top: 2px;}
.gray-adv{background-color: #F5F5F5; border: solid 1px #E5E5E5; padding: 15px;}
/*home*/
#home-wrapper h2{color: #000000; font-size: 2.50em;  text-align: center;}
#home-wrapper h2::after{background-image: url(/Images/title-border.png); background-repeat: no-repeat; content:""; display: block; width: 210px; height: 15px; margin: 20px auto 15px auto;}
#home-wrapper h2 span{color: #2C72D8;}
#home-wrapper p{color: #878787;  font-size: 0.875em;}
.intro-container{padding: 0 30px; text-align: center;}
.category-box{border: solid 1px #E6E6E6; background-color: #F7F7F7; padding: 10px; margin-bottom: 10px; transition: all 0.8s;}
.category-box:hover, .category-box.active, .category-box:focus{background-color: #fff; transition: all 0.8s;}
.category-box:hover .category-name h4, .category-box.active .category-name h4, .category-box:focus .category-name h4{color: #2C72D8; cursor: pointer;}
.categorylist-container{min-height: 238px;}
.category-icon{background-color: #222222; width: 48px; height: 48px; text-align: center; border-radius: 80px; display: table; float: left;}
.category-inner{display: table-cell; vertical-align: middle; text-align: center;}
.category-inner img{display: inline-block;}
.category-name{margin-left: 50px; text-align: center;}
.category-name h4{color: #000000;  font-size: 1.0em; text-transform: uppercase; margin-top: 15px;}
.category-box ul{margin: 10px 0 0; padding: 0;}
.category-box ul li{border-bottom: solid 1px #DDDDDD; padding: 10px 3px 8px 3px;  font-size: 0.875em;}
.category-box ul li:first-child{border-top: solid 1px #DDDDDD;}
.category-box ul li:last-child{border-bottom: none;}
.category-box ul li >a{display: block;}
.category-box ul li:hover >a, .category-box ul li.active >a, .category-box ul li:focus >a{color: #2C72D8;}
.more{font-size: 0.875em; color: #000000;  background-color: #EAEAEA; border: solid 1px #DDDDDD; padding: 10px 10px 8px 10px; text-align: right; border-bottom: none;}
.more a{color: #000000;} .more a:hover, .more a.active{color: #2C72D8;}
.more a::after{width: 25px; height: 11px; background-image: url(/Images/arrow-right-black.png); background-repeat: no-repeat; content:""; display: inline-block; left: 9px; position: relative; margin-right: 10px;}
.more a:hover::after, .more a.active::after{background-image: url(/Images/arrow-right-blue.png);}
.btn-container{text-align: center; margin: 30px 0;}
.city-container{position: relative; overflow: hidden;}
.city-box{margin-top: 17px;}
.image-caption{position: absolute; width: 100%; bottom: 0; background-color: rgba(0,0,0,.6); font-size: 1.0em; color: #fff;  text-align: center; padding: 23px 10px;
height: 22%;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.city-container:hover .image-caption, .city-container,active .image-caption{height: 100%; cursor: pointer;
 -webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#home-wrapper .image-caption p{color: #fff;}
.gray-container{background-color: #EEEEEE;}
.count-wrapper{background-color: #2C72D8; padding: 29px 15px; color: #EEEEEE;}
.count-icon{font-size: 2.5em; float: left;}
.count-container{margin-left: 65px;}
.count{ font-size: 1.250em;}
.business-wrapper{background: url(/Images/business-bg.jpg) no-repeat; background-size: cover; padding: 40px 0;}
.business-container{padding: 13px; border-left: none; background-color: #fff; color: #868686;  min-height: 177px;}
.bus-maincontainer{border: solid 1px #CCCCCC; background-color: #fff;}
.business-container h6, .business-container p, .business-container a{font-size: 0.875em;}
.business-container p{margin-top: 18px;}
.business-overlay{background-color: rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.7s ease; margin-left: -184px;}
.eye-icon{display: table-cell; vertical-align: middle;}
.eye-icon i{color: #FFED00; font-size: 2.0em; border: solid 1px #FFED00; border-radius: 80px; padding: 10px;}
.overlay-inner{width: 100%; height: 100%; display: table; text-align: center;}
.business-image:hover .business-overlay, .business-image.active .business-overlay{transition: all 0.7s ease; margin-left: 0;}
.business-image{position: relative; border: solid 1px #CCCCCC; border-right: none; overflow: hidden;}
.business-box{margin-bottom: 17px;}
.brads-title{color: #000000;  font-size: 1.625em; border-bottom: solid 1px #BBBBBB; padding-bottom: 15px;}
.brads-title span{color: #2C72D8;}
.website-wrapper{width: 560px; padding: 40px 10px;}
.website-wrapper p{line-height: 1.7; letter-spacing: 1.4px;}
.website-container p{line-height: normal; letter-spacing: normal;}
.website-container{border: solid 1px #BBBBBB; padding: 10px; margin-bottom: 10px; transition: all 0.7s ease;}
.website-container h6{color: #000000;  font-size: 0.875em; margin-top: 6px;}
.website-wrapper p{color: #858585;  font-size: 0.875em; margin-bottom: 10px;}
.website-container:hover, .website-container.active, .website-container:focus{background-color: #fff; cursor: pointer; transition: all 0.7s ease;}
.about-title{color: #000;  font-size: 1.375em; border-bottom: solid 1px #BBBBBB; padding-bottom: 15px; margin-top: 20px; margin-bottom: 20px; line-height: 1.6;}
.app-wrapper{background: url(/Images/app-bg.jpg) no-repeat; background-size: cover; padding: 80px 0; min-height: 450px; margin-top: 40px;}
.app-wrapper h5{ font-size: 1.875em; color: #fff; border-bottom: solid 1px #BBBBBB; padding-bottom: 15px;}
.app-wrapper h3{ font-size: 2.50em; color: #fff; margin-top: 20px;}
#home-wrapper .app-wrapper p{color: #fff;}
.feedback-container{background-color: #EEEEEE; border: solid 1px #E6E6E6; padding: 10px; text-align: center; box-shadow: 2px 2px 12px rgba(0,0,0,.3); position: relative; min-height: 200px;}
.feedback-icon{background-color: #FFFFFF; border: solid 1px #E6E6E6; border-radius: 80px; width: 80px; height: 80px; display: table; margin: 0 auto; text-align: center;}
.feedback-icon i{display: table-cell; vertical-align: middle; font-size: 2.9em; color: #000;}
.feedback-container h4{color: #000;  font-size: 1.375em; margin-top: 17px; text-transform: uppercase;}
.feedback-container p{color: #444444;  font-size: 0.875em;}
/*.feedback-overlay{width: 95%; height: 92%; position: absolute; top: 0; left: 0; background: url(../images/small-adv.jpg) no-repeat; background-size: cover; margin: 10px; padding: 15px; text-align: left; display: none;}*/
.feedback-overlay{background: url(/Images/small-adv.jpg) no-repeat; background-size: cover; padding: 10px; text-align: left;}
.feedback-overlay h4{color: #FFEC00;  font-size: 1.250em;}
#home-wrapper .feedback-overlay p{ font-size: 1.0em; color: #fff;}
/*.feedback-container:hover .feedback-overlay, .feedback-container.active .feedback-overlay{display: block; cursor: pointer;}*/
.feedback-wrapper{margin-top: -50px;}
.center-advertise img{margin: 0 auto;}
.feedback-wrapper a:hover h4, .feedback-wrapper a.active h4, .feedback-wrapper a:focus h4, .feedback-wrapper a:hover i, .feedback-wrapper a.active i, .feedback-wrapper a:focus i{color: #2C72D8;}
<!--.feedback-icon:hover i, .feedback-icon.active i, feedback-icon:focus i{color: #2C72D8;}-->
.app-btn:hover, app-btn.active{box-shadow: 2px 4px 10px rgba(0,0,0,.7);}


/*----------- form-control --------------*/
.form-control{background-color: #fff; font-size: 0.9em; color:#878787; border-radius: 80px; height: 40px;  box-shadow: none; padding: 11px 12px 6px 12px;}
.search-container .form-control{height: 60px;}
.form-control:hover, .form-control:focus{box-shadow: none;}
select.form-control{background-image: url(/Images/select-arrow.png); background-repeat: no-repeat; background-position: 97% 50%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
.input-group-btn .btn-default-icon{border-radius: 80px; height: 60px; color: #000; padding-left: 18px; border: none; background: #fff;}
.input-group-btn .btn-default-icon i{font-size: 1.5em;}
.input-group-btn .btn-default-icon:hover{background: #fff;}
.input-group .form-control{border: none;}
.btn-default{background-color: #FFED00; color: #000; font-size: 1.0em; border-radius: 80px; padding: 22px 34px 17px 34px;  border: none; outline: none; transition: all 1s;}
.btn-default:hover, .btn-default.active, .btn-default:focus{background-color: #2C72D8; transition: all 1s; color: #fff;}
.btn-default.blue.medium{font-size: 1.0em; padding: 18px 35px 14px 35px; min-width: 180px;}
.btn-default.blue{background-color: #2C72D8;  border: none; font-size: 0.813em; padding: 5px 19px 5px 19px; color: #fff; transition: all 1s;}
.btn-default.blue:hover, .btn-default.blue.active, .btn-default.blue:focus{background-color: #FFED00; transition: all 1s; color: #000;}
.btn-default.blue i{font-size: 1.3em; position: relative; top: 1px; left: 5px; color: #fff; transition: all 1s;}
.btn-default.blue:hover i, .btn-default.blue.active i, .btn-default.blue:focus i{color: #000; transition: all 1s;}


/*----------- Footer --------------*/
#footer-wrapper{background-image: url(/Images/footer-bg.jpg); background-repeat: no-repeat; background-position: bottom; background-size: cover; position:absolute; width:100%; min-height:460px;}
.footer-container{padding: 50px 0 0 0;}
.footer-container h6{color: #EACC1F; font-size: 1.125em;  margin-bottom: 15px;}
.footer-container ul{margin: 0; padding: 0;}
.footer-container ul li{list-style: none;}
.footer-container ul li >a{color: #fff;  font-size: 0.875em; padding: 3px 0; display: inline-block;}
#footer-wrapper p{color: #fff;  font-size: 0.875em;}
.footer-bottom{border-top: solid 1px #333333; margin-top: 20px; padding: 20px 0; color: #fff; text-align: center;}
.footer-bottom ul{display: inline-block; margin: 30px 0;}
.footer-bottom ul li{list-style: none; float: left; padding: 5px 5px; display: table;}
.footer-bottom ul li >a{color: #000; background-color: #CCCCCC; border-radius: 80px; width: 32px; height: 30px; display: table-cell; vertical-align: middle; font-size: 1.1em; padding-top: 4px;}
.footer-bottom ul li:hover >a, .footer-bottom ul li.active >a, .footer-bottom ul li:focus >a{background-color: #EACC1F;}
.footer-container ul li:hover >a, .footer-container ul li.active >a, .footer-container ul li:focus >a{color: #EACC1F;}

/*#####################################################  Check Box and radio Button  #####################################################*/
label{margin-bottom: 0; font-weight: normal;}
label.radio-checkbox{ /*display: block;*/ cursor: pointer; line-height: 15px; padding-bottom: 5px;}
.label_check input,
.label_radio input  { margin-right: 5px; }
.has-js .label_check,
.has-js .label_radio    { padding-left: 22px;}
.has-js .label_radio    { background: url(/Images/radio-off.png) no-repeat; }
.has-js .label_check    { background: url(/Images/check-off.png) no-repeat; }
.has-js label.c_on      { background: url(/Images/check-on.png) no-repeat; }
.has-js label.r_on      { background: url(/Images/radio-on.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }

/*----------- Brand --------------*/
.clearout {height:20px; clear:both;}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {display:none;}
.nbs-flexisel-container {position:relative; max-width:100%;}
.nbs-flexisel-ul {position:relative; width:9999px; margin:20px 0 0 0px; padding:0px; list-style-type:none; text-align:center;}
.nbs-flexisel-inner {overflow:hidden; float:left; width:100%;}
.nbs-flexisel-item {float:left; margin:0px; padding:5px 0 0 0px; cursor:pointer; position:relative; line-height:0px;}
.nbs-flexisel-item {width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; /*max-width:100px;*//*max-height:45px;*/color: #B9AE32; font-family: 'MyriadPro-Regular'; font-size: 24px; /*margin-left: 10px; margin-right: 10px;*/}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {width: 35px; height: 35px;  position: absolute; cursor: pointer; z-index: 100; opacity: 0.5;}
.nbs-flexisel-nav-left {left: -15px; background: url(/Images/left_whitearrow.png) no-repeat; opacity: 1;}
.nbs-flexisel-nav-right {right: -15px; background: url(/Images/right_whitearrow.png) no-repeat; opacity: 1;}

#detail-gallery {
    position: relative;
    display: block;
    width: 100%;
}

#detail-gallery .container-fluid {
    max-width: 100%;
}

#detail-gallery a.white {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #fff;
    border: none;
    font-size: 0.813em;
    font-weight: bold;
    padding: 12px 19px 5px 19px;
    color: #333 !important;
    transition: all 1s;
}

#detail-gallery a.white:hover {
    background-color: #FFED00;
    transition: all 1s;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}

.deatil-container {
    margin-top: -100px;
    background-color: #FFFFFF;
}