@font-face {
    font-family: 'robotoregular';
    src: url('font/roboto-regular-webfont.eot');
    src: url('font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-regular-webfont.woff2') format('woff2'),
         url('font/roboto-regular-webfont.woff') format('woff'),
         url('font/roboto-regular-webfont.ttf') format('truetype'),
         url('font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'abelregular';
    src: url('font/abel-regular-webfont.eot');
    src: url('font/abel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/abel-regular-webfont.woff2') format('woff2'),
         url('font/abel-regular-webfont.woff') format('woff'),
         url('font/abel-regular-webfont.ttf') format('truetype'),
         url('font/abel-regular-webfont.svg#abelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 16, 2015 */



@font-face {
    font-family: 'aero_maticsbold';
    src: url('font/aero_matics_bold-webfont.eot');
    src: url('font/aero_matics_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aero_matics_bold-webfont.woff2') format('woff2'),
         url('font/aero_matics_bold-webfont.woff') format('woff'),
         url('font/aero_matics_bold-webfont.ttf') format('truetype'),
         url('font/aero_matics_bold-webfont.svg#aero_maticsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aero_matics_displayregular';
    src: url('aero_matics_display_regular-webfont.eot');
    src: url('aero_matics_display_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aero_matics_display_regular-webfont.woff2') format('woff2'),
         url('font/aero_matics_display_regular-webfont.woff') format('woff'),
         url('font/aero_matics_display_regular-webfont.ttf') format('truetype'),
         url('font/aero_matics_display_regular-webfont.svg#aero_matics_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aero_maticsitalic';
    src: url('font/aero_matics_italic-webfont.eot');
    src: url('font/aero_matics_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aero_matics_italic-webfont.woff2') format('woff2'),
         url('font/aero_matics_italic-webfont.woff') format('woff'),
         url('font/aero_matics_italic-webfont.ttf') format('truetype'),
         url('font/aero_matics_italic-webfont.svg#aero_maticsitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aero_matics_lightregular';
    src: url('font/aero_matics_light-webfont.eot');
    src: url('font/aero_matics_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aero_matics_light-webfont.woff2') format('woff2'),
         url('font/aero_matics_light-webfont.woff') format('woff'),
         url('font/aero_matics_light-webfont.ttf') format('truetype'),
         url('font/aero_matics_light-webfont.svg#aero_matics_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aero_maticsregular';
    src: url('font/aero_matics_regular-webfont.eot');
    src: url('font/aero_matics_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aero_matics_regular-webfont.woff2') format('woff2'),
         url('font/aero_matics_regular-webfont.woff') format('woff'),
         url('font/aero_matics_regular-webfont.ttf') format('truetype'),
         url('font/aero_matics_regular-webfont.svg#aero_maticsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arabellaregular';
    src: url('font/arabella-webfont.eot');
    src: url('font/arabella-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arabella-webfont.woff2') format('woff2'),
         url('font/arabella-webfont.woff') format('woff'),
         url('font/arabella-webfont.ttf') format('truetype'),
         url('font/arabella-webfont.svg#arabellaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('font/opensans-bold-webfont.eot');
    src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bold-webfont.woff2') format('woff2'),
         url('font/opensans-bold-webfont.woff') format('woff'),
         url('font/opensans-bold-webfont.ttf') format('truetype'),
         url('font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('font/opensans-light-webfont.eot');
    src: url('font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-light-webfont.woff2') format('woff2'),
         url('font/opensans-light-webfont.woff') format('woff'),
         url('font/opensans-light-webfont.ttf') format('truetype'),
         url('font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.description{
    margin-bottom: 30px;
    margin-top: 20px;
    color:#4e5961;
    font-size: 16px;;
    font-weight: normal;
    font-family: 'open_sansregular';
}
.header-top{
    height: 40px;
    
    
}
.header-top div img {
    margin-top: 10px ;
    float: left;
}
p.hy{
    font-family: 'open_sansregular';
    font-size: 13px;
    color: #9a9a9a;
    padding: 10px 0;
    float: left;
    
}
.social{
    text-align: center;
    font-size: 20px;
    width: 45px;
    color: #9a9a9a;
    border-left: 1px solid #9a9a9a;
    padding: 9.5px;
    float: left;
    transition: 0.8s;
}
.social:hover{
    color: #f57e57;
}
.footer-social{
    font-size: 22px;
    padding: 15px;
    width: 55px;
    color: #fff;
    border-left:1px solid #4e1500;
    transition: 0.8s;
}
.footer-social:hover{
    color: #4e1500;
    
}
.last-child{
    border-right:1px solid #4e1500;
}
.search-btn{
    padding: 0;
    background: #C51720;
    border-radius: 0;
    float: right;
    padding: 4.5px;
}

.search-box{
    width: 75%;
    background: none;
    float: right;
    border: none;
    
    color: #9a9a9a;
    padding: 15px 0;
    font-size: 14px;
    padding-left: 11px;
    font-family: 'open_sansregular';
}
.header-bottom{
    background: url('images/hbg.png');
    padding: 13px 0;
    border-top: 5px solid #3b4449;
}


.menu{
	 background: #fff;
	 
}
ul.top-menu{
    text-transform:uppercase;
    text-decoration:none;
    list-style: none;
    margin: 0;
    padding: 15px 0;
   
}
ul.top-menu li.items{
    list-style: none;
    display: inline;
    list-style: none;
    text-decoration:none;
    padding: 10px;
}

ul.top-menu li a{
    list-style: none;
    
    font-family: 'Acme', sans-serif;
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
    transition: 0.7s;
    padding: 20px 10px;
	
	
}
ul.top-menu li a:hover{
    color: #fff;
    background: #004b8a;
	
	
	
	
    
}
.sub-menu{
    display: none;
    top: 42px;
    background: #FFA61A;
}

.dropdown-menu li.sub-menu-items{
    padding: 0 !important;
}
.dropdown-menu li.sub-menu-items a{
    padding: 5px 10px !important;
    
}
.dropdown-menu li.sub-menu-items a:hover{
    background: #2b353b !important;
}
.sub-menu li a{
    padding: 0 !important;
    
}

p.heading{
    text-align: center;
    color: #fff;
    font-family: 'abelregular';
    font-weight: bold;
    font-size: 22px;
    padding: 10px 0;
    text-transform: uppercase;
    background: #2b353b;
    text-align: left;
    padding-left: 15px;
}
.product-cat:hover ul.sub-menu{
    display: block;
}
#google_translate_element{
    float: right;
    margin-top: 35px;
}
.fa-user{
    font-size: 90px;
    color: #fff;
    margin: 20px 0;
}
.cart a{
    float: right;
    color: #FFA61A;
    padding: 30px 0;
}
.cart a:hover{
    color: #fff;
}


#form2 input[type="text"]{
	font:bold;
	height:38px;
	width:200px;
	}



        
        
        @media screen and (max-width: 450px){
            .container{
                width: 100%;
            }
            .search-box{
                width: 84%;
            }
            #categories{
                display: none;
            }
            .about_us{
                background: #000 !important;
            }
            #keyword1{
                width: 65%;
                float: left;
            }
            .subscribebtn{
                float: right;
                width: 30%;
            }
            .subscrib{
                display: none;
            }
            .text-right{
                text-align: center;
            }
            .top-menu{
                display: none;
                padding: 0 !important;
            }
            ul.top-menu li.items a{
                list-style: none;
                display: block;
                list-style: none;
                color: #000;
                text-align: center;
                text-decoration:none;
                padding: 0 !important;
    
            }
            .navbar-toggle{
                color: #fff;
                font-size: 16px;
                background: #f57e57;
            }
            ul.top-menu li.items a:hover{
                background: none;
                color: #f57e57;
            }
            .socialls{
                display: none;
            }
            .text-right{
                float: left;
            }
            .logo{
                width: 80%;
            }
            .navbar-toggle{
                margin: 0;
                margin-top: 20px;
            }
            .about-gallery{
                display: none;
            }
            label{
                width: 30%;
            }
            .form-field{
                width: 70%;
            }
            
        }
        @media screen and (max-width: 880px){
            .container{
                width: 100%;
            }
            #keyword1{
                width: 77%;
                float: left;
            }
            .subscribebtn{
                float: right;
                width: 20%;
            }
            ul.top-menu li a{
                padding: 37px 2px;
            }
        }