.mt-5 { margin-top:5px}
a {

    color: #333;

}

ul, li, p, span, h1, h2, h3, h4, h5, h6 {

    margin: 0;

    padding: 0;

}
.topbar_wrap { overflow:hidden; clear:both}
/*-----------Hotline------------*/
.phone-icon {color: #fff;margin: -3px auto;}
.fixed-phone-btn {color:#fff;height: 40px;width: 40px;position: fixed;bottom:55px;left:3px; z-index: 99999;padding: 9px;border-radius: 50%;background: #0078CA;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);}
.fixed-phone-btn:before, .fixed-phone-btn:after{content:'';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 1px solid #0078CA;}
.hotline-background {position: fixed;font-size: 20px;font-weight: bold;padding: 8px 0px 1px 47px;bottom: 55px;left:3px;height: 40px;width: 199px;background-color: #0078CA;border-radius: 40px;color: #fff;z-index: 88888;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);}
a.hotline-background:hover {color: #fff;}
.fixed-phone-btn:before {animation: ripple 2s linear infinite;-webkit-animation: ripple 2s linear infinite;-moz-animation: ripple 2s linear infinite;}
.fixed-phone-btn:after {animation: ripple 2s linear 1s infinite;-webkit-animation: ripple 2s linear 1s infinite;-moz-animation: ripple 2s linear 1s infinite;}
@keyframes ripple{0% {transform:scale(1); }75% {transform:scale(1.75); opacity:1;}100% {transform:scale(2); opacity:0;}}
@-webkit-keyframes ripple{0% {-webkit-transform:scale(1); }75% {-webkit-transform:scale(1.75); opacity:1;}100% {-webkit-transform:scale(2); opacity:0;}}
@-moz-keyframes ripple{0% {-moz-transform:scale(1); }75% {-moz-transform:scale(1.75); opacity:1;}100% {-moz-transform:scale(2); opacity:0;}}
@-moz-keyframes ripple{0% {-o-transform:scale(1); }75% {-o-transform:scale(1.75); opacity:1;}100% {-o-transform:scale(2); opacity:0;}}


/*---------------Popup-----------------*/
.popup .image a { text-decoration:none}
.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background-color:rgba(0,0,0,.8);}
	.popup-content{position:fixed;top:50%;left:50%;margin-left:-400px;margin-top:-300px;width:800px;height:500px;z-index:99999;}
	.popup-content .close{    
		   	position: absolute;
			right: 5px;
			cursor: pointer;
			bottom: -2px;
			color: #fff !important;
			font-size: 15px !important;
			opacity:1 !important;
			text-shadow: none !important}
	.popup-content .close .fa{   
	 margin: 0;
    font-size: 18px;
    color: #fff;
    line-height: 28px;}
	.title-pp{font-size: 20px;color: #fff;}
	.popup-content .image 
		{width: 800px;
		height: 500px;
		background: #CECECE;
		padding:1px}
    .popup-content .post-content {
		    line-height: 18px;
    color: #fff;
    height: 495px;
    overflow: auto;
    background: #105BAB;
    padding: 10px;
    border-top: 2px solid #CA1907;
    border-left: 2px solid #CA1907;
    border-right: 2px solid #CA1907;
    border-bottom: 20px solid #ca1907;
    margin: 2px;
	 padding:50px}
	



ul{ list-style-type:none}

/*-----------------Banner-------------*/
.top-banner
{
    /* background: #0084C1; */
    background: linear-gradient(#feeecb, #cc9f39);
    border-bottom: 2px solid #FED883;
    position: relative;
    height: 212px;
}
.top-banner .nav_top {     
	margin: 15px 0;}
.top-banner .nav_top .img_logo { width:100%}
.title_logo {
	color: #0078ca;
    font-weight: bold;
    margin: 0;
    margin-bottom: 2px;
    font-size: 26px;
    margin-top: 20px;
    line-height: 30px;
}
.topbar_wrap .col-lg-9 { display:inline-flex}
.topbar {
    background: #fff;
    color: #000;
    height: 40px;
    line-height: 40px;
}
.topbar a{ color:#000; font-weight:bold}
.topbar li {
    position: relative;
    padding: 0 2px;
}
.wrap_header_top {
    position: relative;
    height: auto;
    width: 100%;
}
.header_top {
    margin-bottom: 15px;
}
.logo_top
{
	padding-top:19px
}
.inline_contact.a_inline {
    padding: 0px 15px;
    margin-left: 30px;
}
.inline_contact.b_inline {
    padding: 0px 15px;
}
.inline_contact.c_inline {
    padding: 0px 15px;
	float:right !important;
	padding-top:32px;
}
.header_top .topbar_wrap .head_content .logo_top {
    height: 115px;
    text-align: center;
    margin: 0 auto;
    float: left;
}
.header_top .topbar_wrap .head_content .logo_top a {
    display: block;
    line-height: 115px;
}
.logo_top img { width:100%}
.inline_contact {
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
	margin-left:60px;
	margin-top:25px;
}
.wrap_s {
    height: 115px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wrap_s .icon_ {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 26px;
    display: inline-block;
    float: left;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 0px 5px 0px rgba(89,134,0,0.05);
    -o-box-shadow: 0px 0px 5px 0px rgba(89,134,0,0.05);
    -moz-box-shadow: 0px 0px 5px 0px rgba(89,134,0,0.05);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(89,134,0,0.05);
	margin-top:25px;
}
.wrap_s:hover .icon_ .fa {
    color: #fff;
}
.wrap_s .icon_ .fa {
    color: #333;
	line-height:55px;
	margin:0
}
.wrap_s .content_s {
    display: inline-block;
    float: left;
    padding-left: 15px;
    max-width: 255px;
}
.wrap_s .content_s .bold_ {
    font-size: 14px;
    margin: 0px;
    color: #000;
    padding: 0px;
    text-transform: uppercase;
	font-weight:bold;
	margin-bottom:3px;
}
.wrap_s .content_s span, .wrap_s .content_s a {
    font-size: 13px;
    color: #333;
	letter-spacing:0.5px;
}
.input-group .input-group-field {
    height: 25px;
    margin-bottom: 0;
    border: 1px solid #e1e1e1;
    padding: 0 20px;
    width: 100%;
    max-width: 100%;
    display: block;
    outline: none;
}
.header_search .input-group {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    display: table;
    border-collapse: separate;
}
.header_search, .right_banner{
    display: inline-block;
	margin-top:11px
}
.right_banner 
{ margin-top:0; vertical-align: middle; margin-right:15px}
.right_banner a{ color:#fff; text-decoration:none }
.header_search .input-group-btn {
    position: absolute;
    right: 3px;
    top: 0;
    width: 25px;
}	
.personal_home { margin-top:-15px}
.input-group .input-group-field:last-child, .input-group .input-group-btn:last-child>.btn, .input-group .input-group-btn:last-child>input[type="submit"] {
    border-radius: 0;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-left: 1px;
}
.icon-fallback-text {
    height: 25px;
	padding:5px !important
}
_menu_wrap 
{
	background: #105BAB;
}
.nav_menu {     
	background: linear-gradient(#66aee0, #1b74b3);
    border-bottom: 2px solid #0066FF;}
.menu_wrap ul { margin:0; padding:0	}
.menu_wrap ul li {
    display: inline-block;
    position: relative;
    z-index: 3;
}
@media(max-width:768px){.top-banner .nav_top .img_logo { width:100% !important}}
.menu_wrap { margin-top:5px;     background: #B80002;}
_menu_wrap ul li a:first-child{    padding: 15px 48px 11px 0;}
.menu_wrap ul li a {
	margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    display: block;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    transition: all 0.25s ease-out 0s;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 41px;
}
.sub-child {
    position: absolute;
    top: 80px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
    -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
    min-width: 258px;
    text-align: left;
    visibility: hidden;
    left: -1px;
	    box-shadow: 0 0 15px -5px rgba(0,0,0,0.4);
		    background: #008CCD;
}
.sub-child li {
	float: none;
	position: relative;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	padding:0 !important;	
}
.sub-child li a {
    transition: color 0.2s ease 0s;
    border: none !important;
    font-size: 12px !important;
    outline: 0;
    position: relative;
    padding: 12px 15px !important;
}
.sub-child>li a:hover, .menu_wrap ul li a:hover
{
    background: #0081c1;
}
.menu_wrap ul li:hover ul {
    opacity: 1;
    top: 36px;
    z-index: 100;
    visibility: inherit;
}
.sub-child-child
{
	position:absolute;
	left:100%;
	min-width:200px;
    top: 0px !important;
    left: 100%;
    margin-left: 2px;
	    list-style: none;
    padding: 0px;
    margin: 0px;
	display:none;
	    background: #008CCD;
}
.sub-child li:hover .sub-child-child
{
	display:block
}
/*----------Mobile------------*/

@media (max-width: 767px) {

    .home.option2 .header{position:relative;}

    .slide9 .item-slide {

     background-size: cover;

        max-height: 245px;

    }

    .option2 .top-header{padding:0;text-align: center;border-bottom: 1px solid #eee;}

    .option2 .top-header a{border-right:none;}

    .option2 .header{height:auto;}

    .option2 .product-featured .product-list li{min-height:inherit;}

    .top-header .dropdown{display:block;}

     .option2 .top-header .currency {float:none;}

     .dropdown-menu{min-width:inherit;}

     .option2 #main-menu .navbar-collapse{z-index:3;}

     .option2 .form-search .form-search-inner{border:1px solid #eaeaea;}

     .option2 .form-search  .form-inline{padding-left:5px;}

}

@media (max-width: 768px){

.option2 .top-header .top-bar-social {

    display: none;

    width: 0;

	

}
.logo_top { padding-top:0}
.option2 .main-header .logo {

    margin-top: 0;

    position: absolute;

	text-align: center;

}

.option2 .main-header .logo img {

    height: auto;

    margin-top: 0;

    background: rgba(255, 255, 255, 0.91);

    padding: 5px;

    border-radius: 10px;

}

.option2 .mini-cart, .option2 .form-search { margin-top: 5px;}

.option2 .form-search .icon, .option2 .mini-cart .icon {background-color: transparent;}

.option2 #main-menu {

    background: #517622;
    padding: 0 15px;

}

#main-menu .navbar-collapse {


    background: #eee;

}



.option2 #main-menu .navbar-header {

    background: transparent;

    font-size: 18px;

    margin-top: 3px;

    margin-left: 0;

}
.topbar-mobile.hidden-lg.hidden-md {
    color: #fff;
    line-height: 40px;
    background: #80bb35;
    font-size: 15px;
}
.topbar-mobile.hidden-lg.hidden-md a{ color:#fff}
#main-menu .navbar-header .navbar-brand {

    padding: 0;

    padding-right: 10px;

    line-height: 40px;

    color: #fff;

    font-size: 18px;

    text-transform: uppercase;

    float: left;

}

.option2 #main-menu .navbar {

    position: static;

}

#main-menu .navbar {

    border: none;

    margin: 0;

    background: none;

}

#main-menu .container-fluid {

    padding: 0;

}

#main-menu .navbar-header .fa {

    line-height: inherit;

    color: #fff;

}

#main-menu .navbar-header .navbar-toggle {

    border: none;

    padding: 0;

	    background-color: transparent;

}

.option2 .main-header {

    padding: 0 10px;

}

.option2 #main-menu .navbar-collapse {

}

.option2 #main-menu .navbar-collapse {

    z-index:999;
	background:#fff

}

#main-menu .navbar-collapse.in {

    overflow-y: inherit;

}
.navbar-default .navbar-nav>li>a { font-size:16px}

#main-menu .navbar-collapse {

    background: #eee;

}

.option2 .form-search .form-search-inner {

    min-width: 246px;

}

.option2 .form-search .form-search-inner {

    border: 1px solid #eaeaea;

}

.option2 .form-search .form-search-inner {

    position: absolute;

    right: 5px;

    top: 0;

    z-index: 10;

}

.option2 .form-search .form-inline {

    padding-left: 5px;

	    background: #fff;

    padding: 8px 0;

    width: 100%;

}

.option2 .form-search .input-serach {

    font-size: 12px;

    display: table-cell;

    width: 100%;

}

.option2 .form-search .input-serach input {

    padding: 3px 10px;

	width: 100%;

	border:none;

	outline:none

}

.option2 .form-search .btn-search {

    width: 40px;

    height: 42px;

    display: inline-block;

    background-color: #333333;

    color: #fff;

    text-align: center;

    line-height: 40px;

    position: absolute;

    right: 0;

    top: -2px;

}

.option2 .form-search .btn-search i

{

	position:relative;

	top:0px

}



}





/*-----------------Footer------------------*/

#footer .footer-top {

    padding: 0;
    border-top: 5px solid #ff0909;
    background: linear-gradient(#ff6d6d, #B80002);
    border-bottom: 2px solid #ff0000;

}

#introduce-box {

    margin-top: 15px;

    margin-bottom: 15px;
	color:#fff

}

#address-list {

    margin-top: 0px;

}

.contact2-address h2 { margin:0 ; padding:0; font-size:20px}

#footer-menu-box {

    padding-top: 10px;

    margin-bottom: 5px;

    color: #333;

    border-top: 1px solid #eee;

}

#footer-menu-box span {

    line-height: 30px;
	color:#dfdede

}
#footer-menu-box span a { font-weight:bold; color:#fff}

.text-left {

    text-align: left;

}

#footer .footer-social li {

    display: inline;

    float: left;

}

#footer .footer-social li > a {

    color: #fff;

    width: 32px;

    height: 32px;

    background: #415a99;

    float: left;

    text-align: center;

    line-height: 32px;

    margin-left: 5px;

    border-radius: 50%;

}

#footer .footer-social li > a:hover {

    opacity: 0.8;

}

#footer .footer-social li > a .fa {

  	line-height: inherit;

    position: relative;

    left: 3px;

}

#footer .footer-social li > a.google-plus {

    background: #da4735;

}

#footer .footer-social li > a.twitter {

    background: #00caff;

}

#footer .footer-social li > a.rss {

    background: #5b7fa6;

}

/*Chat face*/

#ff_cfacebook {

    position: fixed;

    bottom: 0;

    right: 10px;

    z-index: 9999;

    width: 265px;

    height: auto;

    box-shadow: 2px 2px 2px 4px rgba(0,0,0,0.2);

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    overflow: hidden;

}



    #ff_cfacebook .fchat {

        float: left;

        width: 100%;

        height: auto;

        overflow: hidden;

        display: none;

        background-color: #fff;

    }



#cfacebook .fchat .fb-page {

    margin-top: 0;

    float: left;

}



#ff_cfacebook a.chat_fb {

    float: left;

    padding: 0 15px;

    width: 300px;

    color: #fff;

    text-decoration: none;

    height: 36px;

    line-height: 40px;

    text-shadow: 0 1px 0 rgba(0,0,0,0.1);

    background-repeat: repeat-x;

    background-size: auto;

    background-position: 0 0;

    background-color: #3a5795;

    border: 0;

    border-bottom: 1px solid #133783;

    z-index: 9999999;

    margin-right: 12px;

    font-size: 16px;

}



    #ff_cfacebook a.chat_fb:hover {

        color: yellow;

        text-decoration: none;

    }

	.scroll_top{

    width: 34px;

    height: 34px;

    position: fixed;

    display: none;

    font-size: 0;

    z-index: 9999;

    right: 10px;

    bottom: 30px;

    background:#0993f1;

    display: none;

}

.option2 .scroll_top:hover {

    background: #85ceff;

	text-decoration:none

}

.scroll_top:before {

    content: "\f106";

    font-family: "FontAwesome";

    font-size: 14px;

    color: #fff;

    text-align: center;

    width: 34px;

    height: 34px;

    line-height: 34px;

    display: block;

}
.right {

    float: right !important;

}

.mt-5{ margin-top:5px}

.mb-5{ margin-bottom:5px} 

.mt-10{ margin-top:10px}

.mb-10{ margin-bottom:10px} 

.mt-15{ margin-top:15px}

.mb-15{ margin-bottom:15px} 

.mt-20{ margin-top:20px}

.mb-20{ margin-bottom:20px} 

.mt-30{ margin-top:30px}

.mb-30{ margin-bottom:30px} 

.bold {

    font-weight: 700;

}

@media (max-width: 768px){

.navbar-default .navbar-nav>li>a { color:#80bb35 !important}
#main-menu .navbar .navbar-nav>li {

    border-bottom: 1px solid #80bb35;

}

.top-banner { height:auto	}
#main-menu .mega_dropdown .block-container .link_container {

    margin-bottom: 10px;

}

#main-menu .dropdown-menu .block-container .group_header>a {

    border-color: #ff6633;

}

.navbar-nav .open .dropdown-menu

{

	background:#fff

}

.top-header .support-link{ float:inherit}

#header .navbar-collapse

{

	max-height: 895px;

}

}
#address-list h4 { font-size:14px; line-height:20px}