/*-----------------------------------------------------------------------------------

    CSS INDEX
    =========================================
    01. header css here
    02. slider area css here
    03. product section css here
    04. banner section css here 
    05. blog area css here
    06. newsletter area css here
    07. footer area css here
    08. shop page css here
    09. error page css heer 
    10. about page css here
    11. blog page css here 
    12. blog details css here
    13. cart page css here
    14. checkout page css here
    15. contact page css here
    16. faq page css here
    17. login page css here
    18. my account css here
    19. portfolio page css here
    20. services page css here
    21. shipping css here
    22. wishlist css here
    23. newsletter popup css here
    24. modal css here
-----------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");
* { box-sizing: border-box; }
/* transition */
/* flex */
/* transform */
/* opacity */
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*, *::after, *::before { box-sizing: border-box; }
html, body { height: 100%; }
body { line-height: 24px; font-size: 14px; font-style: normal; font-weight: 400; visibility: visible; font-family: "Open Sans", sans-serif; color: #232323; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin-top: 0; font-family: "Open Sans", sans-serif; color: #1e1e1f; }
h1 { font-size: 48px; line-height: 1; font-weight: 700; }
h2 { font-size: 36px; line-height: 36px; }
h3 { font-size: 30px; line-height: 30px; }
h4 { font-size: 16px; line-height: 19px; font-weight: 700; }
h5 { font-size: 14px; line-height: 18px; }
h6 { font-size: 12px; line-height: 14px; }
p:last-child { margin-bottom: 0; }
a, button { color: inherit; line-height: inherit; text-decoration: none; cursor: pointer; }
a, button, img, input, span { transition: all 0.3s ease 0s; }
*:focus { outline: none !important; }
a:focus { color: inherit; outline: none; text-decoration: none; }
a:hover { text-decoration: none; }
button, input[type="submit"] { cursor: pointer; }
img { max-width: 100%; height: auto; }
ul { list-style: outside none none; margin: 0; padding: 0; }
figure { padding: 0; margin: 0; }
/*-- 
    - Common Classes
-----------------------------------------*/
.fix { overflow: hidden; }
.hidden { display: none; }
.clear { clear: both; }
.container { max-width: 1200px; }
 @media only screen and (max-width: 767px) {
.container { max-width: 576px; }
}
@media only screen and (max-width: 479px) {
.container { width: 100%; }
}
.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
 .no-gutters > .col, .no-gutters > [class*="col-"] {
 padding-right: 0;
 padding-left: 0;
 margin: 0;
}
/*-- 
    - Background color
-----------------------------------------*/
.bg-white { background-color: #ffffff; }
.bg-light-grey { background-color: #f6fafb; }
.bg-grey { background-color: #f8f8f8; }
.bluewood-bg { background: #354b65; }
/*- Overlay Color BG -*/
.bluewood-bg-overlay { position: relative; }
.bluewood-bg-overlay::before { background: rgba(70, 90, 112, 0.9); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.overly-bg-black { position: relative; }
.overly-bg-black::after { background: rgba(0, 0, 0, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/*-- 
    - color
-----------------------------------------*/
/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 input::-moz-placeholder, textarea::-moz-placeholder {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp { background: #febc8b none repeat scroll 0 0; bottom: 85px; color: #ffffff; cursor: pointer; display: none; font-size: 20px; height: 45px; line-height: 39px; position: fixed; right: 12px; text-align: center; width: 45px; z-index: 9999; border-radius: 50%; border: 2px solid #fff; -webkit-transition: .3s; transition: .3s; }
#scrollUp:hover i { animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; }
/*-- 
    - Main Wrapper
-----------------------------------------*/
.main-wrapper.header-transparent { padding: 0 !important; margin: 0 !important; }
.mt-23 { margin-top: 23px; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-57 { margin-top: 57px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-100 { margin-top: 100px; }
.mb-15 { margin-bottom: 15px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-57 { margin-bottom: 57px; }
.mb-60 { margin-bottom: 60px; }
.mb-64 { margin-bottom: 64px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-77 { margin-bottom: 77px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-92 { margin-bottom: 92px; }
.mb-95 { margin-bottom: 95px; }
.mb-98 { margin-bottom: 98px; }
.mb-100 { margin-bottom: 100px; }
/* 02. Element */



.button { background: #febc8b; box-shadow: none; color: #ffffff; display: inline-block; height: 45px; line-height: 45px; padding: 0 22px; text-transform: uppercase; font-size: 13px; border-radius: 3px; }
/* 2. Home 1 Header css here */
/* 01. header css here */







.offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand { transform: rotate(180deg); }
.offcanvas_main_menu > li ul li.menu-item-has-children.menu-open span.menu-expand { transform: rotate(180deg); }
.offcanvas_main_menu li { position: relative; }
.offcanvas_main_menu li:last-child { margin: 0; }
.offcanvas_main_menu li span.menu-expand { position: absolute; right: 0; }
.offcanvas_main_menu li a { font-size: 14px; font-weight: 400; text-transform: capitalize; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ededed; }
.offcanvas_main_menu li a:hover { color: #febc8b; }
.offcanvas_main_menu li ul.sub-menu { padding-left: 20px; }
.offcanvas_footer { margin-top: 50px; padding-bottom: 50px; text-align: center; }
.offcanvas_footer span a { font-size: 14px; }
.offcanvas_footer span a:hover { color: #febc8b; }
.slinky-theme-default a:not(.back) { padding: 10px 0; text-transform: capitalize; font-size: 16px; font-weight: 400; }
.slinky-theme-default a:not(.back):hover { background: inherit; color: #febc8b; }
.canvas_close { position: absolute; top: 10px; right: 13px; }
.canvas_close a { font-size: 18px; text-transform: uppercase; font-weight: 500; width: 32px; height: 32px; display: block; text-align: center; line-height: 32px; border: 1px solid #ededed; border-radius: 50%; }
.canvas_close a:hover { background: #febc8b; border-color: #febc8b; color: #fff; }
.canvas_open { display: none; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.canvas_open { display: block; }
}
@media only screen and (max-width: 767px) {
.canvas_open { right: 20px; top: 27px; display: block; width: 36px; }
}
.canvas_open a { font-size: 27px; width: 41px; height: 37px; display: block; line-height: 37px; text-align: center; border: 1px solid #000;  }
@media only screen and (max-width: 767px) {
.canvas_open a { width: 36px; height: 34px; line-height: 33px; font-size: 27px;color: #000; }
}
.canvas_open a:hover { color: #fe3737; border-color: #fe3737; }
.sticky-header.sticky { position: fixed; z-index: 99; width: 100%; top: 0; background: rgba(255, 255, 255, 0.9); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 900ms; animation-duration: 900ms; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1); -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-play-state: running; animation-play-state: running; border-bottom: 0; display: block; left: 0; right: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sticky-header.sticky { position: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; -webkit-animation-name: inherit; animation-name: inherit; padding: 0; background: inherit; opacity: inherit; }
}
@media only screen and (max-width: 767px) {
.sticky-header.sticky { position: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; -webkit-animation-name: inherit; animation-name: inherit; padding: 0; background: inherit; opacity: inherit; }
}
/*header css heer*/
.header_top { border-bottom: 1px solid #eee; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_top { padding: 18px 0 20px; }
}
@media only screen and (max-width: 767px) {
.header_top { padding: 18px 0 20px; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.header_contact_us { text-align: center; margin-bottom: 15px; }
}
@media only screen and (max-width: 767px) {
.header_contact_us { text-align: center; margin-bottom: 15px; }
}
.header_contact_us ul li { display: inline-block; margin-right: 15px; }
.header_contact_us ul li:last-child { margin-right: 0; }
@media only screen and (max-width: 575px) {
.header_contact_us ul li { display: block; margin-right: 0; }
}
.header_contact_us ul li span i { margin-right: 3px; }
.header_contact_us ul li a { font-size: 12px; }
.header_contact_us ul li a:hover { color: #febc8b; }
.header_account_area { text-align: right; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_account_area { text-align: center; }
}
@media only screen and (max-width: 767px) {
.header_account_area { text-align: center; }
}
.header_account_area > ul > li { display: inline-block; position: relative; padding: 0 12px; border-left: 1px solid #eee; }
.header_account_area > ul > li:last-child { border-right: 1px solid #eee; }
.header_account_area > ul > li:hover > a { color: #febc8b; }
@media only screen and (max-width: 575px) {
.header_account_area > ul > li { padding: 0 3px; }
}
.header_account_area > ul > li > a { font-size: 12px; line-height: 40px; text-transform: uppercase; display: inline-block; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_account_area > ul > li > a { line-height: 24px; }
}
@media only screen and (max-width: 767px) {
.header_account_area > ul > li > a { line-height: 24px; }
}
.language_currency:hover ul.dropdown_currency, .language_currency:hover ul.dropdown_language { visibility: visible; max-height: 200px; }
.language_currency > ul > li:hover a:not([href]):not([tabindex]) { color: #febc8b; }
.dropdown_currency, .dropdown_language { position: absolute; background: #fff; border: 1px solid #ededed; padding: 10px 20px; min-width: 150px; text-align: left; top: 100%; right: 0; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; z-index: 9999; border-radius: 3px; visibility: hidden; max-height: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dropdown_currency, .dropdown_language { padding: 10px 12px; min-width: 115px; }
}
@media only screen and (max-width: 767px) {
.dropdown_currency, .dropdown_language { padding: 10px 12px; min-width: 115px; top: 44px; }
}
.dropdown_currency li a, .dropdown_language li a { text-transform: capitalize; display: block; font-size: 13px; white-space: nowrap; line-height: 28px; color: #232323; }
.dropdown_currency li a:hover, .dropdown_language li a:hover { color: #febc8b; }
.header_middle { padding: 30px 0; }
@media only screen and (max-width: 767px) {
.header_middle { padding: 10px 0; }
}
.header_middle .col-lg-4.col-md-4.col-3.col_canvas { display: none; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_middle .col-lg-4.col-md-4.col-3.col_canvas { display: block; }
}
@media only screen and (max-width: 767px) {
.header_middle .col-lg-4.col-md-4.col-3.col_canvas { display: block; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_middle .col-lg-4.col_search { display: none; }
}
@media only screen and (max-width: 767px) {
.header_middle .col-lg-4.col_search { display: none; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.logo { padding-left: 35px; }
}
@media only screen and (max-width: 767px) {
.logo { padding-left: 20px; text-align: center; }
}
@media only screen and (max-width: 575px) {
.logo { padding-left: 0; text-align: center; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.header_search_box { display: none; }
}
@media only screen and (max-width: 767px) {
.header_search_box { display: none; }
}
.header_search_box form { position: relative; width: 100%; border: 1px solid #eee; background: #fbfbfb; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_search_box form { width: 100%; margin-bottom: 25px; }
}
@media only screen and (max-width: 767px) {
.header_search_box form { width: 100%; margin-bottom: 25px; }
}
.header_search_box form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #232323;
}
.header_search_box form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #232323;
}
.header_search_box form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #232323;
}
.header_search_box form input:-moz-placeholder {
  /* Firefox 18- */
  color: #232323;
}
.header_search_box form input { font-size: 13px; border: 0; background: inherit; width: 100%; height: 36px; line-height: 36px; padding: 0 43px 0 13px; }
.header_search_box form button { position: absolute; top: 0; right: 0; height: 100%; border: 0; background: inherit; font-size: 17px; padding: 0; width: 36px; text-align: center; }
.header_search_box form button:hover { color: #febc8b; }
.cart_wishlist_area { display: flex; justify-content: flex-end; font-size: 12px }
.cart_wishlist_area a { margin: 0 1px; }
.header_wishlist { margin-right: 20px; }
.header_wishlist a { font-size: 23px; position: relative; }
.header_wishlist a:hover { color: #febc8b; }
.header_wishlist a span.item_count { position: absolute; top: -5px; left: 17px; width: 17px; height: 17px; line-height: 17px; background: #999; color: #fff; border-radius: 50%; display: inline-block; text-align: center; font-size: 11px; }
.mini_cart_wrapper > a { font-size: 13px; text-transform: uppercase; position: relative; }
.mini_cart_wrapper > a i { font-size: 23px; margin-right: 5px; }
.mini_cart_wrapper > a:hover { color: #febc8b; }
@media only screen and (max-width: 575px) {
.mini_cart_wrapper > a span.cartitems { display: none; }
}
.mini_cart_wrapper > a span.item_count { position: absolute; top: -13px; left: 17px; width: 17px; height: 17px; line-height: 17px; background: #999; color: #fff; border-radius: 50%; display: inline-block; text-align: center; font-size: 11px; }
/*mini cart css here*/
.cart_close { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ededed; padding-bottom: 10px; }
.cart_text h3 { font-size: 18px; text-transform: capitalize; font-weight: 600; margin-bottom: 0; }
.mini_cart_close > a { font-size: 25px; }
.mini_cart_close > a:hover { color: #febc8b; }
.mini_cart { position: fixed; min-width: 355px; height: 100%; padding: 18px 28px 33px; background: #fff; z-index: 999; right: 0; top: 0; transition: .5s; transform: translateX(100%); }
.mini_cart.active { transform: translateX(0); transition: .5s; }
@media only screen and (max-width: 767px) {
.mini_cart { min-width: 300px; height: 100%; padding: 18px 18px 33px; }
}
.cart_img { width: 95px; margin-right: 17px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart_img { width: 70px; }
}
@media only screen and (max-width: 767px) {
.cart_img { width: 70px; }
}
.cart_info { width: 63%; }
.cart_info a { font-weight: 400; font-size: 15px; line-height: 20px; display: block; margin-bottom: 6px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart_info a { font-size: 13px; }
}
@media only screen and (max-width: 767px) {
.cart_info a { font-size: 13px; }
}
.cart_info a:hover { color: #febc8b; }
.cart_info p { font-size: 12px; }
.cart_info p span { font-weight: 600; }
.cart_remove a { font-size: 18px; display: block; line-height: 20px; text-align: center; }
.cart_remove a:hover { color: #febc8b; }
.cart_item { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #ededed; display: flex; justify-content: space-between; }
.mini_cart_table { padding: 23px 0; }
.cart_total { display: flex; justify-content: space-between; }
.cart_total span { font-size: 14px; font-weight: 400; }
.cart_total span.price { font-weight: 700; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart_total span { font-size: 13px; }
}
@media only screen and (max-width: 767px) {
.cart_total span { font-size: 13px; }
}
.cart_button:first-child { margin-bottom: 15px; }
.cart_button a { text-transform: uppercase; border-radius: 3px; font-size: 12px; font-weight: 500; background: #eef0f1; display: block; text-align: center; line-height: 20px; margin-bottom: 0; padding: 13px 0px 11px; border: 1px solid #ededed; }
.cart_button a:hover { background: #febc8b; border-color: #febc8b; color: #fff; }
.cart_button a.active { background: #febc8b; border-color: #febc8b; color: #fff; }
/*mini cart css end*/
.header_bottom { position: relative; }
.header_bottom::before { position: absolute; content: ""; top: 0; left: 0; right: 0; background: #eee; width: 100%; height: 1px; }
/* 2.4 main menu css here */
.menu_position { position: relative; }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.main_menu { display: none; }
}
@media only screen and (max-width: 767px) {
.main_menu { display: none; }
}
.main_menu nav > ul { display: flex; justify-content: center; }
.main_menu nav > ul > li { position: relative; }
.main_menu nav > ul > li:hover ul.sub_menu { visibility: visible; max-height: 360px; padding: 24px 20px; }
.main_menu nav > ul > li:hover .mega_menu { visibility: visible; max-height: 425px; padding: 25px 30px 30px 30px; }
.main_menu nav > ul > li:hover > a { border-top: 1px solid #222; }
.main_menu nav > ul > li > a { display: block; font-size: 18px; line-height: 57px; color: #1e1e1f; text-transform: uppercase; font-weight: 600; border-top: 1px solid transparent; padding: 0 30px; }
.main_menu nav > ul > li > a i { margin-left: 3px; }
.main_menu nav > ul > li > a.active { border-top: 1px solid #222; }
.main_menu nav > ul > li ul.sub_menu { position: absolute; min-width: 110px; padding: 0 20px; background: #ffffff; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1); max-height: 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; left: 0; right: auto; visibility: hidden; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; z-index: 99; top: 100%; text-align: center; }
.main_menu nav > ul > li ul.sub_menu li a { font-size: 13px; font-weight: 400; display: block; line-height: 32px; text-transform: capitalize; }
.main_menu nav > ul > li ul.sub_menu li a:hover { color: #febc8b; }
.main_menu nav > ul > li.mega_items { position: static; }
.main_menu nav > ul > li .mega_menu { position: absolute; min-width: 100%; padding: 0 30px 0 30px; background: #ffffff; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1); max-height: 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; left: 0; right: auto; visibility: hidden; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; z-index: 99; top: 100%; text-align: left; }
.mega_menu_inner { display: flex; }
.mega_menu_inner > li { width: 25%; padding-left: 5px; }
.mega_menu_inner > li:first-child { padding-left: 0; }
.mega_menu_inner > li.header_banner_menu { width: 100%; margin-top: 15px; overflow: hidden; }
.mega_menu_inner > li.header_banner_menu img { transition: .3s; }
.mega_menu_inner > li.header_banner_menu:hover img { transform: scale(1.05) rotate(0.05deg); }
.mega_menu_inner > li > a { font-size: 13px; line-height: 24px; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: 12px; }
.mega_menu_inner > li > a:hover { color: #febc8b; }
.mega_menu_inner > li > a img { transition: .3s; }
.mega_menu_inner > li > a img:hover { opacity: 0.8; }
.mega_menu_inner > li ul li { display: block; }
.mega_menu_inner > li ul li a { font-size: 13px; font-weight: 400; display: block; line-height: 30px; text-transform: capitalize; }
.mega_menu_inner > li ul li a:hover { color: #febc8b; }
.mega_menu_banner { display: flex; grid-column-gap: 32px; margin-top: 20px; }
.banner_menu_thumb { overflow: hidden; }
.banner_menu_thumb:hover img { transform: scale(1.1); }
.banner_menu_thumb img { transition: .3s; }
/*main menu css end*/
/*home two css here*/
.header_two { background: #1f2527; }
.header_two .header_top { border-bottom: 1px solid #2f3436; }
.header_two .header_bottom { background: #2f3436; }
.header_two .header_bottom::before { display: none; }
.header_two .header_contact_us ul li { color: #999; }
.header_two .header_account_area > ul > li { border-left: 1px solid #2f3436; }
@media only screen and (max-width: 767px) {
.header_two .header_account_area > ul > li { line-height: 19px; }
}
.header_two .header_account_area > ul > li:last-child { border-right: 1px solid #2f3436; }
.header_two .header_account_area > ul > li > a { color: #999; }
@media only screen and (max-width: 767px) {
.header_two .header_account_area > ul > li > a { line-height: 19px; }
}
.header_two .header_account_area > ul > li:hover > a { color: #febc8b; }
.header_two .header_wishlist a { color: #999; }
.header_two .header_wishlist a:hover { color: #febc8b; }
.header_two .mini_cart_wrapper > a { color: #999; }
.header_two .mini_cart_wrapper > a:hover { color: #febc8b; }
.header_two .main_menu nav > ul > li > a { color: #999; }
.header_two .main_menu nav > ul > li > a.active { border-top: 1px solid #999; }
.header_two .main_menu nav > ul > li:hover > a { border-top: 1px solid #999; }
.header_two .canvas_open a { border: 1px solid #999; color: #999; }
.header_two .canvas_open a:hover { color: #febc8b; border-color: #febc8b; }
/*home three css here*/
.header_two.header_3 { background: #222; }
.header_two.header_3 .header_bottom { border-top: 1px solid #2f3436; background: #222; }
/*home four css here*/
.header_four .header_top { padding: 0 30px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_four .header_top { padding: 10px 0 18px; }
}
@media only screen and (max-width: 767px) {
.header_four .header_top { padding: 18px 0 20px; }
}
.header_four .header_middle { padding-left: 30px; padding-right: 30px; }
@media only screen and (max-width: 767px) {
.header_four .header_middle { padding-left: 0; padding-right: 0; }
}
.header_four .header_bottom { background: #d21d00; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_four .header_bottom { display: none; }
}
@media only screen and (max-width: 767px) {
.header_four .header_bottom { display: none; }
}
@media only screen and (max-width: 767px) {
.header_four .logo { padding-left: 0; text-align: center; }
}
.menu_four nav > ul { justify-content: center; }
.menu_four nav > ul > li:hover > a { border-top: inherit; color: #faf208; }
.menu_four nav > ul > li > a { color: #fff; border-top: inherit; }
.menu_four nav > ul > li > a.active { border-top: inherit; color: #faf208; }
/*home five css here*/
.header_five .header_top { background: #a2e5ea; padding: 0 15px; border-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_five .header_top { padding: 18px 15px; }
}
@media only screen and (max-width: 767px) {
.header_five .header_top { padding: 18px 15px; }
}
.header_five .header_middle { background: #fff; padding: 34px 15px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_five .header_middle { padding: 18px 15px; margin-bottom: 10px; }
}
@media only screen and (max-width: 767px) {
.header_five .header_middle { padding: 30px 15px; margin-bottom: 10px; }
}
.header_five .header_bottom { background: #f56363; margin: 10px 0; }
.header_five .header_bottom::before { display: none; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_five .header_bottom { display: none; }
}
@media only screen and (max-width: 767px) {
.header_five .header_bottom { display: none; }
}
@media only screen and (max-width: 575px) {
.header_five .header_account_area > ul > li { border-left: 0; }
.header_five .header_account_area > ul > li:last-child { border-right: 0; }
}
.menu_five nav > ul > li > a { color: #fff; }
.menu_five nav > ul > li > a.active { border-top: 1px solid #fff; }
.menu_five nav > ul > li:hover > a { border-top: 1px solid #fff; }
/* 02. slider area css here */
.single_slider { height: 700px; background-attachment: scroll; background-repeat: no-repeat; background-position: center center; background-size: cover; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.single_slider { height: 600px; background-position: 15%; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_slider { height: 480px; background-position: 6%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_slider { height: 395px; background-position: 0; }
}
@media only screen and (max-width: 767px) {
.single_slider { background-position: 19%; height: 320px; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_section.mb-100 { margin-bottom: 80px; }
}
@media only screen and (max-width: 767px) {
.slider_section.mb-100 { margin-bottom: 60px; }
}
@media only screen and (max-width: 767px) {
.slider_section.mb-70 { margin-bottom: 60px; }
}
.slider_area .owl-nav div { position: absolute; top: 50%; left: 20px; transform: translatey(-50%); font-size: 22px; width: 68px; height: 68px; line-height: 68px; text-align: center; border-radius: 50%; background: rgba(0, 0, 0, 0.1); color: #fff; transition: .3s; }
.slider_area .owl-nav div:hover { background: #febc8b; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_area .owl-nav div { left: 15px; width: 52px; height: 52px; line-height: 52px; }
}
@media only screen and (max-width: 767px) {
.slider_area .owl-nav div { display: none; }
}
.slider_area .owl-nav div.owl-next { right: 20px; left: auto; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_area .owl-nav div.owl-next { right: 15px; }
}
.slider_area .owl-dots { position: absolute; bottom: 10px; left: 50%; transform: translatex(-50%); }
@media only screen and (max-width: 767px) {
.slider_area .owl-dots { bottom: 4px; }
}
.slider_area .owl-dots .owl-dot { width: 17px; height: 17px; border-radius: 50%; display: inline-block; margin: 0 2px; transition: .3s; background: #aaa; border: 3px solid #fff; }
.slider_area .owl-dots .owl-dot.active { background: #222; }
.slider_area .owl-dots .owl-dot:hover { background: #222; }
 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_content { text-align: center; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content { text-align: center }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content { text-align: center }
}
@media only screen and (max-width: 767px) {
.slider_content { text-align: center; padding-left: 0; }
}
.slider_content h1 { font-size: 60px; line-height: 60px; font-weight: 700; text-transform: uppercase; margin-bottom: 0; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_content h1 { font-size: 48px; line-height: 48px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content h1 { font-size: 42px; line-height: 42px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content h1 { font-size: 36px; line-height: 36px; }
}
@media only screen and (max-width: 767px) {
.slider_content h1 { font-size: 24px; line-height: 24px; }
}
.slider_content h2 { font-size: 22px; line-height: 24px; margin-bottom: 11px; font-weight: 400; color: #febc8b; text-transform: uppercase; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content h2 { font-size: 19px; line-height: 20px; margin-bottom: 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content h2 { font-size: 16px; line-height: 20px; margin-bottom: 8px; }
}
@media only screen and (max-width: 767px) {
.slider_content h2 { font-size: 15px; line-height: 19px; margin-bottom: 9px; }
}
.slider_content p { font-size: 17px; line-height: 28px; padding: 23px 0 34px; margin-bottom: 0; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_content p { font-size: 16px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content p { font-size: 16px; line-height: 26px; padding: 22px 0 28px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content p { font-size: 14px; line-height: 24px; padding: 18px 0 25px; }
}
@media only screen and (max-width: 767px) {
.slider_content p { font-size: 13px; line-height: 21px; padding: 15px 0 20px; letter-spacing: 0; }
}
.slider_content a { font-size: 15px; line-height: 24px; padding: 12px 44px; font-weight: 600; text-transform: uppercase; border-radius: 25px; border: 1px solid #232323; border: 1px solid #232323; }
.slider_content a:hover { color: #fff; background: #febc8b; border-color: #febc8b; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content a { padding: 10px 35px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content a { font-size: 13px; line-height: 21px; padding: 8px 25px; }
}
@media only screen and (max-width: 767px) {
.slider_content a { font-size: 12px; line-height: 22px; padding: 7px 27px; }
}
.active .slider_content h1, .active .slider_content h2, .active .slider_content h3, .active .slider_content a, .active .slider_content p, .active .slider_content span { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.active .slider_content h2 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.active .slider_content h3, .active .slider_content span { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.active .slider_content p { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.active .slider_content a { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.slider_content { text-align: center; color: #fff }
.slider_content h1 { color: #fff }
/*home two css here*/
.slider_two .single_slider { height: 700px; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_two .single_slider { height: 600px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_two .single_slider { height: 480px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_two .single_slider { height: 395px; }
}
@media only screen and (max-width: 767px) {
.slider_two .single_slider { height: 320px; }
}
/*home three css here*/
.slider_three .single_slider { height: 644px; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_three .single_slider { height: 600px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_three .single_slider { height: 460px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_three .single_slider { height: 380px; }
}
@media only screen and (max-width: 767px) {
.slider_three .single_slider { height: 310px; background-position: 56%; }
}
.slider_c3_top { text-align: right; }
@media only screen and (max-width: 767px) {
.slider_c3_top { text-align: center; }
}
.slider_c3_top p { max-width: 100%; }
.slider_c3_bottom h1 { color: #fff; }
.slider_c3_bottom p { color: #fff; }
.slider_c3_bottom a { color: #fff; border: 1px solid #fff; }
.slider_c3_bottom a:hover { color: #febc8b; border-color: #febc8b; }
/*home four css here*/
.slider_s_four .single_slider { height: 550px; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_s_four .single_slider { height: 500px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_s_four .single_slider { height: 450px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_s_four .single_slider { height: 300px; }
}
@media only screen and (max-width: 767px) {
.slider_s_four .single_slider { height: 200px; background-position: 0; }
}
/*home five css here*/
.slider_five .single_slider { height: 550px; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_five .single_slider { height: 468px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_five .single_slider { height: 390px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_five .single_slider { height: 350px; }
}
@media only screen and (max-width: 767px) {
.slider_five .single_slider { height: 310px; background-position: 4%; }
}
.slider_c_five { padding-left: 30px; }
/*home six css here*/
.slider_six { margin-bottom: 30px; }
.slider_six .single_slider { height: 470px; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_six .single_slider { height: 468px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_six .single_slider { height: 390px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_six .single_slider { height: 350px; }
}
@media only screen and (max-width: 767px) {
.slider_six .single_slider { height: 310px; background-position: 4%; }
}
.slider_c_six { padding-left: 30px; }
@media only screen and (max-width: 767px) {
.slider_c_six { padding-left: 0; width: 100%; }
}
.slider_c_six h2 { color: #232323; }
.slider_c_six h1 { font-size: 45px; line-height: 45px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_c_six h1 { font-size: 38px; line-height: 38px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_six h1 { font-size: 38px; line-height: 38px; }
}
@media only screen and (max-width: 767px) {
.slider_c_six h1 { font-size: 22px; line-height: 24px; }
}
.slider_c_six a { margin-top: 35px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_six a { margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
.slider_c_six a { margin-top: 23px; }
}
.slider_c_six a:hover { background: #fff; color: #232323; border-color: #fff; }
/*04. banner section css here */
.banner_area { padding-bottom: 50px; }
@media only screen and (max-width: 767px) {
.banner_area { padding-bottom: 15px; }
}
 @media only screen and (max-width: 767px) {
.single_banner { margin-bottom: 30px; }
}
.home_banner_style1 { padding: 50px 0; border: 10px solid #fff; text-align: center; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.home_banner_style1 { padding: 40px 0; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.home_banner_style1 { padding: 26px 0; }
}
@media only screen and (max-width: 767px) {
.home_banner_style1 { padding: 32px 0; }
}
.home_banner_style1.one { background: #fbf0c3; }
.home_banner_style1.two { background: #fedec7; }
.home_banner_style1.three { background: #c8e0e4; }
.home_banner_style1:hover .banner_text_img img { opacity: 0.7; animation: bounceIn 1s linear infinite alternate; animation-duration: 2s; }
.home_banner_style1 h3 { font-size: 25px; text-transform: uppercase; font-weight: 600; line-height: 25px; margin-bottom: 9px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.home_banner_style1 h3 { font-size: 22px; line-height: 23px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.home_banner_style1 h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
}
@media only screen and (max-width: 767px) {
.home_banner_style1 h3 { font-size: 18px; line-height: 20px; margin-bottom: 6px; }
}
.banner_text_img { display: flex; justify-content: center; align-items: center; }
.banner_text_img p { margin-bottom: 0; margin-right: 5px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_text_img img { max-width: 50px; }
}
@media only screen and (max-width: 767px) {
.banner_text_img img { max-width: 50px; }
}
.banner_thumb { position: relative; transition: .3s; overflow: hidden; }
@media only screen and (max-width: 767px) {
.banner_thumb { text-align: center; }
}
.banner_thumb:hover img { transform: scale(1.1); }
.banner_thumb:hover .banner_text1 { opacity: 1; visibility: visible; }
.banner_thumb img { transition: .3s; }
@media only screen and (max-width: 767px) {
.banner_thumb img { width: 100%; }
}
 @media only screen and (max-width: 767px) {
.banner_box_container .col-lg-6.col-md-6 { order: 1; }
}
@media only screen and (max-width: 575px) {
.banner_box_container .col-lg-6.col-md-6 { order: 0; }
}
.banner_box { border: 10px solid #fff; background: #eee; text-align: center; }
@media only screen and (max-width: 767px) {
.banner_box { margin-bottom: 25px; }
}
.banner_box.box1 { padding: 50px 65px; text-align: left; display: flex; align-items: center; overflow: hidden; }
.banner_box.box1:hover .banner_box_img img { animation: bounceInLeft 700ms linear; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner_box.box1 { padding: 40px 50px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_box.box1 { padding: 38px 24px; }
}
@media only screen and (max-width: 767px) {
.banner_box.box1 { padding: 37px 15px; justify-content: center; }
}
.banner_box.box1 .banner_box_img { margin-right: 20px; }
@media only screen and (max-width: 767px) {
.banner_box.box1 .banner_box_img { margin-right: 15px; }
}
@media only screen and (max-width: 767px) {
.banner_box.box1 .banner_box_img img { max-width: 50px; }
}
.banner_box.box1 .banner_box_text h2 { font-size: 26px; line-height: 28px; font-weight: 600; border-bottom: 1px solid #bbb; display: inline-block; letter-spacing: 9px; text-transform: uppercase; margin-bottom: 5px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner_box.box1 .banner_box_text h2 { font-size: 20px; line-height: 28px; letter-spacing: 6px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_box.box1 .banner_box_text h2 { font-size: 18px; line-height: 22px; letter-spacing: 3px; }
}
@media only screen and (max-width: 767px) {
.banner_box.box1 .banner_box_text h2 { font-size: 16px; line-height: 20px; letter-spacing: 2px; }
}
.banner_box.box1 .banner_box_text p { font-size: 15px; line-height: 18px; font-weight: 600; }
@media only screen and (max-width: 767px) {
.banner_box.box1 .banner_box_text p { font-size: 14px; }
}
.banner_box.box2 { padding: 37px 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner_box.box2 { padding: 26px 0; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_box.box2 { padding: 24px 0; }
}
@media only screen and (max-width: 767px) {
.banner_box.box2 { padding: 22px 0; }
}
.banner_box.box2:hover .banner_box_img img { animation: rotateOut 1s infinite linear; }
.banner_box.box2 .banner_box_img { margin-bottom: 9px; }
.banner_box.box2 .banner_box_text h2 { font-size: 16px; line-height: 17px; text-transform: uppercase; font-weight: 600; letter-spacing: 5px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner_box.box2 .banner_box_text h2 { font-size: 14px; line-height: 17px; letter-spacing: 4px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_box.box2 .banner_box_text h2 { font-size: 13px; line-height: 17px; letter-spacing: 2px; }
}
@media only screen and (max-width: 767px) {
.banner_box.box2 .banner_box_text h2 { font-size: 13px; line-height: 17px; letter-spacing: 2px; }
}
.banner_box.box3 { padding: 39px 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner_box.box3 { padding: 30px 0; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_box.box3 { padding: 27px 0; }
}
@media only screen and (max-width: 767px) {
.banner_box.box3 { padding: 26px 0; }
}
.banner_box.box3:hover .banner_box_img img { animation: bounceIn 1s infinite linear; }
.banner_box.box3 .banner_box_img { margin-bottom: 13px; }
.banner_box.box3 .banner_box_text h2 { font-size: 16px; line-height: 17px; text-transform: uppercase; font-weight: 600; letter-spacing: 5px; padding: 0 25px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner_box.box3 .banner_box_text h2 { font-size: 14px; line-height: 17px; letter-spacing: 4px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_box.box3 .banner_box_text h2 { font-size: 13px; line-height: 17px; letter-spacing: 2px; padding: 0 10px; }
}
@media only screen and (max-width: 767px) {
.banner_box.box3 .banner_box_text h2 { font-size: 13px; line-height: 17px; letter-spacing: 2px; padding: 0 18px; }
}
 @media only screen and (max-width: 767px) {
.b_box_area { padding-bottom: 30px; }
}
/*home two css here*/
.b_box2 .banner_box { border: 0; }
.b_box2 .banner_box.box2 { padding: 37px 10px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.b_box2 .banner_box.box2 { padding: 26px 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.b_box2 .banner_box.box2 { padding: 24px 10px; }
}
.b_box2 .banner_box.box3 { padding: 39px 20px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.b_box2 .banner_box.box3 { padding: 30px 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.b_box2 .banner_box.box3 { padding: 27px 10px; }
}
.b_box2 .section_title h2 { background: #fff; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.b_box2 .banner_box.box1 { padding: 50px 48px; }
}

/*home three css here*/
@media only screen and (max-width: 767px) {
.banner_gallery3 { padding-bottom: 46px; }
}
.banner_gallery3 .container { padding-left: 0; padding-right: 0; }
@media only screen and (max-width: 767px) {
.banner_gallery3 .single_banner { margin-bottom: 0; }
}
.banner_text { position: absolute; top: 50%; transform: translatey(-50%); left: 0; right: 0; text-align: center; }
.banner_text h3 { font-size: 20px; text-transform: uppercase; color: #fff; margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_text h3 { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
.banner_text h3 { font-size: 17px; }
}
/*home four css here*/
.home_banner_four { padding-bottom: 60px; }
@media only screen and (max-width: 767px) {
.home_banner_four { padding-bottom: 55px; }
}
@media only screen and (max-width: 767px) {
.home_banner_four .single_banner { margin-bottom: 0; }
}
.home_banner_four .home_banner_style1 { border: 0; padding: 80px 10px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.home_banner_four .home_banner_style1 { padding: 55px 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.home_banner_four .home_banner_style1 { padding: 40px 10px; }
}
@media only screen and (max-width: 767px) {
.home_banner_four .home_banner_style1 { padding: 40px 10px; }
}
.home_banner_four .home_banner_style1:hover img { opacity: 0.7; animation: bounceIn 1s linear infinite alternate; animation-duration: 2s; }
.home_banner_four .home_banner_style1 h3 { font-size: 16px; line-height: 17px; font-weight: 600; margin: 25px 0 15px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.home_banner_four .home_banner_style1 h3 { margin: 22px 0 12px; }
}
@media only screen and (max-width: 767px) {
.home_banner_four .home_banner_style1 h3 { font-size: 15px; margin: 18px 0 12px; }
}
.home_banner_four .home_banner_style1 p { font-size: 13px; line-height: 18px; margin-bottom: 0; padding: 0 30px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.home_banner_four .home_banner_style1 p { line-height: 19px; padding: 0; }
}
@media only screen and (max-width: 767px) {
.home_banner_four .home_banner_style1 p { font-size: 13px; line-height: 19px; padding: 0 14px; }
}
.home_banner_four .home_banner_style1.one { background: #fbe87d; }
.home_banner_four .home_banner_style1.two { background: #ffbbd2; }
.home_banner_four .home_banner_style1.three { background: #6ae6b5; }
/*home five css here*/
.home_banner_five { padding: 60px 0; }
@media only screen and (max-width: 767px) {
.home_banner_five { padding: 60px 0 30px; }
}
.home_banner_five .home_banner_style1 { background: #fbe588; }
.home_banner_five .home_banner_style1:hover .banner_icon img { animation: bounceIn 1s linear infinite alternate; animation-duration: 2s; }
.home_banner_five .banner_icon { display: inline-block; }
@media only screen and (max-width: 767px) {
.home_banner_five .banner_icon { display: block; margin-bottom: 15px; }
}
.home_banner_five .banner_text5 { display: inline-block; vertical-align: middle; padding-left: 10px; text-align: left; }
@media only screen and (max-width: 767px) {
.home_banner_five .banner_text5 { display: block; text-align: center; padding-left: 0; }
}
.b_box5 .section_title { padding: 25px 15px; background: #a2e5ea; }
.b_box5 .section_title::before { display: none; }
.b_box5 .section_title h2 { background: #a2e5ea; }

/*home six css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_sidebar { margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
.banner_sidebar { margin-top: 30px; }
}
.banner_sidebar .single_banner { margin-bottom: 30px; }
.banner_sidebar .single_banner:last-child { margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_sidebar .single_banner { width: 50%; }
}
@media only screen and (max-width: 767px) {
.banner_sidebar .single_banner { width: 50%; }
}
@media only screen and (max-width: 575px) {
.banner_sidebar .single_banner { width: 100%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_sidebar { display: flex; grid-column-gap: 30px; }
}
@media only screen and (max-width: 767px) {
.banner_sidebar { display: flex; grid-column-gap: 30px; }
}
@media only screen and (max-width: 575px) {
.banner_sidebar { flex-direction: column; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_sidebar .banner_thumb img { width: 100%; }
}
@media only screen and (max-width: 767px) {
.banner_sidebar .banner_thumb img { width: 100%; }
}
/* 03. product section css here */
.tab-content > .tab-pane.active { display: block; height: auto; opacity: 1; overflow: visible; }
.tab-content > .tab-pane { display: block; height: 0; opacity: 0; overflow: hidden; }
.home_bg_area { background: #f7f7f7; padding: 60px 0; }
.product_area { margin-bottom: 15px; }
@media only screen and (max-width: 767px) {
.product_area { margin-bottom: 8px; }
}
.section_title { margin-bottom: 30px; position: relative; }
@media only screen and (max-width: 767px) {
.section_title { margin-bottom: 25px; }
}
.section_title::before { content: ""; position: absolute; width: 100%; height: 1px; left: 0; top: 50%; transform: translatey(-50%); background: #e1e1e1; }
.section_title h2 { font-size: 16px; line-height: 28px; font-weight: 600; display: inline-block; margin-bottom: 0; text-transform: uppercase; background: #f7f7f7; padding-right: 15px; z-index: 9; position: relative; }
@media only screen and (max-width: 767px) {
.section_title h2 { font-size: 17px; line-height: 17px; }
}
.product_tab_btn { border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; }
.product_tab_btn ul { justify-content: center; }
@media only screen and (max-width: 575px) {
.product_tab_btn ul { flex-direction: column; text-align: center; }
}
.product_tab_btn ul li a { font-size: 16px; line-height: 21px; font-weight: 600; padding: 10px 20px; display: inline-block; color: #232323; border-bottom: 1px solid transparent; text-transform: uppercase; }
.product_tab_btn ul li a:hover { border-color: #232323; }
.product_tab_btn ul li a.active { border-color: #232323; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_tab_btn ul li a { font-size: 15px; line-height: 20px; padding: 8px 16px; }
}
@media only screen and (max-width: 767px) {
.product_tab_btn ul li a { font-size: 14px; line-height: 22px; padding: 8px 13px; }
}
.single_product { transition: .3s; background: #fff; padding: 10px 10px 0; position: relative; }
.single_product:hover .add_to_cart { opacity: 1; visibility: visible; bottom: -44px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_product:hover .add_to_cart { bottom: -41px; }
}
.single_product:hover .action_links { opacity: 1; visibility: visible; }
.single_product:hover .action_links ul li { transform: scale(1); }
.single_product:hover .product_thumb a.secondary_img { opacity: 1; visibility: visible; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out; }
.product_thumb { position: relative; overflow: hidden; }
.product_thumb a.secondary_img { position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out; }
.product_thumb a img { width: 100%; }
@media only screen and (max-width: 767px) {
.product_thumb a img { width: 100%; }
}
.product_content { padding: 15px 0 17px; text-align: center; }
.product_content h4 { font-size: 15px; line-height: 20px; font-weight: 400; margin-bottom: 4px; }
@media only screen and (max-width: 767px) {
.product_content h4 { font-size: 15px; line-height: 22px; margin-bottom: 9px; }
}
.product_content h4 a:hover { color: #febc8b; }
.price_box { transition: .3s; margin-top: 12px; }
.price_box span { font-size: 15px; font-weight: 500; line-height: 16px; color: #1e1e1f; }
@media only screen and (max-width: 767px) {
.price_box span { font-size: 15px; }
}
.price_box span.old_price { text-decoration: line-through; margin-right: 5px; }
.product_rating ul { display: flex; justify-content: center; }
.product_rating ul li { line-height: 16px; margin-right: 2px; }
.product_rating ul li:last-child { margin-right: 0; }
.product_rating ul li a { font-size: 13px; }
.product_rating ul li a:hover { color: #febc8b; }
.add_to_cart { position: absolute; right: 0; left: 0; text-align: center; opacity: 0; visibility: hidden; transition: .3s; bottom: 0; z-index: 9; }
.add_to_cart a { line-height: 45px; height: 45px; display: inline-block; font-size: 13px; font-weight: 400; text-transform: uppercase; padding: 0 30px; width: 100%; background: #999; color: #fff; }
.add_to_cart a:hover { background: #febc8b; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.add_to_cart a { line-height: 42px; height: 42px; padding: 0 24px; }
}
@media only screen and (max-width: 767px) {
.add_to_cart a { line-height: 42px; height: 42px; padding: 0 20px; }
}
.action_links { transition: all 0.3s ease; position: absolute; right: 0; top: 50%; transform: translatey(-50%); opacity: 0; visibility: hidden; z-index: 9; left: 0; text-align: center; }
.action_links ul li { margin-right: 3px; transform: scale(0.7); transition: .3s; display: inline-block; }
.action_links ul li:last-child { margin-right: 0; }
.action_links ul li a { font-size: 20px; display: inline-block; height: 36px; line-height: 36px; width: 36px; background: #999; color: #fff; }
.action_links ul li a:hover { background: #febc8b; }
.label_product span { position: absolute; }
.label_product span.label_sale { top: 0; right: 0; color: #ffffff; background: #febc8b; font-size: 12px; font-weight: 400; height: 20px; line-height: 20px; padding: 0 7px; text-align: center; display: block; text-transform: uppercase; }
.label_product span.label_new { top: 20px; right: 20px; text-transform: uppercase; color: #ffffff; background: #febc8b; font-size: 12px; height: 22px; line-height: 22px; width: 40px; text-align: center; display: block; border-radius: 5px; }
.product_carousel .owl-stage-outer { padding-bottom: 50px; }
.product_carousel .product_thumb a img { width: 100%; margin: 0 auto; }
@media only screen and (max-width: 767px) {
.product_carousel .product_thumb a img { width: 100%; }
}
.product_carousel .col-lg-3 { flex: 0 0 100%; max-width: 100%; }
.product_carousel .owl-nav { position: absolute; display: flex; right: 15px; top: -40px; background: #f7f7f7; padding-left: 10px; }
.product_carousel .owl-nav div { font-size: 20px; width: 32px; height: 32px; line-height: 32px; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; color: #fff; background: #999; }
.product_carousel .owl-nav div:hover { background: #febc8b; }
.product_carousel .owl-nav div.owl-prev { margin-right: 8px; }
@media only screen and (max-width: 767px) {
.product_carousel .owl-nav div { display: none; }
}
 @media only screen and (max-width: 767px) {
.product_wrapper.top { margin-bottom: 8px; }
}
/*home two css here*/
.home2_bg_area { background: #f7f7f7; }
@media only screen and (max-width: 767px) {
.home2_bg_area { background: #fff; }
}
.home2_bg_area .container { max-width: 1260px; }
.home2_bg_inner { background: #fff; padding: 30px; }
@media only screen and (max-width: 767px) {
.home2_bg_inner { padding: 30px 0 0; }
}
.product_two { margin-bottom: 0; }
.product_two .single_product { padding: 0; }
.product_two .product_carousel .owl-nav { background: #fff; }
.product_two .section_title h2 { background: #fff; }
.product_two .product_two .product_carousel .owl-stage-outer { padding-bottom: 46px; }
/*home three css here*/
.home3_bg_area { background: #333; padding-top: 60px; padding-bottom: 60px; }
.product_three .product_tab_btn { border-bottom: 1px solid #555; }
.product_three .product_tab_btn ul li a { color: #999; }
.product_three .product_tab_btn ul li a:hover { color: #fff; border-color: #fff; }
.product_three .product_tab_btn ul li a.active { color: #fff; border-color: #fff; }
.product_three .product_carousel .owl-nav { background: #333; }
.product_three .section_title h2 { background: #333; color: #999; }
@media only screen and (max-width: 767px) {
.product_three .single_product:hover .add_to_cart { bottom: -41px; }
}
/*home four css here*/
.home_bg_four { padding: 0 0 60px; }
.product_items .single_product { margin-bottom: 50px; }
.product_items .single_product:last-child { margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.product_items .single_product { margin-bottom: 60px; }
}
/*home five css here*/
.home5_bg_area { background: #C4CFCE; }
.product_five .product_tab_btn { border-bottom: 0; padding: 25px 15px; background: #a2e5ea; }
.product_five .product_tab_btn ul { justify-content: flex-start; }
.product_five .product_tab_btn ul li { margin-right: 15px; }
.product_five .product_tab_btn ul li:last-child { margin-right: 0; }
.product_five .product_tab_btn ul li a { padding: 0; }
.product_five .product_carousel .owl-nav { background: #a2e5ea; padding-right: 15px; top: -81px; }
.product_five .product_carousel .owl-nav div { background: #fff; color: #a2e5ea; }
.product_five .product_carousel .owl-nav div:hover { background: #63d2dc; color: #fff; }
.product_five .section_title { padding: 25px 15px; background: #a2e5ea; }
.product_five .section_title::before { display: none; }
.product_five .section_title h2 { background: #a2e5ea; }
/*home six css here*/
.product_six { background: #f7f7f7; padding: 48px 0 12px; margin-bottom: 0; }
/* 05. blog area css here */
.blog_area { margin-bottom: 60px; }
@media only screen and (max-width: 767px) {
.blog_area { margin-bottom: 53px; }
}
.blog_carousel .col-lg-4 { flex: 0 0 100%; max-width: 100%; }
.blog_carousel .owl-nav { position: absolute; display: flex; right: 15px; top: -63px; background: #f7f7f7; padding-left: 10px; }
.blog_carousel .owl-nav div { font-size: 20px; width: 32px; height: 32px; line-height: 32px; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; color: #fff; background: #999; }
.blog_carousel .owl-nav div:hover { background: #febc8b; }
.blog_carousel .owl-nav div.owl-prev { margin-right: 8px; }
@media only screen and (max-width: 767px) {
.blog_carousel .owl-nav div { display: none; }
}
.blog_thumb { overflow: hidden; }
.blog_thumb:hover img { transform: scale(1.1) rotate(0.05deg); }
.blog_thumb img { transition: .3s; }
.blog_content { padding-top: 15px; }
.blog_content h4 { font-size: 18px; line-height: 1.33333; margin-bottom: 0; font-weight: 500; text-transform: uppercase; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_content h4 { font-size: 16px; line-height: 19px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_content h4 { font-size: 16px; line-height: 17px; }
}
@media only screen and (max-width: 767px) {
.blog_content h4 { font-size: 16px; line-height: 20px; }
}
.blog_content h4 a:hover { color: #febc8b; }
.blog_content p { font-size: 14px; line-height: 24px; margin: 9px 0 12px; letter-spacing: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_content p { line-height: 22px; margin: 10px 0 11px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_content p { line-height: 22px; margin: 10px 0 11px; }
}
@media only screen and (max-width: 767px) {
.blog_content p { line-height: 22px; margin: 10px 0 11px; }
}
.blog_content > a { font-size: 14px; text-transform: uppercase; position: relative; font-weight: 500; display: inline-block; line-height: 22px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_content > a { font-size: 13px; }
}
@media only screen and (max-width: 767px) {
.blog_content > a { font-size: 13px; }
}
.blog_content > a::before { content: ""; left: 0; right: 0; bottom: 2px; background: #747474; height: 1px; position: absolute; transition: .3s; }
.blog_content > a:hover { color: #febc8b; }
.blog_content > a:hover::before { background: #febc8b; }
/*06. newsletter area css here*/
.newsletter_area { display: flex; justify-content: flex-end; align-items: center; }
@media only screen and (max-width: 767px) {
.newsletter_area { justify-content: flex-start; align-items: flex-start; flex-direction: column; }
}
.newsletter_text { margin-right: 20px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.newsletter_text { margin-right: 18px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.newsletter_text { margin-right: 16px; }
}
@media only screen and (max-width: 767px) {
.newsletter_text { margin-bottom: 10px; margin-right: 0; }
}
.newsletter_text h2 { font-size: 15px; line-height: 30px; font-weight: 400; text-transform: uppercase; margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.newsletter_text h2 { font-size: 14px; }
}
@media only screen and (max-width: 767px) {
.newsletter_text h2 { font-size: 15px; line-height: 23px; }
}
.newsletter_desc { text-align: center; margin-bottom: 20px; }
.newsletter_desc p { color: #999999; line-height: 20px; font-size: 16px; }
.subscribe_form form { display: flex; }
.subscribe_form form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666;
}
.subscribe_form form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
}
.subscribe_form form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #666;
}
.subscribe_form form input:-moz-placeholder {
  /* Firefox 18- */
  color: #666;
}
.subscribe_form form input { width: 320px; background: #fbfbfb; padding: 4px 10px; height: 36px; font-size: 16px; color: #666; border: 1px solid #d6d4d4; font-size: 13px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.subscribe_form form input { width: 280px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.subscribe_form form input { width: 225px; }
}
@media only screen and (max-width: 767px) {
.subscribe_form form input { width: 290px; }
}
@media only screen and (max-width: 575px) {
.subscribe_form form input { width: 100%; }
}
.subscribe_form form button { background: #bbb; height: 36px; line-height: 36px; border: 0; color: #fff; padding: 0 20px; font-size: 14px; text-transform: uppercase; margin-left: 35px; }
.subscribe_form form button:hover { color: #fff; background: #232323; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.subscribe_form form button { margin-left: 25px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.subscribe_form form button { padding: 0 15px; font-size: 14px; margin-left: 20px; }
}
@media only screen and (max-width: 767px) {
.subscribe_form form button { height: 36px; line-height: 36px; padding: 0 11px; font-size: 13px; margin-left: 11px; }
}
.mailchimp-error { text-align: center; color: green; }
.mailchimp-success { text-align: center; max-width: 510px; color: green; margin: 0 auto; }
.mailchimp-success.active { margin-top: 20px; }
/*home two css here*/
/* 21. shipping css here */
.shipping_area { background: #ededed; padding: 60px 0; margin-bottom: 60px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shipping_area { padding: 60px 0 28px; }
}
@media only screen and (max-width: 767px) {
.shipping_area { padding: 60px 0 29px; margin-bottom: 57px; }
}
.shipping_container { padding: 49px 20px; border: 1px solid #e5e5e5; border-radius: 5px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shipping_container { padding: 40px 20px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shipping_container { padding: 34px 20px 12px; }
}
@media only screen and (max-width: 767px) {
.shipping_container { padding: 33px 15px 12px; }
}
.single_shipping { text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_shipping { margin-bottom: 30px; }
}
@media only screen and (max-width: 767px) {
.single_shipping { margin-bottom: 28px; }
}
.single_shipping:hover .shipping_icone img { animation: bounceIn 2s linear infinite alternate; }
.shipping_content { margin-top: 23px; }
@media only screen and (max-width: 767px) {
.shipping_content { margin-top: 19px; }
}
.shipping_content h3 { color: #1e1e1f; font-size: 16px; line-height: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shipping_content h3 { font-size: 15px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shipping_content h3 { font-size: 15px; }
}
@media only screen and (max-width: 767px) {
.shipping_content h3 { font-size: 14px; margin-bottom: 14px; }
}
.shipping_content p { font-size: 14px; line-height: 20px; }
@media only screen and (max-width: 767px) {
.shipping_content p { line-height: 18px; }
}
/*shipping two css here*/
.shipping_two { background: #fff; margin-bottom: 0; padding: 30px 0 46px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shipping_two { padding: 30px 0 16px; }
}
@media only screen and (max-width: 767px) {
.shipping_two { padding: 30px 0 16px; }
}
/*home six css here*/
.shipping_six { background: #373737; padding: 107px 0 60px; margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shipping_six { padding: 107px 0 30px; }
}
@media only screen and (max-width: 767px) {
.shipping_six { padding: 107px 0 0; }
}
.shipping_six .single_shipping { background: #fff; padding: 50px 10px 10px; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shipping_six .single_shipping.col3 { margin-top: 48px; }
}
@media only screen and (max-width: 767px) {
.shipping_six .single_shipping { margin-bottom: 75px; }
}
.shipping_six .shipping_icone { position: absolute; top: -50px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
/*testimonial css here*/
.testimonial_area { padding: 93px 0 95px; background: #f7f7f7; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial_area { padding: 75px 0; margin-bottom: 78px; }
}
@media only screen and (max-width: 767px) {
.testimonial_area { padding: 55px 0 56px; margin-bottom: 56px; }
}
.testimonial_container .testimonial_thumb img { width: 90px; margin: 0 auto; }
.testimonial_container .col-lg-4 { flex: 0 0 100%; max-width: 100%; }
.testimonial_container:hover .owl-nav div { opacity: 1; visibility: visible; }
.testimonial_container .owl-nav div { position: absolute; top: 50%; transform: translatey(-50%); left: 0; font-size: 50px; transition: .3s; opacity: 0; visibility: hidden; }
.testimonial_container .owl-nav div:hover { color: #febc8b; }
.testimonial_container .owl-nav div.owl-next { right: 0; left: auto; }
@media only screen and (max-width: 767px) {
.testimonial_container .owl-nav div { display: none; }
}
.testimonial_thumb { text-align: center; }
.testimonial_content { text-align: center; }
.testimonial_content h3 { font-size: 16px; line-height: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 0; }
.testimonial_content h3 a { color: #febc8b; }
@media only screen and (max-width: 767px) {
.testimonial_content h3 { margin-top: 11px; }
}
.testimonial_content p { font-size: 20px; line-height: 32px; max-width: 71%; margin: 25px auto 28px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial_content p { font-size: 18px; line-height: 32px; max-width: 75%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial_content p { font-size: 16px; line-height: 31px; max-width: 90%; margin: 20px auto 24px; }
}
@media only screen and (max-width: 767px) {
.testimonial_content p { font-size: 15px; line-height: 26px; max-width: 100%; margin: 17px auto 20px; }
}
.testimonial_content span { text-transform: uppercase; font-size: 13px; line-height: 14px; }
.testimonial_icon_img { margin-bottom: 28px; }
@media only screen and (max-width: 767px) {
.testimonial_icon_img { margin-bottom: 25px; }
}
.testimonial_icon_img img { margin: 0 auto; }

/*home three css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial_inner3 { margin-bottom: 72px; }
}
@media only screen and (max-width: 767px) {
.testimonial_inner3 { margin-bottom: 43px; }
}
.testimonial_inner3 .single_testimonial { display: flex; }
@media only screen and (max-width: 767px) {
.testimonial_inner3 .single_testimonial { flex-direction: column; }
}
.testimonial_inner3 .testimonial_thumb { margin-right: 30px; }
.testimonial_inner3 .testimonial_thumb img { min-width: 90px; }
@media only screen and (max-width: 767px) {
.testimonial_inner3 .testimonial_thumb { margin-right: 0; margin-bottom: 16px; }
}
.testimonial_inner3 .testimonial_content { text-align: left; }
@media only screen and (max-width: 767px) {
.testimonial_inner3 .testimonial_content { text-align: center; }
}
.testimonial_inner3 .testimonial_content span { font-style: italic; margin-bottom: 23px; display: inline-block; }
@media only screen and (max-width: 767px) {
.testimonial_inner3 .testimonial_content span { margin-bottom: 20px; }
}
.testimonial_inner3 .testimonial_content p { margin: 0; max-width: 100%; font-style: italic; }
/*brand css here*/
.brand_container .single_brand img { width: inherit; margin: 0 auto; }
.brand_container .owl-nav { position: absolute; display: flex; right: 0; top: -63px; background: #f7f7f7; padding-left: 10px; }
.brand_container .owl-nav div { font-size: 20px; width: 32px; height: 32px; line-height: 32px; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; color: #fff; background: #999; }
.brand_container .owl-nav div:hover { background: #febc8b; }
.brand_container .owl-nav div.owl-prev { margin-right: 8px; }
@media only screen and (max-width: 767px) {
.brand_container .owl-nav div { display: none; }
}
/*home two css here*/
.brand_two .section_title h2 { background: #fff; }
.brand_two .brand_container .owl-nav { background: #fff; }
.brand_three .section_title h2 { background: #333; color: #999; }
.brand_three .brand_container .owl-nav { background: #333; }
/*home five css here*/
.brand_five { margin-bottom: 60px; }
.brand_five .section_title { padding: 25px 15px; background: #a2e5ea; }
.brand_five .section_title::before { display: none; }
.brand_five .section_title h2 { background: #a2e5ea; }
.brand_five .brand_container .owl-nav { background: #a2e5ea; padding-right: 15px; top: -81px; }
.brand_five .brand_container .owl-nav div { background: #fff; color: #a2e5ea; }
.brand_five .brand_container .owl-nav div:hover { background: #63d2dc; color: #fff; }
.brand_five .brand_container { background: #fff; padding: 20px 0; }
/*homr six css here*/
.brand_six { background: #f7f7f7; padding: 60px 0; }
/*  07. footer area css here */
.footer_top { padding: 53px 0 60px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_top { padding: 53px 0 33px; }
}
@media only screen and (max-width: 767px) {
.footer_top { padding: 53px 0 11px; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_list { margin-bottom: 25px; }
}
@media only screen and (max-width: 767px) {
.footer_list { margin-bottom: 44px; }
}
.footer_list_title { margin-bottom: 15px; position: relative; }
.footer_list_title::before { content: ""; position: absolute; width: 100%; height: 1px; left: 0; top: 50%; transform: translatey(-50%); background: #e1e1e1; }
.footer_list_title h3 { font-size: 16px; line-height: 28px; font-weight: 600; display: inline-block; margin-bottom: 0; text-transform: uppercase; background: #fff; padding-right: 15px; z-index: 9; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_list_title h3 { font-size: 15px; line-height: 25px; }
}
@media only screen and (max-width: 767px) {
.footer_list_title h3 { font-size: 15px; line-height: 17px; }
}
.footer_desc p { font-size: 13px; line-height: 22px; }
.footer_middle { padding: 53px 0 51px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_middle { padding: 53px 0 27px; }
}
@media only screen and (max-width: 767px) {
.footer_middle { padding: 53px 0 8px; }
}
.footer_social_newsletter { margin-bottom: 60px; }
.footer_logo { margin-bottom: 21px; }
.footer_contact_list { display: flex; align-items: center; margin-bottom: 15px; transition: .3s; }
.footer_contact_list:last-child { margin-bottom: 0; }
.footer_contact_list:hover { padding-left: 8px; }
.footer_contact_icon { min-width: 36px; min-height: 36px; background: #bbb; color: #fff; text-align: center; line-height: 36px; }
.footer_contact_text { padding-left: 11px; }
.footer_contact_text p { margin-bottom: 0; font-size: 13px; line-height: 22px; }
.footer_contact_text p a:hover { color: #febc8b; }
.footer_list_menu ul li a { font-size: 13px; line-height: 28px; text-transform: capitalize; display: block; }
.footer_list_menu ul li a:hover { color: #febc8b; padding-left: 8px; }
 @media only screen and (max-width: 767px) {
.footer_payment { margin-top: 13px; text-align: center !important; }
}
 @media only screen and (max-width: 767px) {
.footer_social { margin-bottom: 18px; }
}
.footer_social ul li { display: inline-block; margin-right: 5px; }
.footer_social ul li:last-child { margin-right: 0; }
.footer_social ul li a { display: block; width: 36px; height: 36px; text-align: center; line-height: 36px; font-size: 18px; color: #fff; background: #bbb; }
.footer_social ul li a:hover { background: #febc8b; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_social ul li a { width: 35px; height: 35px; line-height: 35px; font-size: 16px; }
}
@media only screen and (max-width: 767px) {
.footer_social ul li a { line-height: 35px; width: 35px; height: 35px; font-size: 16px; }
}
 @media only screen and (max-width: 767px) {
.copyright_area { text-align: center; margin-bottom: 20px; }
}
.copyright_area p { text-transform: capitalize; line-height: 24px; font-size: 14px; }
.copyright_area p a:hover { color: #febc8b; }
.footer_bottom { padding: 30px 0; }
@media only screen and (max-width: 767px) {
.footer_bottom { padding: 23px 0 25px; }
}
 @media only screen and (max-width: 767px) {
.footer_paypal { text-align: center !important; }
}

/*footer two css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_two .footer_social ul li { margin-right: 3px; }
}
/*home three css here*/
.footer_three { background: #222; }
.footer_three .footer_list_title h3 { background: #222; color: #999; }
.footer_three .footer_list_title::before { background: #999; }
.footer_three .footer_middle { border-top: 1px solid #333; border-bottom: 1px solid #333; }
.footer_three .footer_desc p { color: #999; }
.footer_three .footer_list_menu ul li a { color: #999; }
.footer_three .footer_list_menu ul li a:hover { color: #febc8b; }
.footer_three .footer_contact_text p { color: #999; }
.footer_three .newsletter_text h2 { color: #999; }
.footer_three .copyright_area p { color: #999; }
.footer_three .subscribe_form form button:hover { background: #febc8b; }
/*home five css here*/
.footer_five .footer_top { padding: 30px 15px; background: #fff; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_five .footer_top { padding: 30px 15px 8px; }
}
@media only screen and (max-width: 767px) {
.footer_five .footer_top { padding: 52px 15px 13px; }
}
.footer_five .footer_social_newsletter { background: #f56363; margin: 10px 0; padding: 30px 15px; }
.footer_five .newsletter_text h2 { color: #fff; }
@media only screen and (max-width: 575px) {
.footer_five .subscribe_form form { flex-direction: column; }
}
.footer_five .subscribe_form form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
.footer_five .subscribe_form form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.footer_five .subscribe_form form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.footer_five .subscribe_form form input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
.footer_five .subscribe_form form input { color: #fff; border: 1px solid #d6d4d4; background: inherit; }
.footer_five .subscribe_form form button { background: #fff; color: #f56363; }
.footer_five .subscribe_form form button:hover { background: #9b0a0a; color: #fff; }
@media only screen and (max-width: 575px) {
.footer_five .subscribe_form form button { margin-left: 0; margin-top: 15px; max-width: 150px; }
}
.footer_five .footer_social ul li a { background: #fff; color: #f56363; }
.footer_five .footer_social ul li a:hover { color: #232323; }
.footer_five .footer_middle { padding: 30px 15px; background: #fff; border-top: 0; border-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_five .footer_middle { padding: 30px 15px 5px; }
}
@media only screen and (max-width: 767px) {
.footer_five .footer_middle { padding: 52px 15px 8px; }
}
.footer_five .footer_bottom { margin-top: 10px; padding: 25px 15px; background: #fff; }
/* 10. shop page css here */
.shop_area { margin-bottom: 60px; }
.canvas_padding { margin-bottom: 0; }
.section_bg { background: #f7f7f7; padding: 60px 0; }
.breadcrumbs_area { padding: 30px 0; background: #fff; margin-bottom: 60px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumbs_area { margin-bottom: 60px; }
}
@media only screen and (max-width: 767px) {
.breadcrumbs_area { padding: 30px 0; margin-bottom: 60px; }
}
.breadcrumbs_bg { background: #f7f7f7; }
.breadcrumb_content { text-align: center; }
.breadcrumb_content h3 { font-size: 19px; line-height: 23px; text-transform: uppercase; margin-bottom: 5px; font-weight: 600; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumb_content h3 { font-size: 18px; line-height: 22px; }
}
@media only screen and (max-width: 767px) {
.breadcrumb_content h3 { font-size: 18px; line-height: 20px; margin-bottom: 4px; }
}
.breadcrumb_content ul li { display: inline-block; text-transform: capitalize; font-size: 14px; line-height: 20px; margin-right: 3px; padding-right: 13px; position: relative; color: #febc8b; }
.breadcrumb_content ul li::before { position: absolute; content: "/"; right: 0; top: 50%; transform: translatey(-50%); }
.breadcrumb_content ul li:last-child { margin-right: 0; }
.breadcrumb_content ul li:last-child::before { display: none; }
.breadcrumb_content ul li a { color: #333; }
.breadcrumb_content ul li a:hover { color: #febc8b; }
.sidebar_widget .single_banner { border: 0; }
@media only screen and (max-width: 767px) {
.sidebar_widget .single_banner { margin-bottom: 0; }
}
@media only screen and (max-width: 767px) {
.sidebar_widget .single_banner a { width: 100%; }
}
@media only screen and (max-width: 767px) {
.sidebar_widget .single_banner a img { width: 100%; }
}
.widget_list { margin-bottom: 40px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.widget_list.widget_filter { margin-bottom: 52px; }
}
.widget_list.widget_categories > ul > li > a { display: block; padding: 0 20px; }
.widget_list.widget_categories > ul > li > a:hover { color: #febc8b; }
.widget_list.widget_categories > ul > li:last-child > a { border-bottom: 0; }
.widget_list.widget_categories > ul > li.widget_sub_categories > a { position: relative; }
.widget_list.widget_categories > ul > li.widget_sub_categories > a::before { content: '+'; cursor: pointer; font-size: 18px; position: absolute; right: 21px; top: 50%; transform: translatey(-50%); }
.widget_list.widget_categories > ul > li.widget_sub_categories > a.active::before { content: '-'; cursor: pointer; font-size: 20px; position: absolute; right: 21px; top: 50%; transform: translatey(-50%); }
.widget_list.widget_categories > ul > li ul { padding-left: 30px; display: none; }
.widget_list.widget_categories > ul > li ul li a { font-size: 13px; line-height: 30px; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.widget_list.widget_categories > ul > li ul li a:hover { color: #febc8b; }
.widget_list:last-child { margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.widget_list { margin-bottom: 49px; }
}
@media only screen and (max-width: 767px) {
.widget_list { margin-bottom: 49px; }
}
.widget_list h3 { font-size: 17px; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; font-weight: 600; line-height: 20px; border-bottom: 1px solid #ededed; }
.widget_list > ul > li > a { font-size: 15px; display: block; line-height: 32px; }
.widget_list > ul > li > a:hover { color: #febc8b; }
.widget_list > ul > li > a span { float: right; }
.ui-slider-horizontal .ui-slider-range { background: #febc8b; height: 2px; }
.ui-slider-horizontal { height: 2px; background: #dbdbdb; border: none; width: 92%; margin: 0 auto; margin-bottom: 22px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff; width: 15px; height: 15px; top: -7px; cursor: pointer; border-radius: 50%; border: 2px solid #febc8b; }
.widget_list.widget_filter { overflow: hidden; }
.widget_list.widget_filter form { padding-top: 10px; }
.widget_list.widget_filter form input { background: none; border: none; font-size: 12px; float: right; text-align: right; line-height: 31px; width: 60px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.widget_list.widget_filter form input { width: 65px; }
}
.widget_list.widget_filter form button { height: 30px; line-height: 30px; padding: 0 20px; text-transform: capitalize; color: #ffffff; background: #232323; border: 0; border-radius: 30px; float: left; -webkit-transition: 0.3s; transition: 0.3s; }
.widget_list.widget_filter form button:hover { background: #febc8b; }
.tag_cloud a { margin: 0 5px 12px 0; padding: 5px 15px; text-transform: capitalize; display: inline-block; border: 1px solid #ededed; background: #ffffff; border-radius: 3px; font-size: 13px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tag_cloud a { padding: 5px 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tag_cloud a { margin-bottom: 0; }
}
.tag_cloud a:hover { background: #febc8b; border-color: #febc8b; color: #ffffff; }
@media only screen and (max-width: 767px) {
.tag_cloud a { margin: 0 1px 0 0; padding: 3px 5px; }
}
.shop_toolbar { display: flex; align-items: center; justify-content: space-between; border: 1px solid #e5e5e5; padding: 8px 10px; margin: 0 0 40px; }
@media only screen and (max-width: 767px) {
.shop_toolbar { flex-direction: column-reverse; padding: 10px 10px 18px; }
}
.select_option { display: flex; align-items: center; }
@media only screen and (max-width: 767px) {
.select_option { flex-direction: column; }
}
.select_option .nice-select { border: 0; height: 30px; line-height: 29px; }
.select_option .nice-select ul.list { top: 114%; right: 0; width: 200px; max-height: 200px; overflow: auto; }
 @media only screen and (max-width: 767px) {
.niceselect_option { margin-bottom: 16px; }
}
 @media only screen and (max-width: 767px) {
.page_amount { margin-bottom: 12px; }
}
@media only screen and (max-width: 767px) {
.page_amount p { padding-left: 0; margin-left: 0; border-left: 0; }
}
.list_button ul li { margin-right: 12px; }
.list_button ul li:last-child { margin-right: 0; }
.list_button ul li a:hover { color: #febc8b; }
.list_button ul li a i { margin-right: 5px; border-radius: 100%; height: 30px; width: 30px; line-height: 30px; text-align: center; }
.list_button ul li a.active { color: #febc8b; }
.list_button ul li a.active i { background: #febc8b; color: #ffffff; }
.product_ratting ul li { display: inline-block; }
.product_ratting ul li a { color: #febc8b; }
 @media only screen and (max-width: 767px) {
.product_list_item .product_thumb { margin-bottom: 18px; }
}
.product_list_item .product_content h3 { margin-bottom: 10px; }
.product_list_item .product_ratting { margin-bottom: 10px; }
 @media only screen and (max-width: 767px) {
.pagination { margin-top: 19px; }
}
.pagination ul li { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #f1f1f1; border-radius: 3px; margin-left: 3px; }
.pagination ul li:first-child { margin-left: 0; }
.pagination ul li a { display: block; border-radius: 3px; }
.pagination ul li a:hover { background: #febc8b; color: #ffffff; }
.pagination ul li.current { background: #febc8b; color: #ffffff; }
.pagination ul li.next { width: 40px; }
.shop_toolbar.t_bottom { justify-content: center; margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_toolbar.t_bottom { margin-bottom: 57px; }
}
@media only screen and (max-width: 767px) {
.shop_toolbar.t_bottom { padding: 15px 10px 15px; margin-bottom: 57px; }
}
@media only screen and (max-width: 767px) {
.shop_toolbar.t_bottom .pagination { margin-top: 0; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_reverse .tab-content .row { flex-direction: row; }
}
@media only screen and (max-width: 767px) {
.shop_reverse .tab-content .row { flex-direction: row; }
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_view .quick_button { bottom: 5px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_view .quick_button a { line-height: 37px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_view .action_button ul li a { width: 43px; height: 40px; line-height: 38px; }
}
.grid_view .hover_action a { width: 43px; height: 40px; line-height: 38px; }
.widget_banner { position: relative; }
.widget_banner:hover::before { left: 0; right: 0; opacity: 0; transition: all 900ms linear; }
.widget_banner:hover::after { top: 0; bottom: 0; opacity: 0; transition: all 900ms linear; }
.widget_banner::before { background: rgba(255, 255, 255, 0.2); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; pointer-events: none; }
.widget_banner::after { background: rgba(255, 255, 255, 0.2); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; pointer-events: none; }
 @media only screen and (max-width: 767px) {
.widget_sid_product { margin-bottom: 0; padding-top: 7px; }
}
.widget_sid_product .section_title { margin-bottom: 23px; }
.widget_sid_product .section_title h2 { font-size: 22px; line-height: 22px; letter-spacing: 1px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.widget_sid_product .section_title h2 { font-size: 20px; line-height: 20px; }
}
.widget_sid_product .owl-nav div { top: -50px; }
.widget_sid_product .product_thumb { width: 90px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.widget_sid_product .product_thumb { width: 75px; }
}
.widget_sid_product .product_content { width: calc(100% - 90px); padding-left: 18px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.widget_sid_product .product_content { width: calc(100% - 75px); padding-left: 15px; }
}
.widget_sid_product .product_content h4 { font-size: 16px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.widget_sid_product .product_content h4 { font-size: 15px; margin-bottom: 7px; }
}
.widget_sid_product .price_box span { font-size: 14px; }

/* shop page css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_reverse .row { flex-direction: column-reverse; }
}
@media only screen and (max-width: 767px) {
.shop_reverse .row { flex-direction: column-reverse; }
}
.row.shop_wrapper { flex-direction: row; }
.shop_toolbar_btn > button { margin-right: 10px; border: 0; background: inherit; }
.shop_toolbar_btn > button.btn-grid-3 { background: url(../img/icon/bkg_grid.png) no-repeat scroll center center; width: 20px; height: 20px; }
.shop_toolbar_btn > button.btn-grid-3.active { background: url(../img/icon/bkg_grid_hover.png) no-repeat scroll center center !important; }
.shop_toolbar_btn > button.btn-grid-4 { background: url(../img/icon/bkg_grid4.png) no-repeat scroll center center; width: 26px; height: 22px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shop_toolbar_btn > button.btn-grid-4 { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_toolbar_btn > button.btn-grid-4 { display: none; }
}
.shop_toolbar_btn > button.btn-grid-4.active { background: url(../img/icon/bkg_grid4_hover.png) no-repeat scroll center center !important; }
.shop_toolbar_btn > button.btn-list { background: url(../img/icon/bkg_list.png) no-repeat scroll center center; width: 20px; height: 20px; }
.shop_toolbar_btn > button.btn-list.active { background: url(../img/icon/bkg_list_hover.png) no-repeat scroll center center !important; }
.product_content.list_content { display: none; }
.grid_content .product_ratings { margin-bottom: 11px; }
.grid_content .product_ratings ul { justify-content: center; }
.grid_list .grid_name { display: none; }
.grid_list .list_action_right { display: block; }
.action_links.action__list { display: none; }
.grid_list .action_links.action__list { display: block; }
.list_cart_btn { margin-right: 30px; }
@media only screen and (max-width: 767px) {
.list_cart_btn { margin-right: 18px; }
}
.list_cart_btn a { font-size: 18px; line-height: 22px; font-weight: 600; display: inline-block; text-transform: capitalize; }
.list_cart_btn a:hover { color: #febc8b; }
@media only screen and (max-width: 767px) {
.list_cart_btn a { font-size: 16px; line-height: 22px; }
}
.grid_list .product_content.grid_content { display: none; }
.grid_list .product_content.list_content { width: 68.667%; float: left; padding: 0; padding-left: 25px; text-align: left; margin-top: 0; display: block; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_list .product_content.list_content { width: 69.667%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grid_list .product_content.list_content { width: 67.667%; }
}
@media only screen and (max-width: 767px) {
.grid_list .product_content.list_content { flex-direction: column; flex: 0 0 100%; min-width: 100%; padding-left: 0; }
}
.grid_list .product_content.list_content h4.product_name { font-size: 20px; line-height: 20px; margin-bottom: 8px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_list .product_content.list_content h4.product_name { font-size: 20px; line-height: 22px; margin-bottom: 8px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grid_list .product_content.list_content h4.product_name { font-size: 22px; line-height: 22px; margin-bottom: 11px; }
}
@media only screen and (max-width: 767px) {
.grid_list .product_content.list_content h4.product_name { font-size: 16px; line-height: 19px; margin-bottom: 6px; }
}
.grid_list .product_content.list_content .price_box { margin-bottom: 10px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_list .product_content.list_content .price_box { margin-bottom: 5px; }
}
@media only screen and (max-width: 767px) {
.grid_list .product_content.list_content .price_box { margin-bottom: 5px; }
}
.grid_list .product_content.list_content .price_box span { font-size: 16px; }
@media only screen and (max-width: 767px) {
.grid_list .product_content.list_content .price_box span { font-size: 15px; }
}
.grid_list .product_content.list_content .product_desc { display: inline-block; margin: 15px 0 21px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grid_list .product_content.list_content .product_desc { margin: 14px 0 20px; }
}
@media only screen and (max-width: 767px) {
.grid_list .product_content.list_content .product_desc { margin: 10px 0 14px; }
}
.grid_list .product_content.list_content .product_desc p { font-size: 16px; line-height: 27px; max-width: 98%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_list .product_content.list_content .product_desc p { font-size: 15px; line-height: 25px; max-width: 100%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grid_list .product_content.list_content .product_desc p { font-size: 15px; line-height: 28px; max-width: 100%; }
}
@media only screen and (max-width: 767px) {
.grid_list .product_content.list_content .product_desc p { font-size: 15px; line-height: 27px; max-width: 100%; }
}
.grid_list .product_content.list_content .add_to_cart { position: inherit; right: inherit; left: inherit; top: 36%; transform: inherit; text-align: left; opacity: 1; visibility: inherit; }
.grid_list .product_content.list_content .product_rating ul { justify-content: flex-start; }
.grid_list .product_content.list_content .product_rating ul li a { font-size: 16px; }
@media only screen and (max-width: 767px) {
.grid_list .product_content.list_content .product_rating ul li a { font-size: 15px; }
}
.single_product:hover .shop_list_cart { transform: inherit; }
.shop_list_cart a { width: 160px; color: #232323; border: 1px solid #232323; background: #fff; text-align: center; border-radius: 22px; }
.shop_list_cart a:hover { background: #febc8b; color: #fff; border-color: #febc8b; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shop_list_cart a { width: 228px; line-height: 43px; height: 43px; }
}
@media only screen and (max-width: 767px) {
.shop_list_cart a { width: 160px; font-size: 12px; line-height: 38px; height: 38px; padding: 0 16px; }
}
.product_availability p { font-size: 15px; line-height: 15px; }
.grid_list .single_product { border: 0; box-shadow: inherit; padding: 10px; overflow: hidden; }
.grid_list .product_thumb { float: left; width: 31.333%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_list .product_thumb { width: 30.333%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grid_list .product_thumb { width: 32.333%; }
}
@media only screen and (max-width: 767px) {
.grid_list .product_thumb { flex: 0 0 100%; min-width: 100%; margin-right: 0; margin-bottom: 20px; }
}
.col-cust-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: max-width; padding-right: 15px; padding-left: 15px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.col-cust-5 { -ms-flex: 0 0 33%; flex: 0 0 33%; }
}
@media only screen and (max-width: 767px) {
.col-cust-5 { flex: 0 0 50%; max-width: 50%; }
}
@media only screen and (max-width: 479px) {
.col-cust-5 { flex: 0 0 100%; max-width: 100%; }
}
.shop_wrapper > div { -webkit-transition: all 1s ease; transition: all 1s ease; }
.shop_toolbar_wrapper { display: flex; justify-content: space-between; align-items: center; border: 1px solid #ddd; padding: 8px 10px; margin: 0 0 30px; }
@media only screen and (max-width: 767px) {
.shop_toolbar_wrapper { flex-direction: column; padding: 15px 10px 5px; }
}
 @media only screen and (max-width: 767px) {
.shop_toolbar_btn { margin-bottom: 20px; }
}
.shop_wrapper { margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
.shop_wrapper { margin-bottom: 5px; }
}
@media only screen and (max-width: 767px) {
.shop_wrapper .product_thumb a img { width: 100%; }
}
.shop_wrapper .single_product { position: relative; margin-bottom: 30px; }
.shop_wrapper.grid_list .single_product { margin-bottom: 30px; }
.shop_wrapper .label_product { bottom: 40px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shop_wrapper .col-lg-3 { flex: 0 0 33.333333%; max-width: 33.333333%; }
}
/* shop page css end*/
/*shop fullwidth css here*/
.shop_fullwidth .shop_wrapper.grid_3 .product_thumb a img { width: 100%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_fullwidth { margin-bottom: 0; }
}
@media only screen and (max-width: 767px) {
.shop_fullwidth { margin-bottom: 0; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_fullwidth .shop_toolbar.t_bottom { margin-bottom: 60px; }
}
@media only screen and (max-width: 767px) {
.shop_fullwidth .shop_toolbar.t_bottom { margin-bottom: 60px; }
}

/* 15. product details css here */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_details { margin-bottom: 60px; }
}
@media only screen and (max-width: 767px) {
.product_details { margin-bottom: 60px; }
}
#img-1 { border: 1px solid #ededed; }
.header_product { border-bottom: 1px solid #ededed; }
.product_d_right h1 { text-transform: capitalize; line-height: 20px; font-size: 22px; font-weight: 400; margin-bottom: 22px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_d_right h1 { font-size: 20px; margin-bottom: 17px; }
}
@media only screen and (max-width: 767px) {
.product_d_right h1 { margin-bottom: 17px; font-size: 18px; }
}
.product_d_right h1 a { color: #252525; }
.product_d_right h1 a:hover { color: #febc8b; }
.product_d_right .product_ratting { margin-bottom: 17px; }
@media only screen and (max-width: 767px) {
.product_d_right .product_ratting { margin-bottom: 12px; }
}
.product_d_right .product_ratting ul li a { color: #FEB954; }
.product_d_right .product_ratting ul li a:hover { color: #febc8b; }
.product_d_right .product_ratting ul li.review a { color: #5a5a5a; margin-left: 10px; }
.product_d_right .product_ratting ul li.review a:hover { color: #febc8b; }
.product_d_right .price_box { margin-bottom: 14px; }
@media only screen and (max-width: 767px) {
.product_d_right .price_box { margin-bottom: 9px; }
}
.product_d_right .price_box span.current_price { font-size: 20px; }
@media only screen and (max-width: 767px) {
.product_d_right .price_box span.current_price { font-size: 17px; }
}
.product_d_right .price_box span.old_price { font-size: 17px; }
@media only screen and (max-width: 767px) {
.product_d_right .price_box span.old_price { font-size: 15px; }
}
.product_d_right .product_desc { margin-bottom: 19px; padding-bottom: 24px; border-bottom: 1px solid #ededed; }
@media only screen and (max-width: 767px) {
.product_d_right .product_desc { margin-bottom: 15px; padding-bottom: 18px; }
}
.product_d_right .product_desc::before { display: none; }
.product_d_right .product_desc p { font-size: 14px; line-height: 26px; }
.product_d_right .priduct_social ul li { display: inline-block; margin-right: 7px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_d_right .priduct_social ul li { margin-right: 2px; }
}
@media only screen and (max-width: 767px) {
.product_d_right .priduct_social ul li { margin-right: 2px; }
}
.product_d_right .priduct_social ul li:last-child { margin-right: 0; }
@media only screen and (max-width: 767px) {
.product_d_right .priduct_social ul li { margin-right: 0; }
}
.product_d_right .priduct_social ul li a { color: #fff; font-size: 12px; line-height: 24px; padding: 0 8px; border-radius: 3px; text-transform: capitalize; display: block; }
@media only screen and (max-width: 767px) {
.product_d_right .priduct_social ul li a { padding: 0 4px; font-size: 10px; }
}
.product_d_right .priduct_social ul li a:hover { opacity: 0.8; }
.product_d_right .priduct_social ul li a.facebook { background: #3B5999; }
.product_d_right .priduct_social ul li a.twitter { background: #1DA1F2; }
.product_d_right .priduct_social ul li a.pinterest { background: #CB2028; }
.product_d_right .priduct_social ul li a.google-plus { background: #fe6d4c; }
.product_d_right .priduct_social ul li a.linkedin { background: #010103; }
.product_d_right .product_timing { position: inherit; margin-bottom: 22px; margin-top: 30px; }
@media only screen and (max-width: 767px) {
.product_d_right .product_timing { margin-bottom: 16px; margin-top: 25px; }
}
.product_d_right .countdown_area { max-width: 220px; }
@media only screen and (max-width: 767px) {
.product_d_right .countdown_area { max-width: 190px; }
}
.productd_title_nav { display: flex; justify-content: space-between; }
 @media only screen and (max-width: 767px) {
.product_nav { display: none; }
}
.product_nav ul li { display: inline-block; margin-left: 3px; }
.product_nav ul li:first-child { margin-left: 0; }
.product_nav ul li a { background: #febc8b; border-radius: 3px; color: #ffffff; display: block; font-size: 15px; height: 30px; width: 30px; line-height: 30px; text-align: center; }
.product_nav ul li a:hover { background: #232323; }
.product_variant.quantity { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.product_variant.quantity { margin-bottom: 16px; }
}
.product_variant.quantity label { font-weight: 500; text-transform: capitalize; font-size: 14px; margin-bottom: 0; }
.product_variant.quantity input { width: 130px; border: 1px solid #ebebeb; background: none; height: 42px; padding: 0 12px; border-radius: 5px; margin-left: 15px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_variant.quantity input { width: 110px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_variant.quantity input { width: 80px; }
}
@media only screen and (max-width: 767px) {
.product_variant.quantity input { width: 65px; margin-left: 10px; }
}
.product_variant.quantity button { border: 0; font-size: 16px; margin-left: 20px; background: #febc8b; height: 42px; line-height: 42px; text-transform: capitalize; min-width: 270px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_variant.quantity button { min-width: 240px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_variant.quantity button { min-width: 170px; }
}
@media only screen and (max-width: 767px) {
.product_variant.quantity button { min-width: inherit; margin-left: 10px; }
}
.product_variant.quantity button:hover { background: #3E444A; }
.product_variant.color { margin-bottom: 26px; }
@media only screen and (max-width: 767px) {
.product_variant.color { margin-bottom: 18px; }
}
.product_variant.color h3 { font-weight: 500; text-transform: capitalize; font-size: 18px; margin-bottom: 0; margin-right: 40px; }
.product_variant.color label { font-size: 15px; font-weight: 500; text-transform: capitalize; }
.product_variant.color ul li { display: inline-block; padding: 2px; border: 1px solid #ccc; margin-right: 5px; }
.product_variant.color ul li:hover { border-color: #E88888; }
.product_variant.color ul li:last-child { margin-right: 0; }
.product_variant.color ul li a { width: 30px; height: 30px; display: block; }
.product_variant.color ul li.color1 a { background: #000000; }
.product_variant.color ul li.color2 a { background: #BEBEBE; }
.product_variant.color ul li.color3 a { background: #FE0000; }
.product_variant.color ul li.color4 a { background: #FFFF01; }
.product_variant.size { margin-bottom: 30px; display: flex; align-items: center; }
.product_variant.size label { font-size: 15px; font-weight: 500; text-transform: capitalize; margin-right: 15px; }
.product_variant.size .niceselect_option { float: inherit; max-width: 200px; }
.product_d_action { margin-bottom: 14px; }
.product_d_action ul li a { font-size: 14px; line-height: 28px; }
.product_d_action ul li a:hover { color: #febc8b; }
.product_meta { margin-bottom: 24px; }
@media only screen and (max-width: 767px) {
.product_meta { margin-bottom: 20px; }
}
.product_meta span { font-weight: 500; }
.product_meta span a { margin-left: 10px; font-weight: 400; }
.product_meta span a:hover { color: #febc8b; }
.product_info_button { border-bottom: 1px solid #ededed; padding-bottom: 15px; margin-bottom: 29px; }
@media only screen and (max-width: 767px) {
.product_info_button ul li { margin-bottom: 5PX; }
.product_info_button ul li:last-child { margin-bottom: 0; }
}
.product_info_button ul li a { display: block; float: left; text-transform: capitalize; font-size: 20px; color: #555; font-weight: 500; margin-right: 35px; line-height: 26px; position: relative; }
@media only screen and (max-width: 767px) {
.product_info_button ul li a { margin-right: 25px; font-size: 17px; }
}
.product_info_button ul li a.active { color: #333333; }
.product_info_button ul li a:hover { color: #333333; }
.product_info_button ul li:last-child a { margin-right: 0; }
.product_review_form button { border: none; background: #232323; color: #ffffff; text-transform: uppercase; font-weight: 500; padding: 5px 15px 3px; display: block; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; margin-top: 20px; border-radius: 5px; font-size: 13px; }
.product_review_form button:hover { background: #febc8b; color: #ffffff; }
.product_info_content p { line-height: 28px; }
.product_d_table { padding: 10px 0 22px; }
.product_d_table table { border-top: 1px solid #ddd; width: 100%; }
.product_d_table table tbody tr { border-bottom: 1px solid #ddd; }
.product_d_table table tbody tr td { padding: 7px 17px; }
.product_d_table table tbody tr td:first-child { border-right: 1px solid #ddd; width: 30%; font-weight: 700; }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.product_d_info { margin-bottom: 56px; }
}
@media only screen and (max-width: 767px) {
.product_d_info { margin-bottom: 58px; }
}
.product_d_inner { padding: 20px 30px 27px; border: 1px solid #ededed; background: #fff; }
@media only screen and (max-width: 767px) {
.product_d_inner { padding: 20px 20px 27px; }
}
.product_info_inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; }
.product_info_inner .product_ratting { margin-bottom: 10px; }
.product_info_inner .product_ratting p { margin-bottom: 5px; }
.product_info_inner .product_ratting strong { margin-top: 10px; display: block; margin-bottom: 8px; }
.reviews_wrapper h2 { font-size: 18px; font-weight: 500; text-transform: capitalize; }
@media only screen and (max-width: 767px) {
.reviews_wrapper h2 { font-size: 15px; }
}
.reviews_wrapper .product_ratting { margin-bottom: 20px; }
.reviews_wrapper .product_ratting ul li a { color: #febc8b; }
.reviews_wrapper .product_ratting h3 { font-size: 14px; font-weight: 700; text-transform: capitalize; }
.comment_title { margin-bottom: 20px; }
.product_review_form input { border: 1px solid #ddd; background: none; width: 100%; height: 40px; padding: 0 20px; }
.product_review_form textarea { border: 1px solid #ddd; background: none; height: 120px; resize: none; width: 100%; margin-bottom: 14px; padding: 0 20px; }
.product_review_form p { margin-bottom: 7px; }
.star_rating { float: right; }
.star_rating ul li { display: inline-block; }
.star_rating ul li a { color: #febc8b; }
.reviews_comment_box { display: flex; margin-bottom: 22px; }
.reviews_comment_box .comment_text { width: 100%; border: 1px solid #ededed; position: relative; margin-left: 21px; padding: 12px; border-radius: 3px; }
.reviews_comment_box .comment_text::before { background: #fff; border-bottom: 1px solid #ededed; border-left: 1px solid #ededed; content: ''; display: block; height: 10px; left: -6px; position: absolute; top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; }
.reviews_meta p { font-size: 15px; margin-bottom: 15px; }
.reviews_meta p strong { text-transform: uppercase; font-weight: 500; color: #232323; }
.s-tab-zoom.owl-carousel .owl-nav { display: block; }
.s-tab-zoom.owl-carousel .owl-nav div { position: absolute; background: #f2f2f2; border-radius: 3px; height: 32px; top: 50%; transform: translatey(-50%); width: 32px; text-align: center; line-height: 32px; left: -7px; font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; }
.s-tab-zoom.owl-carousel .owl-nav div:hover { background: #febc8b; color: #ffffff; }
.s-tab-zoom.owl-carousel .owl-nav div.owl-next { right: -7px; left: auto; }
.product-details-tab { padding: 10px; background: #fff; }
@media only screen and (max-width: 767px) {
.product-details-tab { margin-bottom: 56px; }
}
.product-details-tab:hover .s-tab-zoom.owl-carousel .owl-nav div { opacity: 1; visibility: visible; }
.single-zoom-thumb { margin-top: 20px !important; width: 80%; margin: 0 auto; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-zoom-thumb { width: 93%; }
}
@media only screen and (max-width: 767px) {
.single-zoom-thumb { width: 95%; }
}
.single-zoom-thumb ul li { border: 1px solid #ddd; }
.single-zoom-thumb ul li a { width: 100%; }
.related_products { margin-bottom: 10px; }
.upsell_products { margin-bottom: 10px; }
/* 12. product grouped css here */
.grouped_form { border: 1px solid #ededed; margin-bottom: 25px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grouped_form { margin-bottom: 20px; }
}
@media only screen and (max-width: 767px) {
.grouped_form { margin-bottom: 17px; }
}
.grouped_form table { width: 100%; }
.grouped_form table tbody tr { border-bottom: 1px solid #ededed; }
.grouped_form table tbody tr td { border-right: 1px solid #ddd; padding: 11px 5px; text-align: center; }
.grouped_form table tbody tr td input[type="checkbox"] { width: 20px; height: 21px; }
.grouped_form table tbody tr td input[type="number"] { width: 50px; background: inherit; border: 1px solid #ededed; padding: 0 5px; height: 40px; }
.grouped_form table tbody tr td.grouped-product-list.quantity { min-width: 80px; text-align: center; line-height: 12px; }
.grouped_form table tbody tr td.grouped-product-list.label { min-width: 188px; font-weight: 500; font-size: 14px; }
.grouped_form table tbody tr td.grouped-product-list.label a:hover { color: #febc8b; }
.grouped_form table tbody tr td.grouped-product-list.price { font-size: 14px; font-weight: 500; min-width: 190px; }
.grouped_form table tbody tr td.grouped-product-list.price p { font-size: 12px; font-weight: 500; position: relative; }
.grouped_form table tbody tr td.grouped-product-list.price p::before { color: #e97810; content: '\f058'; display: inline-block; font-family: FontAwesome; font-size: 1em; position: absolute; top: 0; left: 40px; }
.grouped_form table tbody tr td:last-child { border-right: 0; }
.grouped_form table tbody tr:last-child { border-bottom: 0; }
.box_quantity.group button { margin-left: 0; }
/*product grouped css end*/
/*variabla product css here*/
.p_section1.related_product .slick-list { padding-bottom: 144px !important; margin-bottom: -135px; }
.variable_product .niceselect_option .list { width: 100%; }
.product_d_meta { margin-bottom: 20px; }
.product_d_meta span { display: block; line-height: 18px; margin-bottom: 17px; font-size: 14px; font-weight: 400; }
.product_d_meta span:last-child { margin-bottom: 0; }
.product_d_meta span a:hover { color: #febc8b; }

/*product sidebar css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_sidebar .row { flex-direction: column-reverse; }
}
@media only screen and (max-width: 767px) {
.product_sidebar .row { flex-direction: column-reverse; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_sidebar .product_section .row { flex-direction: row; }
}
@media only screen and (max-width: 767px) {
.product_sidebar .product_section .row { flex-direction: row; }
}
.product_sidebar .product_desc p { width: 100%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .action_button ul li a { width: 40px; height: 35px; line-height: 35px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .quick_button { bottom: 12px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .quick_button a { line-height: 35px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .hover_action a { width: 40px; height: 35px; line-height: 35px; }
}
.product_sidebar .product_variant.quantity input { width: 90px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .product_variant.quantity input { width: 60px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_sidebar .product_variant.quantity input { width: 60px; }
}
@media only screen and (max-width: 767px) {
.product_sidebar .product_variant.quantity input { width: 60px; }
}
.product_sidebar .product_variant.quantity button { min-width: 200px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .product_variant.quantity button { min-width: 140px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_sidebar .product_variant.quantity button { min-width: inherit; }
}
@media only screen and (max-width: 767px) {
.product_sidebar .product_variant.quantity button { min-width: inherit; }
}
@media only screen and (max-width: 767px) {
.product_sidebar .product-details-tab { margin-bottom: 0; }
}
.footer_widgets.sidebar_widgets .footer_top { padding-bottom: 0; border-bottom: 0; }
.footer_widgets.sidebar_widgets .footer_top_inner { padding: 56px 0 52px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_widgets.sidebar_widgets .footer_top_inner { padding: 56px 0 40px; }
}
@media only screen and (max-width: 767px) {
.footer_widgets.sidebar_widgets .footer_top_inner { padding: 56px 0 35px; }
}
.product_right_sidebar { margin-bottom: 60px; }
@media only screen and (max-width: 767px) {
.product_right_sidebar .product-details-tab { margin-bottom: 54px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_right_sidebar .row { flex-direction: row; }
}
@media only screen and (max-width: 767px) {
.product_right_sidebar .row { flex-direction: row; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_right_sidebar .priduct_social ul li { margin-right: 2px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_right_sidebar .product_d_right h1 { font-size: 18px; }
}
.product_right_sidebar .single-zoom-thumb { width: 93%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_right_sidebar .single-zoom-thumb { width: 95%; }
}
@media only screen and (max-width: 767px) {
.product_right_sidebar .single-zoom-thumb { width: 90%; }
}
/* 13. cart page css here */
.header_cart_page { border-bottom: 1px solid #ededed; }
.other_bread { padding-top: 41px; padding-bottom: 41px; }
.table_desc { border: 1px solid #ededed; margin-bottom: 60px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.table_desc { margin-bottom: 60px; }
}
@media only screen and (max-width: 767px) {
.table_desc { margin-bottom: 60px; }
}
.table_desc .cart_page table { width: 100%; }
.table_desc .cart_page table thead tr th { border-bottom: 3px solid #febc8b; border-right: 1px solid #ededed; font-size: 16px; font-weight: 500; text-transform: capitalize; padding: 10px; text-align: center; }
.table_desc .cart_page table tbody tr td { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; text-align: center; padding: 10px; }
.table_desc .cart_page table tbody tr td.product_remove { min-width: 100px; }
.table_desc .cart_page table tbody tr td.product_remove a { font-size: 20px; color: #232323; }
.table_desc .cart_page table tbody tr td.product_remove a:hover { color: #febc8b; }
.table_desc .cart_page table tbody tr td.product_thumb { max-width: 180px; }
.table_desc .cart_page table tbody tr td.product_thumb a img { width: 100px; }
.table_desc .cart_page table tbody tr td.product_name { min-width: 180px; }
.table_desc .cart_page table tbody tr td.product_name a { color: #232323; text-transform: capitalize; font-size: 14px; font-weight: 400; }
.table_desc .cart_page table tbody tr td.product_name a:hover { color: #febc8b; }
.table_desc .cart_page table tbody tr td.product-price { min-width: 130px; color: #232323; font-size: 16px; font-weight: 500; }
.table_desc .cart_page table tbody tr td.product_quantity { min-width: 180px; }
.table_desc .cart_page table tbody tr td.product_quantity label { font-weight: 500; margin-right: 5px; }
.table_desc .cart_page table tbody tr td.product_quantity input { width: 60px; height: 40px; padding: 0 5px 0 10px; background: none; border: 1px solid #ededed; }
.table_desc .cart_page table tbody tr td .product_total { min-width: 120px; }
.cart_page table thead tr:last-child th, .table_desc table tbody tr td:last-child { border-right: 0; }
.cart_submit { text-align: right; padding: 12px; }
@media only screen and (max-width: 767px) {
.cart_submit { text-align: center; }
}
.cart_submit button { background: #232323; border: 0; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 500; height: 38px; line-height: 18px; padding: 10px 15px; text-transform: uppercase; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 3px; }
.cart_submit button:hover { background: #febc8b; }
.coupon_inner { padding: 10px 20px 25px; }
.coupon_inner p { font-size: 14px; margin-bottom: 20px; }
.coupon_inner button { background: #232323; border: 0; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 500; height: 38px; line-height: 20px; padding: 10px 15px; text-transform: uppercase; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 3px; }
.coupon_inner button:hover { background: #febc8b; }
.coupon_inner input { border: 1px solid #ededed; height: 42px; background: none; padding: 0 20px; margin-right: 20px; font-size: 12px; color: #232323; }
@media only screen and (max-width: 767px) {
.coupon_inner input { margin-bottom: 24px; width: 100%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.coupon_inner input { margin-bottom: 24px; width: 100%; }
}
.coupon_inner a { display: block; text-align: right; font-size: 14px; font-weight: 500; margin-bottom: 20px; border-bottom: 1px solid #ededed; padding-bottom: 10px; border-radius: 3px; }
.coupon_inner a:hover { color: #febc8b; }
.coupon_code { border: 1px solid #ededed; }
@media only screen and (max-width: 767px) {
.coupon_code.left { margin-bottom: 59px; }
}
.coupon_code h3 { color: #ffffff; line-height: 36px; padding: 5px 15px; background: #232323; text-transform: uppercase; font-size: 16px; font-weight: 500; }
@media only screen and (max-width: 767px) {
.coupon_code h3 { line-height: 28px; padding: 5px 15px; font-size: 15px; }
}
.cart_subtotal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.cart_subtotal p { font-weight: 600; font-size: 14px; }
.cart_subtotal p.cart_amount { font-size: 18px; font-weight: 500; }
@media only screen and (max-width: 767px) {
.cart_subtotal p.cart_amount { font-size: 14px; }
}
.cart_subtotal p span { margin-right: 30px; }
.checkout_btn { text-align: right; }
.checkout_btn a { background: #febc8b; color: #ffffff; font-size: 15px; padding: 3px 14px; line-height: 30px; font-weight: 500; display: inline-block; text-transform: capitalize; margin-bottom: 0; }
.checkout_btn a:hover { background: #232323; color: #ffffff; }
.footer_widgets.other_widgets .footer_top { padding-bottom: 0; border-bottom: 0; }
.footer_widgets.other_widgets .footer_top_inner { padding: 55px 0 53px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer_widgets.other_widgets .footer_top_inner { padding: 55px 0 59px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_widgets.other_widgets .footer_top_inner { padding: 55px 0 40px; }
}
@media only screen and (max-width: 767px) {
.footer_widgets.other_widgets .footer_top_inner { padding: 55px 0 35px; }
}
/*cart page css end*/
/* 14. checkout page css here */
.user-actions { margin-bottom: 20px; }
.user-actions h3 { font-size: 13px; font-weight: 400; background-color: #f7f6f7; padding: 15px 10px; border-top: 3px solid #febc8b; margin-bottom: 0; }
.user-actions h3 a { color: #febc8b; }
.checkout_info { border: 1px solid #ededed; margin-top: 25px; padding: 20px 30px; }
.checkout_info p { margin-bottom: 15px; }
.checkout_info a { color: #febc8b; margin-top: 15px; display: block; }
.checkout_info.coupon_info form { display: flex; }
@media only screen and (max-width: 767px) {
.checkout_info.coupon_info form { flex-direction: column; }
}
.form_group { margin-bottom: 20px; }
.form_group label { font-size: 14px; display: block; line-height: 18px; }
.form_group input { border: 1px solid #ededed; background: none; height: 45px; width: 350px; padding: 0 20px; }
@media only screen and (max-width: 767px) {
.form_group input { width: 100%; }
}
.form_group button { display: inline-block; width: 80px; background: #232323; border: 0; color: #ffffff; font-weight: 500; text-transform: uppercase; font-size: 13px; -webkit-transition: 0.3s; transition: 0.3s; margin-right: 20px; cursor: pointer; height: 40px; line-height: 40px; border-radius: 3px; }
.form_group button:hover { background: #febc8b; }
.form_group input[type="checkbox"] { width: 15px; height: 15px; margin-right: 10px; position: relative; top: 3px; }
@media only screen and (max-width: 767px) {
.form_group input[type="checkbox"] { margin-right: 3px; }
}
.form_group.group_3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.form_group.group_3 label { margin-bottom: 0; line-height: 34px; cursor: pointer; }
.form_group.group_3 label:hover { color: #febc8b; }
#checkout_coupon input { background: none; border: 1px solid #ededed; width: 200px; height: 45px; font-size: 12px; padding: 0 20px; color: #232323; }
#checkout_coupon button { width: 130px; background: #232323; color: #ffffff; font-weight: 500; text-transform: uppercase; font-size: 13px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; border: 0; height: 45px; line-height: 45px; border-radius: 3px; margin-left: 5px; }
@media only screen and (max-width: 767px) {
#checkout_coupon button { margin-top: 20px; }
}
#checkout_coupon button:hover { background: #febc8b; }
.mb-20 { margin-bottom: 20px; }
.checkout_form h3 { font-size: 16px; line-height: 30px; padding: 5px 10px; text-transform: uppercase; color: #ffffff; background: #232323; font-weight: 500; }
.checkout_form input { border: 1px solid #ededed; background: none; height: 40px; width: 100%; padding: 0 20px; color: #232323; }
.checkout_form .nice-select { width: 100%; }
.checkout_form .nice-select ul.list { width: 100%; height: 180px; overflow: auto; }
.checkout_form .nice-select::after { top: 56%; }
.checkout_form label { font-weight: 500; }
.checkout_form label span { color: #febc8b; }
.checkout_form label.righ_0 { cursor: pointer; font-size: 15px; line-height: 27px; padding: 5px 10px; text-transform: capitalize; color: #ffffff; background: #232323; font-weight: 500; -webkit-transition: 0.3s; transition: 0.3s; margin-bottom: 0; border-radius: 5px; }
@media only screen and (max-width: 767px) {
.checkout_form label.righ_0 { font-size: 13px; line-height: 25px; padding: 3px 10px; }
}
.checkout_form label.righ_0:hover { background: #232323; }
.checkout_form input[type="checkbox"] { width: 15px; height: 15px; position: relative; top: 2px; margin-right: 10px; }
.order_button button { cursor: pointer; font-size: 16px; line-height: 30px; padding: 5px 10px; text-transform: capitalize; color: #ffffff; background: #febc8b; font-weight: 500; -webkit-transition: 0.3s; transition: 0.3s; margin-bottom: 0; border-radius: 5px; }
@media only screen and (max-width: 767px) {
.order_button button { font-size: 14px; }
}
.order_button button:hover { background: #232323; }
 @media only screen and (max-width: 767px) {
.order-notes { margin-bottom: 58px; }
}
.order-notes textarea { border: 1px solid #e5e5e5; border-radius: 0; height: 45px; max-width: 100%; padding: 0 30px 0 20px; background: none; font-size: 13px; resize: none; line-height: 45px; width: 100%; color: #232323; }
.order-notes label { line-height: 13px; }
.order_table { margin-bottom: 35px; }
.order_table table { width: 100%; }
.order_table table thead tr th { min-width: 50%; text-align: center; padding: 15px 0; border-bottom: 1px solid #ddd; }
.order_table table tbody tr td { min-width: 50%; text-align: center; padding: 15px 0; border-bottom: 1px solid #ddd; }
.order_table table tfoot tr th { min-width: 50%; text-align: center; padding: 15px 0; border-bottom: 1px solid #ddd; }
.order_table table tfoot tr td { min-width: 50%; text-align: center; padding: 15px 0; border-bottom: 1px solid #ddd; }
.panel-default input[type="radio"] { width: 15px; height: 15px; position: relative; top: 2px; margin-right: 10px; }
.panel-default img { width: 160px; }
.order_button button { border: 0; }
.card-body1 { margin-bottom: 15px; }
/*checkout page css end*/
/* 22. wishlist css here */
.table_desc.wishlist table tbody tr:last-child td { border-bottom: 0; }
.table_desc.wishlist table tbody tr td.product_total a { background: #febc8b; font-size: 12px; font-weight: 500; height: 38px; line-height: 18px; padding: 10px 20px; color: #ffffff; text-transform: uppercase; border-radius: 3px; }
.table_desc.wishlist table tbody tr td.product_total a:hover { background: #232323; }
@media only screen and (max-width: 767px) {
.table_desc.wishlist table tbody tr td.product_total a { padding: 10px 10px; }
}
.wishlist_share { text-align: center; padding: 20px 0; border: 1px solid #ededed; }
.wishlist_share h4 { font-size: 18px; font-weight: 500; text-transform: capitalize; }
.wishlist_share ul li { display: inline-block; }
.wishlist_share ul li a { padding: 0 10px; display: block; }
.wishlist_share ul li a:hover { color: #febc8b; }
/*wishlist css end*/
/* 15. contact page css here */
.contact_message h3 { font-size: 21px; text-transform: capitalize; font-weight: 500; line-height: 20px; margin-bottom: 25px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact_message h3 { margin-bottom: 20px; }
}
@media only screen and (max-width: 767px) {
.contact_message h3 { font-size: 20px; margin-bottom: 20px; }
}
.contact_message p { font-size: 14px; line-height: 24px; margin-bottom: 20px; }
.contact_message ul li { padding: 13px 0; border-top: 1px solid #ededed; }
.contact_message ul li:last-child { padding-bottom: 0; }
.contact_message ul li i { margin-right: 10px; }
.contact_message ul li a:hover { color: #febc8b; }
.contact_message label { line-height: 18px; font-weight: 500; margin-bottom: 10px; }
.contact_message input { border: 1px solid #ededed; height: 45px; background: #ffffff; width: 100%; padding: 0 20px; color: #757575; }
.contact_message textarea { height: 170px; border: 1px solid #ededed; background: #ffffff; resize: none; margin-bottom: 20px; width: 100%; padding: 10px 20px; color: #232323; }
@media only screen and (max-width: 767px) {
.contact_message textarea { height: 120px; }
}
.contact_message button { font-weight: 400; height: 42px; line-height: 42px; padding: 0 30px; text-transform: capitalize; border: none; background: #232323; color: #ffffff; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 4px; }
.contact_message button:hover { background: #febc8b; }
@media only screen and (max-width: 767px) {
.contact_message.content { margin-bottom: 52px; }
}
.contact_message.form p.form-messege { margin-bottom: 0; }
.contact_map { margin-bottom: 58px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact_map { margin-bottom: 57px; }
}
@media only screen and (max-width: 767px) {
.contact_map { margin-bottom: 57px; }
}
.map-area #googleMap { height: 460px; width: 100%; }
@media only screen and (max-width: 767px) {
.map-area #googleMap { height: 340px; }
}
/*contact page css end*/
/* 17. login page css here */
.account_form h2 { font-size: 28px; text-transform: capitalize; font-weight: 500; line-height: 22px; margin-bottom: 30px; }
@media only screen and (max-width: 767px) {
.account_form h2 { font-size: 24px; margin-bottom: 20px; }
}
.account_form form { border: 1px solid #ededed; padding: 23px 20px 29px; border-radius: 5px; }
.account_form label { font-size: 16px; font-weight: 400; cursor: pointer; line-height: 12px; margin-bottom: 12px; }
.account_form label:hover { color: #febc8b; }
.account_form input { border: 1px solid #ededed; height: 40px; max-width: 100%; padding: 0 20px; background: none; width: 100%; }
.account_form button { background: #febc8b; border: 0; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 700; height: 34px; line-height: 26px; padding: 5px 20px; text-transform: uppercase; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; margin-left: 20px; border-radius: 20px; }
.account_form button:hover { background: #232323; }
.login_submit label input[type="checkbox"] { width: 15px; height: 13px; margin-right: 3px; }
.login_submit { text-align: right; }
.login_submit a { font-size: 15px; float: left; line-height: 39px; }
.login_submit a:hover { color: #febc8b; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.login_submit a { float: none; line-height: 18px; display: block; margin-bottom: 20px; }
}
@media only screen and (max-width: 767px) {
.login_submit a { float: none; line-height: 18px; display: block; margin-bottom: 20px; }
}
.account_form p { margin-bottom: 20px; }
 @media only screen and (max-width: 767px) {
.account_form.register { margin-top: 57px; }
}
/*login page css end */
/* 16. faq page css here */
.faq_content_area { padding-bottom: 55px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq_content_area { padding-bottom: 53px; }
}
@media only screen and (max-width: 767px) {
.faq_content_area { padding-bottom: 53px; }
}
.accordion_area .card-header { background: #febc8b; }
.accordion_area .card-header:first-child { border-radius: inherit; }
.card.card_dipult { border: none; margin-bottom: 10px; }
.card.card_dipult:last-child { margin-bottom: 0; }
.card-header.card_accor { padding: 0; border: none; }
.card-header.card_accor button { height: 45px; text-decoration: none; cursor: pointer; position: relative; white-space: initial; }
@media only screen and (max-width: 767px) {
.card-header.card_accor button { height: 60px; }
}
.card-header.card_accor button i { position: absolute; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); right: 20px; }
@media only screen and (max-width: 767px) {
.card-header.card_accor button i { right: 10px; }
}
.card-header.card_accor button.btn-link { border: 1px solid #febc8b; width: 100%; text-align: left; font-size: 14px; font-weight: 500; color: #ffffff; }
.card-header.card_accor button.btn-link.collapsed { background: #ededed; border: 1px solid #ededed; width: 100%; text-align: left; color: #232323; }
@media only screen and (max-width: 767px) {
.card-header.card_accor button.btn-link.collapsed { padding-right: 28px; }
}
.card-header.card_accor button.btn-link i.fa-plus { display: none; }
.card-header.card_accor button.btn-link.collapsed i.fa-plus { display: block; }
.card-header.card_accor button.btn-link.collapsed i.fa-minus { display: none; }
.faq_content_wrapper h4 { font-size: 18px; font-weight: 600; margin-bottom: 15px; line-height: 18px; }
@media only screen and (max-width: 767px) {
.faq_content_wrapper h4 { font-size: 15px; line-height: 24px; }
}

/*faq page css end*/
/*  18. my account css here */
@media only screen and (max-width: 767px) {
.dashboard_tab_button { margin-bottom: 20px; }
}
.dashboard_tab_button ul li { margin-bottom: 5px; }
.dashboard_tab_button ul li:last-child { margin-bottom: 0; }
.dashboard_tab_button ul li a { font-size: 14px; color: #ffffff; font-weight: 500; text-transform: capitalize; background: #232323; border-radius: 3px; }
.dashboard_tab_button ul li a:hover { background: #febc8b; color: #ffffff; }
.dashboard_tab_button ul li a.active { background: #febc8b; }
.main_content_area { margin-bottom: 56px; }
@media only screen and (max-width: 767px) {
.main_content_area { margin-bottom: 51px; }
}
.dashboard_content h3 { font-size: 22px; text-transform: capitalize; font-weight: 500; margin-bottom: 15px; }
.dashboard_content h4 { font-size: 20px; text-transform: capitalize; font-weight: 500; margin-bottom: 10px; margin-top: 10px; }
.dashboard_content button { color: #febc8b; font-weight: 500; border: 0; background: inherit; }
.dashboard_content p a { color: #febc8b; font-weight: 500; }
.table-responsive table thead { background: #ededed; }
.table-responsive table thead tr th { text-align: center; }
.table-responsive table tbody tr td { border-right: 1px solid #ededed; font-weight: 500; text-transform: capitalize; font-size: 14px; text-align: center; min-width: 150px; }
.table-responsive table tbody tr td:last-child a { color: #febc8b; }
.table-responsive .table { border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; }
.dashboard_content address { font-weight: 500; }
.input-radio span input[type="radio"], .account_login_form form span input[type="checkbox"] { width: 15px; height: 15px; margin-right: 2px; position: relative; top: 2px; }
.input-radio span { font-weight: 500; padding-right: 10px; }
.account_login_form form input { border: 1px solid #ddd; background: none; height: 40px; margin-bottom: 20px; width: 100%; padding: 0 20px; color: #232323; }
.brand_account .section_title h2 { background: #fff; }
.brand_account .brand_container .owl-nav { background: #fff; }
/*my account css end*/
/* 10. about page css here */
/*home about css here*/
.about_desc { text-align: center; }
.about_desc p { font-size: 16px; margin-bottom: 30px; line-height: 27px; }
@media only screen and (max-width: 767px) {
.about_desc p { font-size: 15px; margin-bottom: 18px; }
}
.about_desc h3 { font-size: 42px; line-height: 42px; margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.about_desc h3 { font-size: 35px; line-height: 34px; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.about_thumb img { width: 100%; }
}

/*home about css end*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial_about { margin-top: 40px; }
}
@media only screen and (max-width: 767px) {
.testimonial_about { margin-top: 45px; }
}
.testimonial_about .testimonial_content p { font-size: 17px; line-height: 31px; max-width: 85%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial_about .testimonial_content p { font-size: 17px; line-height: 29px; max-width: 90%; }
}
.about_section { padding-bottom: 60px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_section { padding-bottom: 54px; }
}
@media only screen and (max-width: 767px) {
.about_section { padding-bottom: 54px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_section .row { flex-direction: column-reverse; }
}
@media only screen and (max-width: 767px) {
.about_section .row { flex-direction: column-reverse; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.about_content { margin-top: 24px; text-align: center; }
}
@media only screen and (max-width: 767px) {
.about_content { margin-top: 22px; text-align: center; }
}
.about_content h1 { font-size: 30px; font-weight: 600; line-height: 30px; margin-bottom: 22px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about_content h1 { font-size: 24px; line-height: 26px; margin-bottom: 20px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_content h1 { font-size: 22px; margin-bottom: 10px; line-height: 22px; }
}
@media only screen and (max-width: 767px) {
.about_content h1 { font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 11px; }
}
.about_content h3 { font-size: 18px; font-weight: 600; line-height: 26px; margin-bottom: 21px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about_content h3 { font-size: 17px; line-height: 25px; margin-bottom: 21px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_content h3 { font-size: 17px; line-height: 23px; margin-bottom: 17px; }
}
@media only screen and (max-width: 767px) {
.about_content h3 { font-size: 16px; line-height: 23px; margin-bottom: 17px; }
}
.about_content p { font-size: 14px; line-height: 26px; max-width: 890px; margin: 0 auto; }
.chose_content h3 { font-size: 22px; text-transform: capitalize; font-weight: 400; line-height: 26px; margin-bottom: 19px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chose_content h3 { font-size: 20px; line-height: 24px; margin-bottom: 17px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.chose_content h3 { font-size: 16px; argin-bottom: 13px; }
}
@media only screen and (max-width: 767px) {
.chose_content h3 { font-size: 18px; line-height: 20px; margin-bottom: 13px; }
}
.about_signature { margin-top: 25px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_signature { margin-top: 20px; }
}
@media only screen and (max-width: 767px) {
.about_signature { margin-top: 22px; }
}
.choseus_area { margin-bottom: 60px; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; padding: 60px 0 54px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.choseus_area { margin-bottom: 60px; }
}
@media only screen and (max-width: 767px) {
.choseus_area { margin-bottom: 60px; }
}
.single_chose { text-align: center; }
@media only screen and (max-width: 767px) {
.single_chose { margin-bottom: 25px; }
}
.single_chose:hover .chose_icone { transform: rotatey(180deg); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_chose.chose3 { margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
.single_chose.chose3 { margin-bottom: 0; }
}
.chose_icone { margin-bottom: 23px; -webkit-transition: 0.5s; transition: 0.5s; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.chose_icone { margin-bottom: 20px; }
}
@media only screen and (max-width: 767px) {
.chose_icone { margin-bottom: 14px; }
}
.single_gallery_section { background: #ffffff; }
@media only screen and (max-width: 767px) {
.single_gallery_section { margin-bottom: 25px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_gallery_section.col__3 { margin-top: 30px; }
}
.about_gallery_container { border-bottom: 1px solid #ededed; padding-bottom: 55px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_gallery_container { padding-bottom: 55px; }
}
@media only screen and (max-width: 767px) {
.about_gallery_container { padding-bottom: 28px; }
}
.about_gallery_section { margin-bottom: 55px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_gallery_section { margin-bottom: 55px; }
}
@media only screen and (max-width: 767px) {
.about_gallery_section { margin-bottom: 57px; }
}
 @media only screen and (max-width: 767px) {
.gallery_thumb img { width: 100%; }
}
.about_gallery_content { padding-top: 21px; text-align: center; }
.about_gallery_content h3 { font-size: 25px; text-transform: capitalize; font-weight: 400; line-height: 25px; margin-bottom: 12px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about_gallery_content h3 { font-size: 22px; line-height: 25px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_gallery_content h3 { font-size: 20px; line-height: 22px; }
}
@media only screen and (max-width: 767px) {
.about_gallery_content h3 { font-size: 18px; margin-bottom: 11px; line-height: 22px; }
}
.about_gallery_content p { line-height: 26px; }
.team_container { padding-bottom: 45px; border-bottom: 1px solid #ededed; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team_container { padding-bottom: 15px; }
}
@media only screen and (max-width: 767px) {
.team_container { padding-bottom: 15px; }
}
.team_member { text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team_member { margin-bottom: 28px; }
}
@media only screen and (max-width: 767px) {
.team_member { margin-bottom: 28px; }
}
.team_thumb { margin-bottom: 24px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team_thumb { margin-bottom: 18px; }
}
@media only screen and (max-width: 767px) {
.team_thumb { margin-bottom: 18px; }
}
.team_content h3 { font-size: 18px; line-height: 24px; font-weight: 500; margin-bottom: 5px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team_content h3 { line-height: 18px; margin-bottom: 4px; }
}
@media only screen and (max-width: 767px) {
.team_content h3 { line-height: 18px; margin-bottom: 4px; font-size: 17px; }
}
.team_content h5 { font-size: 13px; line-height: 17px; margin-bottom: 12px; padding-bottom: 14px; position: relative; display: inline-block; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team_content h5 { margin-bottom: 11px; padding-bottom: 11px; }
}
@media only screen and (max-width: 767px) {
.team_content h5 { margin-bottom: 11px; padding-bottom: 11px; }
}
.team_content h5::before { position: absolute; content: ""; width: 37px; height: 2px; background: #febc8b; bottom: 0; left: 50%; transform: translatex(-50%); }
.team_content p { font-size: 14px; line-height: 25px; }
.team_content p a:hover { color: #febc8b; }
/*about page css end*/
/*--
    16. About US css
---------------------------*/
.faq-client_title { margin-bottom: 28px; text-align: center; }
@media only screen and (max-width: 767px) {
.faq-client_title { margin-bottom: 23px; }
}
.faq-client_title h2 { font-size: 25px; line-height: 25px; font-weight: 400; display: inline-block; margin-bottom: 0; text-transform: capitalize; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq-client_title h2 { font-size: 22px; line-height: 24px; }
}
@media only screen and (max-width: 767px) {
.faq-client_title h2 { font-size: 20px; line-height: 20px; }
}
 @media only screen and (max-width: 767px) {
.faq-client-say-area .section_title { margin-bottom: 22px; }
}
.panel-heading .panel-title { margin-bottom: 0; }
.panel-heading .panel-title a { background: #ffffff; display: block; padding: 14px 20px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; color: inherit; position: relative; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; border: none; -webkit-box-shadow: none; box-shadow: none; font-weight: 500; }
@media only screen and (max-width: 767px) {
.panel-heading .panel-title a { padding: 10px 38px 10px 15px; font-size: 13px; }
}
.panel-heading .panel-title a::before { position: absolute; content: "\f0d7"; font-family: 'FontAwesome'; color: #333; font-size: 20px; width: 22px; height: 22px; text-align: center; line-height: 25px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; border-radius: 100%; z-index: 4; margin-top: 0px; }
.panel-heading .panel-title a[aria-expanded="true"]::before { background: #fff; color: #febc8b; }
.faq-style-wrap .panel-title a[aria-expanded="true"] { border-radius: 3px 3px 0 0; color: #ffffff; background: #febc8b; }
.panel.panel-default { margin-bottom: 21px; }
.panel.panel-default:last-child { margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.panel.panel-default { margin-bottom: 13px; }
}
.panel-body { padding: 15px; border: 1px solid #ddd; background: #ffffff; }
.about_testi_title { margin-bottom: 28px; text-align: center; }
@media only screen and (max-width: 767px) {
.about_testi_title { margin-bottom: 22px; }
}
.about_testi_title h2 { font-size: 28px; line-height: 28px; font-weight: 400; display: inline-block; margin-bottom: 0; text-transform: capitalize; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_testi_title h2 { font-size: 22px; line-height: 24px; }
}
@media only screen and (max-width: 767px) {
.about_testi_title h2 { font-size: 20px; line-height: 20px; }
}
/* 20. services page css here */
.services_gallery { padding-bottom: 30px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.services_gallery { padding-bottom: 29px; }
}
@media only screen and (max-width: 767px) {
.services_gallery { padding-bottom: 30px; }
}
.services_content h3 { font-size: 15px; text-transform: capitalize; font-weight: 400; margin-bottom: 11px; line-height: 14px; }
.services_content p { font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 0; }
.services_thumb { margin-bottom: 20px; }
.services_thumb img { width: 100%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.services_thumb img { width: 100%; }
}
@media only screen and (max-width: 767px) {
.services_thumb img { width: 100%; }
}
.single_services { margin-bottom: 25px; }
.our_services { padding: 50px 0 27px; background: #ECECEC; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.our_services { margin-bottom: 60px; padding: 50px 0 30px; }
}
@media only screen and (max-width: 767px) {
.our_services { padding: 54px 0 26px; margin-bottom: 60px; }
}
.services_item { margin-bottom: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.services_title { text-align: center; margin-bottom: 35px; }
.services_title h2 { font-size: 25px; text-transform: uppercase; font-weight: 400; margin-bottom: 11px; }
@media only screen and (max-width: 767px) {
.services_title h2 { font-size: 20px; line-height: 22px; }
}
.services_title p { max-width: 790px; margin: 0 auto; }
.services_icone { margin-right: 15px; }
.services_icone i { font-size: 35px; line-height: 46px; color: #febc8b; }
.services_desc h3 { font-size: 13px; font-weight: 400; }
@media only screen and (max-width: 767px) {
.services_desc h3 { line-height: 22px; }
}
.services_desc p { font-size: 13px; font-weight: 400; line-height: 24px; margin-bottom: 0; }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.services_section_thumb { margin-bottom: 28px; }
}
@media only screen and (max-width: 767px) {
.services_section_thumb { margin-bottom: 28px; }
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
.unlimited_services { margin: 60px 0; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.unlimited_services { margin-bottom: 60px; }
}
@media only screen and (max-width: 767px) {
.unlimited_services { margin-bottom: 60px; }
}
.unlimited_services_content h1 { font-weight: 400; line-height: 40px; text-transform: uppercase; font-size: 25px; margin-bottom: 20px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.unlimited_services_content h1 { line-height: 25px; font-size: 20px; margin-bottom: 12px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.unlimited_services_content h1 { line-height: 21px; font-size: 20px; margin-bottom: 6px; }
}
@media only screen and (max-width: 767px) {
.unlimited_services_content h1 { line-height: 20px; font-size: 18px; margin-bottom: 6px; }
}
.unlimited_services_content p { font-size: 14px; line-height: 28px; margin-bottom: 25px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.unlimited_services_content p { font-size: 14px; margin-bottom: 15px; }
}
@media only screen and (max-width: 767px) {
.unlimited_services_content p { font-size: 13px; margin-bottom: 15px; }
}
.unlimited_services_content .view__work a { font-size: 14px; padding: 8px 20px 7px; display: inline-block; border-radius: 20px; border: 1px solid #ededed; }
.unlimited_services_content .view__work a:hover { background: #febc8b; color: #fff; border-color: #febc8b; }
.priceing_table { background: #ECECEC; padding: 60px 0 30px; margin-bottom: 52px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.priceing_table { padding: 60px 0 30px; }
}
@media only screen and (max-width: 767px) {
.priceing_table { padding: 60px 0 30px; }
}
.single_priceing { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4); box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4); text-align: center; margin-bottom: 30px; }
.priceing_title { padding: 20px; background: #febc8b; }
.priceing_title h1 { color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 0; }
.priceing_list { padding: 0 20px 30px; }
.priceing_list h1 { font-size: 12px; font-weight: 500; text-transform: uppercase; padding: 36px 0 24px; margin: 0; line-height: 20px; }
.priceing_list h1 span { font-size: 40px; }
.priceing_list ul li { padding: 15px 0; border-bottom: 1px solid #ededed; line-height: 24px; }
.priceing_list ul li:first-child { border-top: 1px solid #ededed; }
.priceing_list a { margin: 30px 0 0; line-height: 38px; padding: 0 20px; border: 1px solid #232323; color: #232323; display: inline-block; font-size: 12px; font-weight: 600; border-radius: 30px; text-transform: uppercase; }
.priceing_list a.list_button, .priceing_list a:hover { background: #febc8b; border-color: #febc8b; color: #fff; }
 @media only screen and (max-width: 767px) {
.advantages_content { text-align: center; }
}
.advantages_content h3 { font-size: 25px; font-weight: 500; text-transform: capitalize; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.advantages_content h3 { font-size: 20px; line-height: 20px; }
}
@media only screen and (max-width: 767px) {
.advantages_content h3 { font-size: 16px; line-height: 20px; }
}
.advantages_content p { font-size: 14px; font-style: italic; font-weight: 400; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.advantages_content p { font-size: 13px; }
}
@media only screen and (max-width: 767px) {
.advantages_content p { font-size: 13px; }
}
.advantages_button { text-align: center; }
.advantages_button a { font-size: 14px; padding: 8px 20px 7px; display: inline-block; border-radius: 20px; border: 1px solid #ededed; }
.advantages_button a:hover { background: #febc8b; color: #fff; border-color: #febc8b; }
@media only screen and (max-width: 767px) {
.advantages_button a { padding: 5px 11px; font-size: 13px; margin-top: 20px; }
}
/*services page css end*/
/* 11. blog page css here */
.blog_wrapper .post_author { margin-bottom: 3px; }
.blog_wrapper .post_date { margin-bottom: 4px; }
.blog_wrapper .post_date span { font-style: normal; text-transform: uppercase; font-size: 12px; }
.blog_wrapper .blog_footer a { font-size: 14px; line-height: 40px; font-weight: 700; padding: 0 25px; display: inline-block; border: 2px solid; border-radius: 25px; }
.blog_wrapper .blog_footer a:hover { color: #febc8b; border-color: #febc8b; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_footer a { font-size: 13px; line-height: 35px; padding: 0 18px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .blog_footer a { font-size: 13px; line-height: 35px; padding: 0 20px; }
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_footer a { font-size: 13px; line-height: 34px; padding: 0 18px; }
}
.blog_wrapper .single_blog { margin-bottom: 30px; display: flex; }
@media only screen and (max-width: 767px) {
.blog_wrapper .single_blog { flex-direction: column; margin-bottom: 30px; }
}
.blog_wrapper .blog_thumb { width: 370px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_thumb { width: 300px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .blog_thumb { width: 300px; }
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_thumb { width: 100%; }
}
.blog_wrapper .blog_thumb img { transform: inherit; }
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_thumb img { width: 100%; }
}
.blog_wrapper .blog_thumb iframe { height: 248px; width: 100%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_thumb iframe { height: 200px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .blog_thumb iframe { height: 200px; }
}
.blog_wrapper .single_blog_thumb { width: 370px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .single_blog_thumb { width: 300px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .single_blog_thumb { width: 300px; }
}
@media only screen and (max-width: 767px) {
.blog_wrapper .single_blog_thumb { width: 100%; }
}
.blog_wrapper .blog_content { width: calc(100% - 370px); padding-left: 25px; padding-top: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_content { width: calc(100% - 300px); }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .blog_content { width: calc(100% - 300px); }
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_content { width: 100%; padding-left: 0; padding-top: 16px; }
}
.blog_wrapper .blog_content h4 { position: relative; font-size: 18px; line-height: 22px; }
.blog_wrapper .blog_content h4::before { content: "\f1d8"; color: #ff4545; font-family: 'FontAwesome'; display: inline-block; margin-right: 5px; vertical-align: middle; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_content h4 { font-size: 20px; line-height: 20px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .blog_content h4 { font-size: 20px; line-height: 20px; }
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_content h4 { font-size: 19px; line-height: 21px; }
}
.blog_wrapper .blog_content > p { margin: 11px 0 19px; line-height: 23px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_content > p { line-height: 22px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .blog_content > p { margin: 12px 0 19px; }
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_content > p { margin: 13px 0 17px; }
}
.blog_wrapper .blog_desc { margin-bottom: 25px; }
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_desc { margin-bottom: 20px; }
}
.blog_wrapper .blog_desc p { font-size: 14px; line-height: 28px; margin-bottom: 0; }
.blog_bidio .blog_content { padding-top: 16px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_bidio .blog_content { padding-top: 19px; }
}
@media only screen and (max-width: 767px) {
.blog_bidio .blog_content { padding-top: 13px; }
}
.readmore_button a { height: 38px; line-height: 40px; background: #febc8b; border: 0; color: #fff; display: block; text-align: center; padding: 0 20px; font-size: 12px; text-transform: uppercase; font-weight: 600; font-style: normal; border-radius: 3px; max-width: 170px; }
.readmore_button a:hover { background: #232323; }
@media only screen and (max-width: 767px) {
.readmore_button a { max-width: 130px; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_sidebar_widget { margin-top: 57px; }
}
@media only screen and (max-width: 767px) {
.blog_sidebar_widget { margin-top: 57px; }
}
.blog_sidebar_widget .widget_title { position: relative; margin-bottom: 20px; }
.blog_sidebar_widget .widget_title h3 { margin-bottom: 0; }
.blog_sidebar_widget .widget_list { margin-bottom: 28px; }
.blog_sidebar_widget .widget_list:last-child { margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_sidebar_widget .widget_list { margin-bottom: 55px; }
}
@media only screen and (max-width: 767px) {
.blog_sidebar_widget .widget_list { margin-bottom: 55px; }
}
.blog_sidebar_widget .widget_list.comments .post_thumb a img { border-radius: 50%; }
.blog_sidebar_widget .widget_list.comments .post_info span a { color: #febc8b; }
.blog_sidebar_widget .widget_list.comments .post_info a:hover { color: #febc8b; }
.blog_sidebar_widget .widget_categories { background: inherit; margin-bottom: 18px; }
.blog_sidebar_widget .widget_categories .widget_title { margin-bottom: 15px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_sidebar_widget .widget_categories { margin-bottom: 52px; }
}
@media only screen and (max-width: 767px) {
.blog_sidebar_widget .widget_categories { margin-bottom: 43px; }
}
.blog_sidebar_widget .widget_categories ul li a { color: #232323; padding: 0; border: 0; line-height: 35px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_sidebar_widget .tag_widget ul li a { padding: 0 12px; }
}
.widget_search input { height: 35px; border: 1px solid #ededed; background: #fff; color: #232323; width: 100%; margin-bottom: 20px; padding: 0 15px; }
.widget_search button { color: #fff; display: inline-block; background: #242424; border: none; padding: 0 20px; height: 34px; line-height: 35px; text-transform: uppercase; font-size: 12px; font-weight: 600; cursor: pointer; -webkit-transition: .3s; transition: .3s; border-radius: 3px; }
.widget_search button:hover { background: #febc8b; }
.tag_widget ul li { display: inline-block; }
.tag_widget ul li a { margin: 0 6px 0 0; display: block; font-size: 12px; font-weight: 400; border: 1px solid #ededed; background: #fff; padding: 0 15px; line-height: 29px; border-radius: 3px; }
.tag_widget ul li a:hover { background: #febc8b; border-color: #febc8b; color: #fff; }
.post_thumb { width: 60px; float: left; margin-right: 10px; }
.post_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; }
.post_wrapper:last-child { margin-bottom: 0; }
.post_info h4 { font-size: 13px; font-weight: 500; text-transform: capitalize; line-height: 14px; margin-bottom: 5px; }
.post_info h4 a:hover { color: #febc8b; }
.post_info span { font-size: 12px; }
.blog_categories ul li { border-top: 1px solid #ddd; }
.blog_categories ul li a { padding: 10px 0; text-transform: capitalize; display: inline-block; margin-left: 0; }
.blog_categories ul li a:hover { color: #febc8b; }
.blog_categories ul li:last-child a { padding-bottom: 0; }
.shipping_area.shipping_contact.blog_shipping { margin-top: 94px; }
.blog_pagination .pagination { border: 1px solid #ededed; justify-content: center; padding: 10px 0; }
@media only screen and (max-width: 767px) {
.blog_pagination .pagination { margin-top: 0; }
}

/*blog page css end*/
/*blog fullwidth css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_fullwidth .blog_sidebar_widget { margin-top: 55px; }
}
@media only screen and (max-width: 767px) {
.blog_fullwidth .blog_wrapper { margin-bottom: 56px; }
}
.blog_fullwidth .single_blog { flex-direction: column; }
.blog_fullwidth .single_blog_thumb { width: 100%; }
.blog_fullwidth .blog_thumb { width: 100%; }
.blog_fullwidth .blog_thumb img { transform: inherit; }
.blog_fullwidth .blog_thumb iframe { height: 550px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_fullwidth .blog_thumb iframe { height: 440px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_fullwidth .blog_thumb iframe { height: 440px; }
}
@media only screen and (max-width: 767px) {
.blog_fullwidth .blog_thumb iframe { height: 200px; }
}
.blog_fullwidth .blog_content { width: 100%; padding-left: 0; padding-top: 21px; }
.blog_fullwidth .blog_content h4 { font-size: 24px; line-height: 24px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_fullwidth .blog_content h4 { font-size: 22px; line-height: 22px; }
}
@media only screen and (max-width: 767px) {
.blog_fullwidth .blog_content h4 { font-size: 16px; line-height: 23px; }
}
.blog_fullwidth .blog_content p { font-size: 16px; line-height: 23px; max-width: 81%; }
@media only screen and (max-width: 767px) {
.blog_fullwidth .blog_content p { font-size: 16px; line-height: 25px; max-width: 91%; }
}
.blog_thumb_active:hover .owl-nav > div { left: 20px; opacity: 1; visibility: visible; }
.blog_thumb_active:hover .owl-nav > div.owl-next { right: 20px; }
.blog_thumb_active .owl-nav > div { position: absolute; top: 50%; transform: translatey(-50%); background: rgba(236, 54, 66, 0.6); width: 30px; height: 30px; line-height: 30px; font-size: 20px; color: #fff; text-align: center; border-radius: 50%; left: 40px; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; visibility: hidden; }
.blog_thumb_active .owl-nav > div.owl-next { right: 40px; left: auto; }
.blog_aduio_icone { margin-top: 20px; }
@media only screen and (max-width: 767px) {
.blog_aduio_icone { margin-top: 18px; }
}
.blog_aduio_icone audio { width: 100%; }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_reverse .blog_wrapper .row { flex-direction: row; }
}
@media only screen and (max-width: 767px) {
.blog_reverse .blog_wrapper .row { flex-direction: row; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_reverse .row { flex-direction: column-reverse; }
}
@media only screen and (max-width: 767px) {
.blog_reverse .row { flex-direction: column-reverse; }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper_sidebar .row { flex-direction: row; }
}
@media only screen and (max-width: 767px) {
.blog_wrapper_sidebar .row { flex-direction: row; }
}
.pagination_full { margin-top: 0; }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_nosidebar { margin-bottom: 0; }
}
.blog_nosidebar .single_blog { overflow: hidden; }
.blog_nosidebar .single_blog_gallery { overflow: hidden; }
.blog_nosidebar .blog_thumb { float: left; width: 30%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_nosidebar .blog_thumb { width: 35%; }
}
@media only screen and (max-width: 767px) {
.blog_nosidebar .blog_thumb { width: 100%; }
}
.blog_nosidebar .blog_thumb_active { float: left; width: 30%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_nosidebar .blog_thumb_active { width: 35%; }
}
@media only screen and (max-width: 767px) {
.blog_nosidebar .blog_thumb_active { width: 100%; }
}
.blog_nosidebar .blog_content { float: left; width: 70%; padding-top: 0; padding-left: 25px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_nosidebar .blog_content { width: 65%; }
}
@media only screen and (max-width: 767px) {
.blog_nosidebar .blog_content { width: 100%; padding-left: 0; padding-top: 20px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_nosidebar .blog_content h3 { line-height: 20px; margin-bottom: 9px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_nosidebar .blog_meta { margin-bottom: 9px; }
}
/* 12. blog details css here */
.post_header { margin-bottom: 28px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.post_header { margin-bottom: 25px; }
}
@media only screen and (max-width: 767px) {
.post_header { margin-bottom: 22px; }
}
.post_header h3 { font-size: 30px; line-height: 25px; font-weight: 600; margin-bottom: 9px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.post_header h3 { font-size: 26px; line-height: 25px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.post_header h3 { font-size: 25px; line-height: 23px; }
}
@media only screen and (max-width: 767px) {
.post_header h3 { font-size: 20px; line-height: 22px; margin-bottom: 7px; }
}
.blog_details .single_blog { margin-bottom: 56px; border: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_details .single_blog { margin-bottom: 56px; }
}
@media only screen and (max-width: 767px) {
.blog_details .single_blog { margin-bottom: 56px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_details .blog_sidebar { margin-bottom: 0; }
}
@media only screen and (max-width: 767px) {
.blog_details .blog_sidebar { margin-bottom: 0; }
}
.blog_details .blog_meta { margin-bottom: 0; }
.blog_details .blog_thumb { width: 100%; float: inherit; }
.blog_details .blog_content { padding: 0; padding-top: 30px; text-align: left; width: 100%; }
@media only screen and (max-width: 767px) {
.blog_details .blog_content { padding-top: 22px; }
}
.blog_details .post_content > p { line-height: 24px; margin: 0; font-size: 15px; }
@media only screen and (max-width: 767px) {
.blog_details .post_content > p { font-size: 14px; }
}
.blog_details .post_content blockquote { margin: 31px 0 31px 40px; font-style: italic; padding: 30px 45px; background: #f6f6f6; border: 1px solid #ebebeb; border-left: 4px solid #febc8b; }
.blog_details .post_content blockquote p { font-size: 16px; }
@media only screen and (max-width: 767px) {
.blog_details .post_content blockquote p { font-size: 15px; }
}
@media only screen and (max-width: 767px) {
.blog_details .post_content blockquote { margin: 23px 0 23px 0; padding: 20px 12px 15px; }
}
.blog_details .social_sharing { display: flex; align-items: center; }
.blog_details .social_sharing p { font-size: 13px; text-transform: capitalize; margin-right: 20px; margin-bottom: 0; margin-top: 0; line-height: 13px; font-weight: 500; }
@media only screen and (max-width: 767px) {
.blog_details .social_sharing p { font-size: 13px; margin-right: 10px; }
}
.blog_details .social_sharing ul li { display: inline-block; }
.blog_details .social_sharing ul li a { background: #e6e6e6; border-radius: 100%; display: inline-block; font-size: 12px; height: 26px; line-height: 26px; margin-right: 5px; text-align: center; width: 26px; }
.blog_details .social_sharing ul li a:hover { color: #ffffff; background: #febc8b; }
@media only screen and (max-width: 767px) {
.blog_details .social_sharing ul li a { margin-right: 2px; }
}
.blog_details .social_sharing ul li:first-child a { padding-left: 0; border-left: 0; }
.entry_content { display: flex; justify-content: space-between; align-items: center; }
@media only screen and (max-width: 767px) {
.entry_content { flex-direction: column; text-align: left; align-items: inherit; }
}
.entry_content .post_meta { margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.entry_content .post_meta { margin-bottom: 10px; }
}
.entry_content .post_meta span { font-weight: 500; font-size: 13px; }
.entry_content .post_meta span a:hover { color: #febc8b; }
.comments_box { margin-bottom: 68px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.comments_box { margin-bottom: 58px; }
}
@media only screen and (max-width: 767px) {
.comments_box { margin-bottom: 58px; }
}
.comments_box h3 { font-size: 17px; margin: 0 0 20px; font-weight: 600; line-height: 20px; text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.comments_box h3 { font-size: 16px; margin: 0 0 18px; }
}
.comment_list { overflow: hidden; margin-bottom: 30px; }
.comment_list:last-child { margin-bottom: 0; }
.comment_list .comment_thumb { display: inline-block; float: left; }
@media only screen and (max-width: 767px) {
.comment_list .comment_thumb { width: 40px; }
}
.comment_list .comment_content { margin-left: 70px; position: relative; border: 1px solid #ebebeb; border-radius: 3px; padding: 15px; }
@media only screen and (max-width: 767px) {
.comment_list .comment_content { margin-left: 55px; }
}
.comment_list .comment_content h5 { font-size: 12px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; }
.comment_list .comment_content h5 a:hover { color: #febc8b; }
.comment_list .comment_content span { line-height: 18px; margin-bottom: 8px; font-size: 13px; font-style: italic; display: inline-block; }
.comment_list .comment_content p { margin-bottom: 0; font-size: 14px; }
.comment_reply { position: absolute; top: 20px; right: 12px; }
@media only screen and (max-width: 767px) {
.comment_reply { top: 15px; }
}
.comment_reply a { padding: 2px 10px; border-radius: 3px; color: #fff; background: #232323; display: block; }
@media only screen and (max-width: 767px) {
.comment_reply a { line-height: 20px; font-size: 13px; }
}
.comment_reply a:hover { background: #febc8b; }
.comments_form h3 { font-size: 17px; margin: 0 0 20px; font-weight: 600; line-height: 20px; text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.comments_form h3 { font-size: 16px; margin: 0 0 17px; }
}
.comments_form p { font-size: 13px; line-height: 17px; margin-bottom: 12px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.comments_form form .row { flex-direction: row; }
}
.comments_form form label { font-size: 13px; line-height: 20px; font-weight: 500; margin-bottom: 10px; }
.comments_form form textarea { width: 100%; height: 200px; background: #ffffff; border: 1px solid #ededed; margin-bottom: 10px; resize: none; padding: 10px; }
@media only screen and (max-width: 767px) {
.comments_form form textarea { height: 120px; }
}
.comments_form form input { width: 100%; height: 40px; border: 1px solid #ededed; margin-bottom: 15px; padding: 0 20px; }
.comments_form form button { border: 0; line-height: 36px; background: #232323; font-weight: 500; }
.comments_form form button:hover { background: #febc8b; }
@media only screen and (max-width: 767px) {
.comments_form form button { line-height: 38px; height: 38px; padding: 0 10px; }
}
.comment_list.list_two { padding-left: 50px; }
@media only screen and (max-width: 767px) {
.comment_list.list_two { padding-left: 0; }
}
.related_posts { border-top: 1px solid #ededed; padding: 56px 0 51px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.related_posts { padding: 57px 0 51px; }
}
@media only screen and (max-width: 767px) {
.related_posts { padding: 58px 0 26px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.related_posts .row { flex-direction: row !important; }
}
.related_posts h3 { font-size: 17px; margin: 0 0 20px; font-weight: 600; line-height: 20px; text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.related_posts h3 { font-size: 16px; margin: 0 0 16px; }
}
.related_thumb { margin-bottom: 15px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.related_thumb img { width: 100%; }
}
@media only screen and (max-width: 767px) {
.related_thumb img { width: 100%; }
}
.related_content h4 { font-size: 14px; font-weight: 600; line-height: 15px; margin-bottom: 0; text-transform: uppercase; }
.related_content h4 a { color: #232323; }
.related_content h4 a:hover { color: #febc8b; }
.related_content span { font-size: 13px; line-height: 17px; }
.related_content span i { margin-right: 3px; }
.related_content .blog_meta span { font-size: 12px; line-height: 22px; }
 @media only screen and (max-width: 767px) {
.single_related { margin-bottom: 25px; }
}
/*blog details css end*/
/*  24. modal css here */
.modal-dialog.modal-dialog-centered { min-width: 1100px; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.modal-dialog.modal-dialog-centered { min-width: 1000px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.modal-dialog.modal-dialog-centered { min-width: 950px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal-dialog.modal-dialog-centered { min-width: 730px; }
}
@media only screen and (max-width: 767px) {
.modal-dialog.modal-dialog-centered { min-width: 90%; }
}
.modal_tab_img { text-align: center; margin-bottom: 10px; }
.modal_tab_img img { margin: 0 auto; }
.modal_tab_button ul li a { padding: 0; border: 1px solid #ededed; margin: 0 2px; }
.modal_tab_button ul li a img { width: 100%; }
.modal_title h2 { font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 14px; line-height: 26px; }
.modal_social h2 { font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; line-height: 20px; }
.modal_social ul li { display: inline-block; margin-right: 3px; }
.modal_social ul li a { text-transform: uppercase; display: inline-block; width: 38px; height: 38px; text-align: center; line-height: 38px; border-radius: 50%; font-size: 15px; color: #ffffff; font-weight: 400; }
.modal_social ul li.facebook a { background: #3c5b9b; }
.modal_social ul li.facebook a:hover { background: #febc8b; }
.modal_social ul li.twitter a { background: #1DA1F2; }
.modal_social ul li.twitter a:hover { background: #febc8b; }
.modal_social ul li.pinterest a { background: #BD081B; }
.modal_social ul li.pinterest a:hover { background: #febc8b; }
.modal_social ul li.google-plus a { background: #DC5043; }
.modal_social ul li.google-plus a:hover { background: #febc8b; }
.modal_social ul li.linkedin a { background: #010103; }
.modal_social ul li.linkedin a:hover { background: #febc8b; }
.modal_price { margin-bottom: 12px; }
.modal_price span { font-weight: 600; color: #febc8b; font-size: 16px; }
.modal_price span.old_price { color: #232323; font-size: 14px; font-weight: 400; text-decoration: line-through; margin-left: 5px; }
.modal_description p { line-height: 24px; font-size: 15px; margin: 0; }
.variants_size h2, .variants_color h2 { font-size: 13px; font-weight: 600; text-transform: uppercase; margin-bottom: 7px; line-height: 20px; }
.variants_size.mb-15, .mb-15.variants_color { margin-bottom: 24px; }
.variants_size .select_option, .variants_color .select_option { width: 100%; border-radius: 0; margin-bottom: 25px; }
.variants_size .select_option .list, .variants_color .select_option .list { width: 100%; border-radius: 0; }
.modal_add_to_cart { margin-bottom: 25px; }
.modal_add_to_cart form input { width: 95px; border: 1px solid #ededed; background: none; padding: 0 10px; height: 45px; }
@media only screen and (max-width: 767px) {
.modal_add_to_cart form input { width: 75px; }
}
.modal_add_to_cart form button { background: none; border: 1px solid #232323; margin-left: 10px; font-size: 12px; font-weight: 700; height: 45px; width: 230px; line-height: 18px; padding: 10px 15px; text-transform: uppercase; background: #232323; color: #ffffff; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; }
@media only screen and (max-width: 767px) {
.modal_add_to_cart form button { width: 130px; }
}
.modal_add_to_cart form button:hover { background: #febc8b; color: #ffffff; border-color: #febc8b; }
.modal_body { padding: 29px 6px 38px; }
@media only screen and (max-width: 767px) {
.modal_body { padding: 42px 6px 38px; }
}
@media only screen and (max-width: 767px) {
.modal_body .modal_tab { margin-bottom: 30px; }
}
.modal-content { border-radius: 0; }
.modal-content button.close { position: absolute; left: 94%; width: 35px; height: 35px; line-height: 34px; display: block; border: 1px solid #ededed; top: 10px; border-radius: 50%; cursor: pointer; font-size: 18px; z-index: 9; }
@media only screen and (max-width: 767px) {
.modal-content button.close { left: 83%; width: 32px; height: 32px; line-height: 35px; top: 4px; margin-bottom: 14px; }
}
.modal-content button.close:hover { color: #febc8b; }
.modal_add_to_cart.mb-15 { margin-bottom: 23px; }
.modal_description.mb-15 { margin-bottom: 20px; }
.product_navactive.owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible; }
.product_navactive.owl-carousel .owl-nav { display: block; }
.product_navactive.owl-carousel .owl-nav div { position: absolute; background: #f2f2f2; border-radius: 3px; color: #333; height: 32px; top: 50%; transform: translatey(-50%); width: 32px; text-align: center; line-height: 32px; left: -7px; font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; }
.product_navactive.owl-carousel .owl-nav div:hover { background: #febc8b; color: #ffffff; }
.product_navactive.owl-carousel .owl-nav div.owl-next { right: -7px; left: auto; }
/*modal css end*/
/*  23. newsletter popup css here */
.newletter-popup { background: #fff; top: 50% !important; margin-top: -179px; position: fixed !important; padding: 50px; text-align: center; display: none; }
@media only screen and (max-width: 767px) {
.newletter-popup { padding: 30px 20px; width: 95%; }
}
#boxes .newletter-title h2 { font-size: 30px; text-transform: uppercase; margin: 0 0 30px; }
@media only screen and (max-width: 767px) {
#boxes .newletter-title h2 { font-size: 22px; margin: 0 0 10px; }
}
#boxes .box-content label { font-weight: 400; font-size: 14px; }
#boxes .box-content .newletter-label { width: 70%; margin-bottom: 36px; }
@media only screen and (max-width: 767px) {
#boxes .box-content .newletter-label { width: 100%; }
}
#frm_subscribe form { width: 340px; margin: 0 auto; position: relative; }
@media only screen and (max-width: 767px) {
#frm_subscribe form { width: 100%; }
}
#frm_subscribe form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #747474;
}
#frm_subscribe form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #747474;
}
#frm_subscribe form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #747474;
}
#frm_subscribe form input:-moz-placeholder {
  /* Firefox 18- */
  color: #747474;
}
#frm_subscribe form input { background: #EBEBEB; padding: 0 127px 0 20px; height: 45px; border: 0; width: 100%; color: #747474; margin-bottom: 0; }
@media only screen and (max-width: 767px) {
#frm_subscribe form input { padding: 0 104px 0 20px; }
}
#frm_subscribe form a.theme-btn-outlined { position: absolute; top: 0; right: 0; height: 100%; width: 110px; background: #232323; cursor: pointer; color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: 600; -webkit-transition: 0.3s; transition: 0.3s; line-height: 45px; }
#frm_subscribe form a.theme-btn-outlined:hover { background: #febc8b; }
@media only screen and (max-width: 767px) {
#frm_subscribe form a.theme-btn-outlined { width: 90px; }
}
#boxes .box-content .subscribe-bottom { margin-top: 20px; }
#boxes .box-content .subscribe-bottom label { margin: 0; font-size: 13px; }
#boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again { display: inline-block; margin: 0; vertical-align: middle; }
#boxes #frm_subscribe #notification { color: #f00; }
#boxes #frm_subscribe #notification .success { color: #67D7BB; }
#popup2 { position: absolute; right: 1px; top: 1px; text-align: center; cursor: pointer; font-size: 13px; text-transform: capitalize; padding: 6px 12px; background: #232323; font-weight: 600; line-height: 17px; color: #ffffff; display: block; transition: 0.3s; }
#popup2:hover { background: #febc8b; }
/*newsletter popup css end*/
/* 09. error page css heer   */
.header_error { border-bottom: 1px solid #ededed; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_error { border-bottom: 0; }
}
@media only screen and (max-width: 767px) {
.header_error { border-bottom: 0; }
}
.error_form { text-align: center; }
.error_form h1 { font-size: 200px; font-weight: 700; color: #febc8b; letter-spacing: 10px; line-height: 160px; margin: 0 0 70px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.error_form h1 { margin: 0 0 50px; }
}
@media only screen and (max-width: 767px) {
.error_form h1 { font-size: 130px; line-height: 120px; letter-spacing: 4px; margin: 0 0 46px; }
}
.error_form h2 { font-size: 24px; text-transform: uppercase; font-weight: 500; line-height: 30px; margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.error_form h2 { font-size: 18px; line-height: 22px; margin-bottom: 14px; }
}
.error_form p { font-size: 17px; font-weight: 400; line-height: 26px; margin-bottom: 30px; }
@media only screen and (max-width: 767px) {
.error_form p { font-size: 15px; margin-bottom: 22px; line-height: 21px; }
}
.error_form form { width: 450px; margin: 0 auto; position: relative; }
@media only screen and (max-width: 767px) {
.error_form form { width: 100%; }
}
.error_form form input { padding: 0 60px 0 30px; background: #f8f8f8; border: 1px solid #ddd; color: #232323; height: 40px; width: 100%; border-radius: 3px; }
.error_form form button { position: absolute; right: 0; height: 100%; border: none; background: no-repeat; font-size: 20px; cursor: pointer; -webkit-transition: .3s; transition: .3s; top: 0; text-transform: uppercase; padding: 0 15px; font-weight: 600; }
.error_form form button:hover { color: #febc8b; }
.error_form a { color: #fff; display: inline-block; background: #febc8b; font-size: 12px; font-weight: bold; height: 40px; line-height: 40px; padding: 0 30px; text-transform: uppercase; margin-top: 35px; border-radius: 3px; }
@media only screen and (max-width: 767px) {
.error_form a { padding: 0 20px; margin-top: 25px; }
}
.error_form a:hover { background: #232323; }
.error_section { padding: 65px 0 20px; border-top: 1px solid #ededed; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.error_section { padding: 48px 0 0; }
}
@media only screen and (max-width: 767px) {
.error_section { padding: 42px 0 0; }
}
/*404 page css end*/
/*privacy policy css here*/
.privacy_policy_main_area { padding: 53px 0 10px; }
@media only screen and (max-width: 767px) {
.privacy_policy_main_area { padding: 57px 0 6px; }
}
.privacy_policy_header { text-align: center; margin-bottom: 50px; }
@media only screen and (max-width: 767px) {
.privacy_policy_header { margin-bottom: 53px; }
}
.privacy_policy_header h1 { font-size: 42px; line-height: 45px; font-weight: 500; margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.privacy_policy_header h1 { font-size: 25px; line-height: 25px; }
}
.privacy_content { margin-bottom: 44px; }
@media only screen and (max-width: 767px) {
.privacy_content { margin-bottom: 46px; }
}
.privacy_content h2 { font-size: 25px; line-height: 33px; font-weight: 500; }
@media only screen and (max-width: 767px) {
.privacy_content h2 { font-size: 18px; line-height: 26px; }
}
.privacy_content h3 { font-size: 21px; line-height: 28px; font-weight: 500; margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
.privacy_content h3 { font-size: 18px; line-height: 24px; }
}
.privacy_content p { font-size: 16px; line-height: 29px; margin-bottom: 15px; }
@media only screen and (max-width: 767px) {
.privacy_content p { font-size: 15px; line-height: 28px; }
}
.privacy_content p a { color: #a43d21; }
.privacy_content p a:hover { color: #febc8b; }
.privacy_content.section_1 h2 { margin-bottom: 14px; }
@media only screen and (max-width: 767px) {
.privacy_content.section_1 h2 { margin-bottom: 9px; }
}
.privacy_content.section_2 h2 { margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.privacy_content.section_2 h2 { margin-bottom: 16px; }
}
.privacy_content.section_3 h2 { margin-bottom: 18px; }
@media only screen and (max-width: 767px) {
.privacy_content.section_3 h2 { margin-bottom: 12px; }
}

/*privacy policy css end*/

/*# sourceMappingURL=style.css.map */
.header_middle{ background:#d20000 url(../img/top.png) no-repeat; background-size:100%;}