@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,700i,800,800i');



/********************** font_family area end here ************************/

/********************** top_bar area start here ************************/

.main_top_bar{background: #f2f2f2;}

.top_bar_left{float: left;}
.top_bar_left p{font-size: 13px;font-family: 'Work Sans', sans-serif;font-weight: 500;color: #333333;margin: 0;padding: 15px 0px;}

.top_bar_mid{float: right;}
.top_bar_mid ul{margin: 0;padding: 0;}
.top_bar_mid ul li{display: inline-block;}
.top_bar_mid ul li a{transition: 0.45s; font-size: 13px;font-family: 'Work Sans', sans-serif;font-weight: 500;color: #333333;margin: 0;padding: 15px 20px;display: inline-block;background: url(images/top_bar_border.png) no-repeat center right;}
.top_bar_mid ul li:last-child a{background: none;padding: 15px 0px 15px 20px;}
.top_bar_mid ul li a:hover{text-decoration: underline;color: red;}

.main_seacrh {
    position: relative;
    margin: 7px 0 0 0;
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); */
    /* border: 1px solid #000; */
    float: left;
    width: 100%;
    /* padding: 6px; */
}				
.form-control {
    display: block;
    width: 100%;
    float: right;
    height: 31px;
    padding: 6px 0px 6px 40px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
    background: #ffffff;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: none;
	  font-family: 'Montserrat', sans-serif;
}
.btn-1 {
    background: none;
    border: none;
    position: absolute;
    top: 4px;
    outline: none !important;
    font-size: 17px;
    left: 8px; color:#707070;
}


/********************** logo & navigation area start here ************************/

.top_logo{}
.top_logo a{text-decoration: none;}



.top_navigation{margin: 10px 0px;}
.top_navigation ul{margin: 0;padding: 0;}
.top_navigation ul li{display: inline-block; position: relative;}
.top_navigation ul li a{transition: 0.45s; font-weight: 700;font-size: 15px;font-family: 'Open Sans', sans-serif;color: #000 !important;padding: 15px 25px;display: inline-block;text-decoration: none;text-transform: uppercase;}
.top_navigation ul li:hover a{}

.bottom_border {display: inline-block;vertical-align: middle;transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;overflow: hidden;}
.bottom_border:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 0;background: red;height: 4px;transition-property: left, right;transition-duration: 0.3s;transition-timing-function: ease-out;}
.bottom_border:hover:before, .bottom_border:focus:before, .bottom_border:active:before {left: 0;right: 0;}






.top_navigation ul li ul{  position:absolute; top:100%; left:50%; right:0px; visibility:hidden; opacity:0; transform:translateX(0%);  transition: 0.3s all; background:black; width:255px; z-index:999; color: white !important;}


.top_navigation ul>li:hover ul{visibility:visible; opacity:1;transform:translateX(-39%); }
.top_navigation ul li ul a{ color: white!important;width: 100% !important;text-transform: capitalize !important;padding: 6px 10px !important;}
.top_navigation ul li ul a:hover{color: #fff !important;}
.top_navigation ul li ul li{width: 100%;transition: 0.45s;}
.top_navigation ul li ul li:hover{background: red;}


.navbar-inverse {background:none; margin:0 0 0 0px; border:none;}
.nav>li>a {position: relative;display: block;padding: 0px 0px;}




/********************** banner area start here ************************/


.carousel-caption{right: 0px !important; left: 0px !important; top: 67%;}
.carousel-indicators li{border: 1px solid #fff !important;}
.carousel-indicators .active{background-color: #fff !important; }

.carousel-control.left{background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);}
.carousel-control.right{background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);}






/********************** welcome area start here ************************/

.main_welcome{background: #eeeeee;text-align: center;margin-top: 15px;}
.main_welcome h3{font-size: 25px;color: #323232;font-family: 'Open Sans', sans-serif;font-weight: 500;margin: 0;padding-top: 30px;padding-bottom: 20px;}
.main_welcome h2{font-size: 25px;color: #323232;font-family: 'Open Sans', sans-serif;font-weight: 700;margin: 0;padding-bottom: 20px;}
.main_welcome h5{font-size: 14px;color: #323232;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 0;padding-bottom: 30px;}


/********************** Featured_Products area start here ************************/


.featured_products{text-align: center;}
.featured_products h1{font-family: 'Open Sans', sans-serif;font-weight: 500;font-size: 50px;margin: 0;padding: 40px 0px;color: red;}




/********************** footer area start here ************************/

.main_footer{background: #474747;}

.footer_link_1{text-align: center;}
.footer_link_1 ul{margin: 0;padding: 0;}
.footer_link_1 ul li{display: inline-block;}
.footer_link_1 ul li a{transition: 0.45s; display: inline-block;text-decoration: none;font-size: 16px;font-weight: 600;color: #fff;padding: 15px 40px;text-decoration: none;font-family: 'Open Sans', sans-serif;margin-top: 15px;}
.footer_link_1 ul li a:hover{color: red;}

.footer_link_2{text-align: center;}
.footer_link_2 ul{margin: 0;padding: 0;}
.footer_link_2 ul li{display: inline-block;}
.footer_link_2 ul li a{transition: 0.45s;display: inline-block;text-decoration: none;font-size: 13px;font-weight: 400;color: #fff;text-decoration: none;font-family: 'Open Sans', sans-serif;padding: 10px 30px;margin: 10px 0px;}
.footer_link_2 ul li a:hover{text-decoration: underline;color: red;}

.main_footer .main_copy_right{border-top: 1px solid #7f7f7f;text-align: center;}
.main_footer .main_copy_right p{font-family: 'Work Sans', sans-serif;font-size: 13px;font-weight: 400;color: #fff;margin: 0;padding: 15px 0px;letter-spacing: 1px;}

.fea{ margin-top:50px;}
.fea p{ margin:0;font-family: 'Open Sans', sans-serif; font-size:26px; font-weight:bold; color:#000000;}

.weget{ margin-top:30px;}


.ecrousal{background:none !important; clear:both;}
.ecrousal{text-align:center !important; text-transform:uppercase; }
.ecrousal h6{background:none !important; color:#000 !important; font:bold 34px Montserrat !important; display:none;}
.ecrousal{border:none !important;}
.itemlistings .itmimg{ border-radius:0; border: 0 !important;}
.itemlistings {
    text-align: center;
    margin: 10px;
    padding: 10px !important;


}

.itemlistings:hover {

 
}


.itemlistings p{
 margin:10px 0 !important;
}

.owl-prev, .owl-next { background: #313945 !important;
    color: white!important;
    padding: 0px 13px !important;
    border: 1px #ccc solid !important;
    transition: all 0.3s !important;
    border-radius: 50% !important;
    font-size: 31px !important;
    line-height: 38px;
    height: 45px;
}


.itemlistings a.itm-a{  margin: 10px; background: #9d9d9d !important; border-radius: 0px !important;  color: #fff !important; padding: 10px 20px !important;}
.itemlistings a.itm-a:hover{ background: #0063a6 !important; color:#FFFFFF !important;}


.itemlistings span{color: #000 !important; margin: 0 0 10px 0; font-size: 15px !important;}


.carousel-inner>.item>a>img, .carousel-inner>.item>img{width:100%;}
.owl-prev:hover, .owl-next:hover{background: #0063a6 !important;}      
.new{
     padding: 40px 0 10px 0;
 }
.owl-buttons {
    top: 40% !important;
}
.ecrousal img.icon {
  
    display: none;
}


.itemlistings {
   
    float: left;
    display: inline-block;
    width: 208px;
}


.owl-carousel { display: block !important; }

.itemlistings a.itm-a {
  
    display: none !important;
}





@media screen and (max-width: 1200px){

.top_bar_left p {
    font-size: 12px;}

.top_bar_mid ul li a {

    font-size: 12px;}

.top_navigation ul li a {
    
    padding: 15px 11px;}

}


@media screen and (max-width: 992px){

.top_bar_left p {
    font-size: 9px;
}
.top_bar_mid ul li a {
    font-size: 11px;
}
.footer_link_1 ul li a {
   
 
    padding: 15px 15px;}
.main_left {
   
    max-width: 263px;
    margin: 0 auto;
}

}

@media screen and (max-width: 768px){

.main_left {
   
    max-width: 263px;
    margin: 0 auto;
}

.container{ width:500px;}

.main_seacrh {
   
    margin-bottom: 20px;
}

.top_bar_left {
  
    text-align: center;
    float: none;
}
.top_bar_left p {
    font-size: 13px;
}

.top_bar_mid {
    text-align: center;
    float: none;
}
.top_bar_mid ul li a {
    font-size: 14px;
}


.navbar-toggle {position: relative !important;float: left;padding: 15px 11px !important;margin-top: 8px !important;margin-right: 0 !important;margin-bottom: 8px !important;background-color: transparent !important;background-image: none !important;border: none;
border-radius: 4px !important;width: 100% !important; background:none !important;}

.new_5{ color:#FFFFFF; position:absolute !important; top:13px !important; right:10px !important;}

.navbar-inverse ul li {width:100% !important;text-align: center !important;}

.navbar-nav>li>a {padding-top: 0px;padding-bottom: 0px;}

.itemlistings {
 
    width: auto !important;
}
.fea {
   
    text-align: center;
}

}





@media screen and (max-width: 400px){

.container{ width:320px;}



}