@charset "utf-8";
/* CSS Document */
body{font-family: 'Open Sans', sans-serif;
transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
-o-transition:all 0.4s ease;

}
a{text-decoration:none !important;}
#toTop{right: 10px;position: fixed;bottom: 20px;font-size:12px;background-color:#0aa8ef;color:#FFF;padding:10px 13px ;
border-radius:50%;}
#toTop:hover{background-color:#2e3094;color:#fff;}
.headder{background-color:#2e3094;overflow:hidden; z-index:20;
padding-top:10px;padding-bottom:10px;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
/*-webkit-box-shadow: 0px 6px 19px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 19px -4px rgba(0,0,0,0.75);
box-shadow: 0px 6px 19px -4px rgba(0,0,0,0.75);*/
}
.affix {
      top:0;
	  width:100%;
      z-index: 9999 !important;
	  background-color:#2e3094 !important ;
	   padding-top:0 !important;
	   padding-bottom:0 !important;
	   border-bottom:1px solid #0072bc;
  }
  .navbar {
      margin-bottom: 0px;
  }

  .affix ~ .container-fluid {
     position: relative !important;
     top: 20px;
	
	  
  }
.headder, .logo{margin-bottom:0 !important;}
.navbar-default{margin-bottom:0 !important; border:none;padding-top:0px;padding-bottom:0px;background-color:transparent;}
.navbar-nav li a{color:#fff !important;font-weight:400;font-size:14px;padding:20px 15px;}
.navbar-nav li a:hover{color:#000 !important;background:#fff !important;}

.footer{background:#171717;padding-top:20px;}
.footer .footer_contact h4, 
.footer .footer_social h4, 
.footer .footer_working h4,
.footer .footer_menu h4
{color:#FFF;font-size:24px;padding-bottom:10px;margin-top:0px;}
.footer .footer_contact p{color:#a3a8ab;padding-bottom:10px;}
.footer .footer_contact i{color:#0aa8ef;font-size:18px;}
.footer .footer_social ul{list-style:none;padding-left:0;margin-left:0;}
.footer .footer_social li{margin-bottom:15px;padding-left:0;margin-left:0;}
.footer .footer_social li a{padding:10px 10px 10px 0;background:#171717;color:#a3a8ab;font-size:16px;}
.footer .footer_social li a:hover{color:#0aa8ef;}
.footer .footer_menu ul{list-style:none;padding-left:0;margin-left:0;}
.footer .footer_menu ul li{padding-bottom:15px;padding-left:0;margin-left:0;}
.footer .footer_menu ul li a{color:#a3a8ab;font-size:14px;}
.footer .footer_menu ul li a:hover{color:#0aa8ef;}
.footer .footer_working p, .footer .footer_newsletter p{color:#a3a8ab;}
.footer .footer_newsletter .form-control{margin-bottom:10px;border:none;background:#323131;color:#a3a8ab;
border-radius:0;height:40px;outline:none;}
.footer .footer_newsletter .btn{border-radius:5px;outline:none;border:none;background:#ffcc33;padding:10px 20px;}
.footer .footer_newsletter .btn:hover{background:#FFF;color:#a3a8ab;}
.copyright{background:#282828;}
.copyright p{text-align:center;color:#a3a8ab;padding:30px 0 10px 0;}
.copyright a{color:#eee;}
.copyright a:hover{color:#0aa8ef;}

.home_items{padding-bottom:10px;padding-top:30px;}
.home_items .home_hardware{overflow:hidden;text-align:center;}
.home_items .home_hardware .col-md-12{background:url(../images/chelari-tradings-home-hardware.jpg) no-repeat;background-size:cover;padding:0;margin-bottom:30px;}
.home_items .home_kitchen{overflow:hidden;text-align:center;}
.home_items .home_kitchen .col-md-12{background:url(../images/chelari-tradings-home-kitchen.jpg) no-repeat;background-size:cover;padding:0;margin-bottom:30px;}

.home_items .home_plywood{overflow:hidden;text-align:center;}
.home_items .home_plywood .col-md-12{background:url(../images/chelari-tradings-home-plywood.jpg) no-repeat;background-size:cover;padding:0;margin-bottom:30px;}
.home_items .home_bathroom{overflow:hidden;text-align:center;}
.home_items .home_bathroom .col-md-12{background:url(../images/chelari-tradings-home-bathroom.jpg) no-repeat;background-size:cover;padding:0;margin-bottom:30px;}
.home_items .home_glass{overflow:hidden;text-align:center;}
.home_items .home_glass .col-md-12{background:url(../images/chelari-tradings-home-glass.jpg) no-repeat;background-size:cover;padding:0;margin-bottom:30px;}
.home_items .home_door{overflow:hidden;text-align:center;}
.home_items .home_door .col-md-12{background:url(../images/chelari-tradings-home-door.jpg) no-repeat;background-size:cover;padding:0;margin-bottom:30px;}

.home_items .col-md-12 div{background:rgba(0, 0, 0, 0.4); }
.home_items .col-md-12 h2{margin:0;padding:80px 0 0 0;color:#fff;font-weight:400;text-align:center; }
.home_items .col-md-12 p{margin:0;padding:10px 0 10px 0;color:#fff;font-weight:400;text-align:center;font-size:24px; }
.home_items .col-md-12 .btn{margin-bottom:80px;}
.home_bg_text{background:url(../images/chelari-tradings-bg.jpg) no-repeat;background-size:cover;padding-top:120px;padding-bottom:120px;}
.home_bg_text h3{text-align:center;font-size:24px;color:#fff;}
.home_bg_text p{text-align:center;font-size:16px;color:#fff;}
.home_newarrivals{padding-bottom:30px;padding-top:40px;}
.home_newarrivals h3{text-align:left;margin:0;padding:5px 0 30px 0;font-weight:600;}
.home_newarrivals .home_arrivals img{border:1px solid #e5e5e5;}
.home_newarrivals .home_arrivals p{color:#999;padding:0;}
.home_newarrivals .home_arrivals p:nth-child(4){color:#ff3c15;border-bottom:2px solid #999;padding-bottom:10px;}
.home_newarrivals .btn{border:none;border-radius:0;float:right;padding:10px 10px;}

.home_breadcrumb{background:#f2f2f2;padding-bottom:8px;padding-top:8px;}
.home_breadcrumb .breadcrumb{margin:0;text-align:right;background:#f2f2f2;}
.home_breadcrumb .breadcrumb a{color:#0072bc;}
.home_breadcrumb .breadcrumb a:hover{color:#000;}
.home_breadcrumb h4{font-weight:600;padding-left:10px;}
.about h1{text-align:center;padding:0 0 10px 0;}
.about p{text-align:center;line-height:26px;}
.products .home_arrivals{margin-bottom:20px;}
.products h4{font-size:14px;font-weight:600;}
/*hardware gallery*/
.buttons{text-align:left;padding-bottom:30px;}
.buttons a{text-align:center;float:none !important;}
.searchbox input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #772b2d;
    border-radius:4px;
    font-size: 14px;
    background-color:#fff;
    padding: 10px 30px 10px 10px;
	outline:none;
	box-shadow:none;
}
.searchbox input[type=submit]{

background:url(../images/search.png) transparent;
background-position:center center;
  background-repeat: no-repeat;	
  border:none;
  padding:6px 10px;
  position:absolute;
  top:1px;
  right:20px;
  z-index:18;
  outline:none;
  transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
-o-transition:all 0.4s ease;

}
.filter-button{font-size: 16px;color:#fff;background:#772b2d;}
.filter-button:hover{color:#fff;background:#2e3094;}
.btn-default:active, 
.filter-button:active, 
.filter-button:focus,
.btn-default:focus
{color: #fff !important;background:#2e3094 !important;box-shadow:none !important;}
.active1{background:#2e3094 !important;}


/*close hardware gallery*/
.gallery{padding-bottom:30px;padding-top:30px;}
.gallery .gallery_items{margin-bottom:20px;}
.gallery .gallery_items div{overflow:hidden;}
.gallery .gallery_items img{width:100%;margin:auto;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
.gallery .gallery_items:hover div{background:#000;}
.gallery .gallery_items:hover img{opacity:0.7;-ms-transform: scale(1.1) ;-moz-transform: scale(1.1);-webkit-transform: scale(1.1));
-o-transform: scale(1.1);transform: scale(1.1);}

.contact .address{padding-top:30px;}
.contact i{font-size:36px;color:#2e3094;}
.contact p{padding-bottom:10px;}
.contact p b{color:#772b2d;}
.contact_form{padding-bottom:30px;padding-top:60px;}
.contact_form h3{text-align:center;padding-bottom:20px;}
.contact_form form{width:60%;margin:auto;}
.contact_form .btn{padding:8px 40px;border-radius:0;background:#772b2d;border:2px solid #772b2d;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
.contact_form .btn:hover{padding:8px 50px;letter-spacing:1px;background:none;color:#772b2d;}
.contact_form .form-control{border-radius:0;border:1px solid #772b2d;box-shadow:none;}
.contact_form input[type="text"], .contact_form input[type="email"]{height:48px;}

.googlemap{padding:0;background:#fff;}
.googlemap{padding:0;cursor:move;}
.googlemap iframe{width: 100%;display: block;pointer-events: none;position: relative; }
.googlemap iframe.clicked{pointer-events: auto;}
.home_map{width:100%;height:450px;border:none;}

.quick_connect{display:none;position:fixed;bottom:0;right:0;left:0; padding:0 !important;width:100%;margin:0;z-index:99999;
overflow:hidden;}
.quick_connect div{padding:0;}
.quick_connect .btn{border:none;border-radius:0;width:100% !important;margin:0;padding:10px 0;}
.clients ul{list-style:none;padding-left:0;}
.clients ul li{float:none;display:inline-block;}
.clients ul li img{border:1px solid #f2f2f2;height:60px;}
.clients .marq{height:80px;width:100%;overflow:hidden;}

@media only screen and (min-width : 1366px) and (max-width : 1919px) {
	

}
@media only screen and (min-width : 1024px) and (max-width : 1365px) {
.navbar-nav li a{font-size:12px;padding:20px 10px;}
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
.navbar-nav li a{font-size:12px;padding:20px 12px;}
.footer .footer_social ul{padding-bottom:30px;}
.searchbox{margin-bottom:20px;}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
.navbar-nav li a{text-align:center;padding:10px 0;}
.about h1{font-size:24px;}
.about p{text-align:justify;line-height:24px;font-size:13px;}
.filter-button{font-size:12px;padding:5px 5px !important;}
.contact_form form{width:100%;margin:auto;}
.home_map{height:250px;}
.contact_form{padding-bottom:30px;padding-top:20px;}
.contact_form input[type="text"], .contact_form input[type="email"]{height:34px;}
.searchbox{margin-bottom:20px;}
}


@media only screen and (min-width : 320px) and (max-width : 479px) {
.navbar-brand1 img{width:200px;}
.navbar-nav li a{text-align:center;padding:10px 0;}
.home_items .col-md-12 h2{padding:40px 0 0 0;font-size:24px;}
.home_items .col-md-12 p{font-size:18px; }
.home_items .col-md-12 .btn{margin-bottom:40px;}
.home_bg_text{padding-top:40px;padding-bottom:40px;}
.home_bg_text h3{font-size:20px;}
.home_bg_text p{text-align:justify;font-size:14px;}
.home_newarrivals h3{padding:5px 0 20px 0;font-size:18px;}
.home_newarrivals h4{font-size:16px;}
.footer .footer_social ul,.footer .footer_menu ul{padding-left:0;text-align:center;}
.footer h4{text-align:center;}
.home_breadcrumb h4{font-size:12px;padding-left:0px;}
.home_breadcrumb .breadcrumb a, .home_breadcrumb .breadcrumb li{font-size:12px;}
.about h1{font-size:24px;}
.about p{text-align:justify;line-height:24px;font-size:13px;}
.filter-button{font-size:12px;padding:5px 5px !important;margin-bottom:5px;}
.contact_form form{width:100%;}
.home_map{height:250px;}
.contact_form{padding-bottom:30px;padding-top:20px;}
.contact_form input[type="text"], .contact_form input[type="email"]{height:34px;}

.searchbox{margin-bottom:20px;}
}
@media screen and (max-width:320px) {
.navbar-brand1 img{width:200px;}
.navbar-nav li a{text-align:center;padding:10px 0;}
.home_items .col-md-12 h2{padding:40px 0 0 0;font-size:24px;}
.home_items .col-md-12 p{font-size:18px; }
.home_items .col-md-12 .btn{margin-bottom:40px;}
.home_bg_text{padding-top:40px;padding-bottom:40px;}
.home_bg_text h3{font-size:20px;}
.home_bg_text p{text-align:justify;font-size:14px;}
.home_newarrivals h3{padding:5px 0 20px 0;font-size:18px;}
.home_newarrivals h4{font-size:16px;}
.footer .footer_social ul,.footer .footer_menu ul{padding-left:0;text-align:center;}
.footer h4{text-align:center;}
.home_breadcrumb h4{font-size:12px;padding-left:0px;}
.home_breadcrumb .breadcrumb a, .home_breadcrumb .breadcrumb li{font-size:12px;}
.about h1{font-size:24px;}
.about p{text-align:justify;line-height:24px;font-size:13px;}
.filter-button{font-size:12px;padding:5px 5px !important;margin-bottom:5px;}
.contact_form form{width:100%;}
.home_map{height:250px;}
.contact_form{padding-bottom:30px;padding-top:20px;}
.contact_form input[type="text"], .contact_form input[type="email"]{height:34px;}
.searchbox{margin-bottom:20px;}
}