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

* {

    box-sizing: border-box;

}



*,

*::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: "Titillium Web", sans-serif;

    color: #333;

    letter-spacing: -0.025em;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 400;

    margin-top: 0;

    font-family: "Titillium Web", sans-serif;

}



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;

}





/*-- 

    - Common Classes

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



.fix {

    overflow: hidden;

}



.hidden {

    display: none;

}



.clear {

    clear: both;

}



.container {

    max-width: 1140px;

}



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

    .container {

        max-width: 970px;

    }

}



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

    .container {

        max-width: 750px;

    }

}



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

    .container {

        width: 450px;

    }

}



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

    .container {

        width: 100%;

    }

}



.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: #41b3ff none repeat scroll 0 0;

    bottom: 85px;

    color: #ffffff;

    cursor: pointer;

    display: none;

    font-size: 20px;

    height: 45px;

    line-height: 39px;

    position: fixed;

    right: 25px;

    text-align: center;

    width: 45px;

    z-index: 9999;

    border-radius: 50%;

    border: 2px solid #fff;

    -webkit-transition: 0.3s;

    transition: 0.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;

}





/*-- 

    - Section Padding

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



.section-ptb {

    padding: 100px 0;

}



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

    .section-ptb {

        padding: 90px 0;

    }

}



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

    .section-ptb {

        padding: 80px 0;

    }

}



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

    .section-ptb {

        padding: 70px 0;

    }

}



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

    .section-ptb {

        padding: 60px 0;

    }

}



.section-pt {

    padding-top: 100px;

}



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

    .section-pt {

        padding-top: 90px;

    }

}



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

    .section-pt {

        padding-top: 80px;

    }

}



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

    .section-pt {

        padding-top: 70px;

    }

}



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

    .section-pt {

        padding-top: 60px;

    }

}



.section-pt-70 {

    padding-top: 70px;

}



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

    .section-pt-70 {

        padding-top: 60px;

    }

}



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

    .section-pt-70 {

        padding-top: 50px;

    }

}



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

    .section-pt-70 {

        padding-top: 40px;

    }

}



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

    .section-pt-70 {

        padding-top: 30px;

    }

}



.section-pb-70 {

    padding-bottom: 80px;

}



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

    .section-pb-70 {

        padding-bottom: 60px;

    }

}



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

    .section-pb-70 {

        padding-bottom: 50px;

    }

}



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

    .section-pb-70 {

        padding-bottom: 40px;

    }

}



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

    .section-pb-70 {

        padding-bottom: 30px;

    }

}



.section-pb {

    padding-bottom: 100px;

}



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

    .section-pb {

        padding-bottom: 90px;

    }

}



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

    .section-pb {

        padding-bottom: 80px;

    }

}



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

    .section-pb {

        padding-bottom: 70px;

    }

}



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

    .section-pb {

        padding-bottom: 60px;

    }

}



.mt-10 {

    margin-top: 10px;

}



.mt-15 {

    margin-top: 15px;

}



.mt-17 {

    margin-top: 17px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-23 {

    margin-top: 23px;

}



.mt-30 {

    margin-top: 30px;

}



.mt-32 {

    margin-top: 32px;

}



.mt-50 {

    margin-top: 50px;

}



.mb-0 {

    margin-bottom: 0;

}



.mb-15 {

    margin-bottom: 15px;

}



.mb-42 {

    margin-bottom: 42px;

}



.mb-45 {

    margin-bottom: 45px;

}



.mb-50 {

    margin-bottom: 50px;

}



.mb-30 {

    margin-bottom: 30px;

}





/* 02. Element */



.button {

    background: #41b3ff;

    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 */



.off_canvars_overlay {

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: 99;

    opacity: 0;

    visibility: hidden;

    cursor: crosshair;

    background: #333;

    top: 0;

}



.off_canvars_overlay.active {

    opacity: 0.5;

    visibility: visible;

}



.marca-5 {

    background: #41b3ff;

    border-radius: 5px;

    padding-left: 10px;

}



.carrito-4 {

    background: #c70000;

    padding: 6px;

    border-radius: 5px;

    color: #fff;

    margin-left: 9px;

}



.Offcanvas_menu {

    display: none;

}



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

    .Offcanvas_menu {

        display: block;

        margin-bottom: 30px;

    }

}



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

    .Offcanvas_menu {

        display: block;

        margin-bottom: 25px;

    }

}



.Offcanvas_menu_wrapper {

    width: 290px;

    position: fixed;

    background: #fff;

    z-index: 99;

    top: 0;

    height: 100vh;

    transition: 0.5s;

    left: 0;

    margin-left: -300px;

    padding: 50px 20px 30px;

    overflow-y: auto;

}



.Offcanvas_menu_wrapper.active {

    margin-left: 0;

}



.Offcanvas_menu_wrapper .slinky-theme-default {

    background: inherit;

    min-height: 300px;

    overflow-y: auto;

}



.Offcanvas_menu_wrapper .follow_us {

    display: block;

}



.Offcanvas_menu_wrapper .search-container {

    display: block;

    margin-right: 0;

    margin-bottom: 24px;

}



.Offcanvas_menu_wrapper .search_box {

    border: 1px solid #f0f0f0;

    width: 100%;

}



.Offcanvas_menu_wrapper .search_box input {

    padding: 0 70px 0 15px;

    height: 35px;

}



.Offcanvas_menu_wrapper .search_box button {

    width: 52px;

    font-size: 21px;

}



.Offcanvas_menu_wrapper .search_box button:hover {

    background: #41b3ff;

    color: #333;

}



.Offcanvas_menu_wrapper .top_right {

    display: block;

    margin-bottom: 18px;

    text-align: center !important;

}



.Offcanvas_menu_wrapper .top_right>ul>li {

    padding-right: 4px;

    margin-right: 4px;

}



.Offcanvas_menu_wrapper .top_right>ul>li::before {

    display: none;

}



.Offcanvas_menu_wrapper .top_right>ul>li>a {

    font-size: 13px;

    line-height: 22px;

}



.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;

    display: block;

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid #f0f0f0;

}



.offcanvas_main_menu li a:hover {

    color: #41b3ff;

}



.offcanvas_main_menu li ul.sub-menu {

    padding-left: 20px;

}



.Offcanvas_follow {

    display: flex;

    justify-content: center;

    margin-bottom: 21px;

}



.Offcanvas_follow label {

    margin-bottom: 0;

    margin-right: 20px;

    font-size: 13px;

}



.Offcanvas_follow ul li {

    display: inline-block;

    margin-left: 16px;

}



.Offcanvas_follow ul li:first-child {

    margin-left: 0;

}



.Offcanvas_follow ul li a {

    font-size: 18px;

}



.Offcanvas_follow ul li a:hover {

    color: #41b3ff;

}



.slinky-theme-default a:not(.back) {

    padding: 10px 0;

    font-size: 16px;

    font-weight: 400;

}



.slinky-theme-default a:not(.back):hover {

    background: inherit;

    color: #41b3ff;

}



.canvas_close {

    position: absolute;

    top: 7px;

    right: 13px;

}



.canvas_close a {

    font-size: 22px;

    text-transform: uppercase;

    font-weight: 500;

    width: 35px;

    height: 35px;

    display: block;

    text-align: center;

    line-height: 33px;

    border: 1px solid #f0f0f0;

    border-radius: 50%;

}



.canvas_close a:hover {

    color: #41b3ff;

}



.canvas_open {

    display: flex;

    justify-content: space-between;

    border: 1px solid #f0f0f0;

    padding: 7px 20px 6px;

    background: #01416b;

    border-radius: 5px;

    color: #fff;

}



.canvas_open span {

    font-size: 18px;

    font-weight: 500;

    line-height: 27px;

}



.canvas_open a {

    font-size: 28px;

}



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

    .header_area {

        padding-bottom: 30px;

    }

}



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

    .header_area {

        padding-bottom: 25px;

    }

}



.header_area.header_padding {

    padding-bottom: 0;

}



.sticky-header.sticky {

    position: fixed;

    z-index: 99;

    width: 100%;

    top: 0;

    background: rgba(255, 255, 255, 0.7);

    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);

    -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;

}



@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_top {

    background: #41b3ff;

}



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

    .header_top {

        display: none;

    }

}



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

    .header_top {

        display: none;

    }

}



.top_inner {

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



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

    .top_inner {

        border: 0;

    }

}



.follow_us {

    display: flex;

}



.follow_us label {

    margin-bottom: 0;

    margin-right: 20px;

    font-size: 13px;

    color: #fff;

}



.follow_us ul li {

    display: inline-block;

    margin-left: 16px;

}



.follow_us ul li:first-child {

    margin-left: 0;

}



.follow_us ul li a {

    color: #ffffff;

    font-size: 18px;

}



.follow_us ul li a:hover {

    opacity: 0.7;

}



.top_right>ul>li {

    display: inline-block;

    position: relative;

}



.top_right>ul>li:hover ul.dropdown_currency,

.top_right>ul>li:hover ul.dropdown_language,

.top_right>ul>li:hover ul.dropdown_links {

    top: 100%;

    opacity: 1;

    visibility: visible;

    z-index: 9;

}



.top_right>ul>li:hover ul.dropdown_language {

    top: 100%;

    opacity: 1;

    visibility: visible;

    z-index: 9;

}



.top_right>ul>li:hover ul.dropdown_links {

    top: 100%;

    opacity: 1;

    visibility: visible;

    z-index: 9;

}



.top_right>ul>li:hover>a {

    opacity: 0.7;

}



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

    .top_right>ul>li {

        padding-right: 15px;

        margin-right: 15px;

    }

}



.top_right>ul>li:last-child {

    padding-right: 0;

    margin-right: 0;

}





/* .top_right > ul > li::before {

  position: absolute;

  content: "";

  width: 1px;

  height: 12px;

  background: #1b1b1b;

  top: 50%;

  right: 0px;

  transform: translatey(-50%);

} */



.top_right>ul>li:last-child::before {

    display: none;

}



.top_right>ul>li>a {

    color: #fff;

    line-height: 35px;

    font-size: 13px;

    cursor: pointer;

    display: inline-block;

    font-weight: 700;

    letter-spacing: 0.3px;

    padding: 0 15px;

    background: #41b3ff;

    border-radius: 5px;

    margin: 5px;

}



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

    .top_right>ul>li>a {

        line-height: 22px;

    }

}



.top_right>ul>li>a img {

    margin-right: 2px;

}



.top_right>ul>li>a i.ion-ios-arrow-down {

    margin-left: 6px;

    font-size: 11px;

}



.top_right>ul>li>a i.ion-android-person {

    margin-right: 4px;

}



.top_right>ul>li:hover a:not([href]):not([tabindex]) {

    color: #41b3ff;

}



.dropdown_currency,

.dropdown_language,

.dropdown_links {

    position: absolute;

    background: #fff;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    min-width: 130px;

    text-align: left;

    top: 125%;

    right: 0;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    overflow: hidden;

    z-index: 9999;

    padding: 9px 18px 8px;

    border-radius: 3px;

    opacity: 0;

    visibility: hidden;

    border: 1px solid #f0f0f0;

    z-index: -1;

}



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

    .dropdown_currency,

    .dropdown_language,

    .dropdown_links {

        right: 0;

        left: auto;

        min-width: 142px;

        padding: 0 6px;

    }

}



.dropdown_currency li,

.dropdown_language li,

.dropdown_links li {

    border-bottom: 1px solid #f0f0f0;

}



.dropdown_currency li:last-child,

.dropdown_language li:last-child,

.dropdown_links li:last-child {

    border-bottom: 0;

}



.dropdown_currency li a,

.dropdown_language li a,

.dropdown_links li a {

    display: block;

    font-size: 13px;

    white-space: nowrap;

    padding: 7px 0;

    line-height: 20px;

}



.dropdown_currency li a:hover,

.dropdown_language li a:hover,

.dropdown_links li a:hover {

    color: #41b3ff;

}



.dropdown_language {

    right: 0;

}



.dropdown_language li a img {

    margin-right: 4px;

}



.dropdown_links {

    left: 0;

}





/*header top css end*/





/* 2.2 header middel css here */



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

    .logo {

        text-align: center;

        margin-bottom: 21px;

    }

}



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

    .logo a img {

        max-width: 250px;

    }

}



.header_middle {

    background: #41b3ff;

    padding: 12px 0;

}



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

    .header_middle {

        padding: 21px 0;

    }

}



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

    .header_middle {

        padding: 22px 0 20px;

    }

}



.middel_right {

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    align-items: center;

}



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

    .middel_right {

        justify-content: center;

        flex-direction: column;

    }

}



.search-container {

    margin-right: 82px;

}



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

    .search-container {

        display: none;

    }

}



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

    .search-container {

        display: none;

    }

}



.search_box {

    position: relative;

    width: 540px;

    background: #fff;

    border-radius: 5px;

}



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

    .search_box {

        width: 360px;

    }

}



.search_box input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #9e9e9e;

}



.search_box input::-moz-placeholder {

    /* Firefox 19+ */

    color: #9e9e9e;

}



.search_box input:-ms-input-placeholder {

    /* IE 10+ */

    color: #9e9e9e;

}



.search_box input:-moz-placeholder {

    /* Firefox 18- */

    color: #9e9e9e;

}



.search_box input {

    border: 0;

    background: none;

    width: 100%;

    height: 47px;

    color: #9e9e9e;

    font-size: 13px;

    font-weight: 400;

    padding: 0 80px 0 20px;

}



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

    .search_box input {

        height: 40px;

        padding: 0 100px 0 20px;

    }

}



.search_box button {

    border: 0;

    position: absolute;

    top: 0;

    right: 0;

    background: #333;

    width: 60px;

    height: 100%;

    color: #fff;

    font-weight: 500;

    font-size: 25px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.search_box button:hover {

    background: #2b3137;

}



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

    .search_box button {

        padding: 0 20px;

        border-radius: 0 3px 3px 0;

    }

}



.middel_right_info {

    display: flex;

    align-items: center;

    margin-top: 7px;

}



.header_wishlist {

    position: relative;

    margin-right: 24px;

}



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

    .header_wishlist {

        margin-right: 20px;

    }

}



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

    .header_wishlist {

        margin-right: 15px;

    }

}



.header_wishlist span.wishlist_quantity {

    position: absolute;

    left: 37px;

    width: 19px;

    height: 19px;

    line-height: 19px;

    text-align: center;

    background: #fff;

    border-radius: 50%;

    top: -7px;

    font-size: 11px;

}



.header_wishlist a {

    font-size: 13px;

    font-weight: 400;

    display: block;

}



.header_wishlist a:hover {

    color: #fd5018;

}



.header_wishlist a span {

    font-size: 32px;

    padding-right: 4px;

}



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

    .header_wishlist a span {

        font-size: 27px;

        padding-right: 3px;

    }

}



.mini_cart_wrapper {

    position: relative;

}



.mini_cart_wrapper:hover>a {

    color: #fd5018;

}



.mini_cart_wrapper span.cart_quantity {

    position: absolute;

    left: 32px;

    width: 19px;

    height: 19px;

    line-height: 19px;

    text-align: center;

    background: #fff;

    border-radius: 50%;

    top: -7px;

    font-size: 11px;

}



.mini_cart_wrapper>a {

    font-size: 13px;

    font-weight: 400;

    display: block;

}



.mini_cart_wrapper>a span {

    font-size: 32px;

    padding-right: 5px;

}



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

    .mini_cart_wrapper>a span {

        font-size: 27px;

        padding-right: 2px;

    }

}



.cart_close {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #f0f0f0;

    padding-bottom: 10px;

}



.cart_text h3 {

    font-size: 18px;

    font-weight: 400;

    margin-bottom: 0;

}



.mini_cart_close>a {

    font-size: 25px;

}



.mini_cart_close>a:hover {

    color: #41b3ff;

}



.mini_cart {

    position: fixed;

    width: 355px;

    height: 100%;

    padding: 18px 28px 33px;

    background: #fff;

    z-index: 999;

    right: 0;

    top: 0;

    transition: 0.5s;

    transform: translateX(100%);

}



.mini_cart.active {

    transform: translateX(0);

    transition: 0.5s;

}



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

    .mini_cart {

        width: 300px;

        height: 100%;

        padding: 18px 18px 33px;

    }

}



.cart_img {

    width: 32%;

    margin-right: 10px;

}



.cart_info {

    width: 52%;

}



.cart_info a {

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    display: block;

    margin-bottom: 6px;

}



.cart_info a:hover {

    color: #41b3ff;

}



.cart_info span {

    display: block;

}



.cart_info span.quantity {

    margin-bottom: 5px;

    font-size: 12px;

}



.cart_info span.price_cart {

    font-weight: 600;

}



.cart_remove {

    width: 10%;

    text-align: right;

}



.cart_remove a {

    color: #757575;

    font-size: 18px;

}



.cart_remove a:hover {

    color: #41b3ff;

}



.cart_item {

    overflow: hidden;

    padding: 11px 0;

    border-bottom: 1px solid #f0f0f0;

    display: flex;

}



.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;

}



.cart_button:first-child {

    margin-bottom: 15px;

}



.cart_button a {

    text-transform: uppercase;

    border-radius: 3px;

    font-weight: 600;

    background: #eef0f1;

    display: block;

    text-align: center;

    line-height: 20px;

    margin-bottom: 0;

    padding: 15px 0px 13px;

}



.cart_button a:hover {

    background: #41b3ff;

    color: #fff;

}



.cart_button a.active {

    background: #41b3ff;

    color: #fff;

}





/*header middel css end*/





/* 2.4 main menu css here */



.header_bottom {

    margin-bottom: 20px;

    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);

}



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

    .header_bottom {

        margin-bottom: 0;

        box-shadow: none;

    }

}



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

    .header_bottom {

        margin-bottom: 0;

        box-shadow: none;

    }

}



.header_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>li {

    display: inline-block;

    position: relative;

}



.main_menu nav>ul>li:hover ul.sub_menu {

    opacity: 1;

    visibility: visible;

    transform: perspective(600px) rotateX(0deg);

}



.main_menu nav>ul>li:hover .mega_menu {

    opacity: 1;

    visibility: visible;

    transform: perspective(600px) rotateX(0deg);

}



.main_menu nav>ul>li:hover>a {

    color: #00406b;

}



.main_menu nav>ul>li:first-child>a {

    padding-left: 0;

}



.main_menu nav>ul>li>a {

    display: block;

    padding: 10px 30px 10px 30px;

    font-size: 14px;

    line-height: 24px;

    text-transform: uppercase;

    font-weight: 700;

    font-family: "Titillium Web", sans-serif;

    color: #fff;

}



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

    .main_menu nav>ul>li>a {

        font-size: 16px;

    }

}



.main_menu nav>ul>li>a i {

    margin-left: 3px;

}



.main_menu nav>ul>li ul.sub_menu {

    position: absolute;

    min-width: 200px;

    padding: 25px 20px;

    background: #fff;

    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);

    -webkit-transform: perspective(600px) rotateX(-90deg);

    transform: perspective(600px) rotateX(-90deg);

    -webkit-transform-origin: 0 0 0;

    transform-origin: 0 0 0;

    left: 0;

    right: auto;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: 99;

    top: 100%;

    text-align: left;

}



.main_menu nav>ul>li ul.sub_menu li a {

    font-weight: 500;

    display: block;

    line-height: 30px;

    text-transform: uppercase;

    font-family: "Titillium Web", sans-serif;

    font-size: 13px;

}



.main_menu nav>ul>li ul.sub_menu li a:hover {

    color: #41b3ff;

}



.main_menu nav>ul>li ul.sub_menu li.home7new {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.main_menu nav>ul>li ul.sub_menu li.home7new span {

    font-size: 11px;

    text-transform: uppercase;

    background: #41b3ff;

    color: #333;

    padding: 0 9px;

    display: inline-block;

    border-radius: 5px;

    height: 22px;

    line-height: 22px;

}



.main_menu nav>ul>li.mega_items {

    position: static;

}



.main_menu nav>ul>li .mega_menu {

    position: absolute;

    min-width: 100%;

    padding: 25px 30px 30px 30px;

    background: #fff;

    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);

    -webkit-transform: perspective(600px) rotateX(-90deg);

    transform: perspective(600px) rotateX(-90deg);

    -webkit-transform-origin: 0 0 0;

    transform-origin: 0 0 0;

    left: 0;

    right: auto;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: 99;

    top: 100%;

    text-align: left;

}



.main_menu nav>ul>li .mega_menu .banner_static_menu {

    margin-top: 20px;

}



.main_menu nav>ul>li .mega_menu .banner_static_menu a {

    width: 100%;

}



.main_menu nav>ul>li .mega_menu .banner_static_menu a img {

    width: 100%;

}



.main_menu nav>ul>li .mega_menu .banner_static_menu a img:hover {

    opacity: 0.7;

}



.mega_menu_inner {

    display: flex;

    justify-content: space-between;

}



.mega_menu_inner>li>a {

    font-size: 14px;

    line-height: 24px;

    text-transform: uppercase;

    font-weight: 700;

    font-family: "Titillium Web", sans-serif;

    display: block;

    margin-bottom: 8px;

}



.mega_menu_inner>li>a:hover {

    color: #41b3ff;

}



.mega_menu_inner>li ul li {

    display: block;

}



.mega_menu_inner>li ul li a {

    font-weight: 400;

    display: block;

    line-height: 28px;

}



.mega_menu_inner>li ul li a:hover {

    color: #41b3ff;

}





/*main menu css end*/





/*mobaile menu css here*/



.mean-container .mean-bar {

    background: inherit;

    position: absolute;

    z-index: 9;

    top: 43px;

    left: 0;

    width: 100%;

}



.mean-container .mean-bar::after {

    top: -33px;

    left: 22px;

    color: #fff;

}



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

    .mean-container .mean-bar::after {

        left: 22px;

        font-size: 15px;

    }

}



.mean-container .mean-nav {

    max-height: 300px;

    overflow: auto;

}



.mean-container .mean-nav ul li a {

    font-weight: 400;

}



.mean-container a.meanmenu-reveal {

    float: left;

    right: 17px;

    top: -34px;

    color: #fff;

}



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

    .mean-container a.meanmenu-reveal {

        right: 15px;

        top: -34px;

    }

}



.mean-container a.meanmenu-reveal span {

    background: #fff;

}



.mobile-menu {

    border: 1px solid #ddd;

    height: 45px;

    top: -31px;

    position: relative;

}



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

    .mobile-menu {

        top: 19px;

    }

}





/*-- 2.3 Categories menu css here --*/



.categories_menu {

    position: relative;

}



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

    .categories_menu {

        margin-bottom: 30px;

    }

}



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

    .categories_menu {

        margin-bottom: 25px;

    }

}



.categories_title {

    background: #333;

    padding-left: 49px;

    position: relative;

    cursor: pointer;

    height: 55px;

    line-height: 55px;

}



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

    .categories_title {

        height: 48px;

        line-height: 48px;

    }

}



.categories_title::before {

    content: "\f394";

    color: #fff;

    display: inline-block;

    font-family: Ionicons;

    position: absolute;

    font-size: 25px;

    line-height: 0px;

    left: 20px;

    top: 50%;

    transform: translatey(-50%);

}



.categories_title::after {

    content: "\f3d0";

    color: #fff;

    display: inline-block;

    font-family: Ionicons;

    position: absolute;

    font-size: 14px;

    line-height: 0px;

    right: 20px;

    top: 50%;

    transform: translatey(-50%);

    transition: 0.3s;

}



.categories_title.active::after {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.categories_title h2 {

    font-size: 16px;

    font-weight: 700;

    line-height: 26px;

    color: #fff;

    cursor: pointer;

    margin-bottom: 0;

    display: inline-block;

    font-family: "Titillium Web", sans-serif;

}



.categories_menu_toggle {

    padding: 15px 0 9px;

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    background: #fff;

    position: absolute;

    width: 100%;

    top: 100%;

    z-index: 9;

}



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

    .categories_menu_toggle {

        display: none;

        max-height: 360px;

        overflow: auto;

    }

}



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

    .categories_menu_toggle {

        display: none;

        max-height: 360px;

        overflow: auto;

        padding: 15px 10px 15px 20px;

    }

}



.categories_menu_toggle>ul>li {

    position: relative;

}



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

    .categories_menu_toggle>ul>li.menu_item_children>a {

        position: relative;

    }

    .categories_menu_toggle>ul>li.menu_item_children>a::before {

        position: absolute;

        content: "+";

        right: 15px;

        top: 50%;

        transform: translatey(-50%);

        font-size: 20px;

    }

}



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

    .categories_menu_toggle>ul>li.menu_item_children>a {

        position: relative;

    }

    .categories_menu_toggle>ul>li.menu_item_children>a::before {

        position: absolute;

        content: "+";

        right: 15px;

        top: 50%;

        transform: translatey(-50%);

        font-size: 20px;

    }

}



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

    .categories_menu_toggle>ul>li.menu_item_children.open>a::before {

        display: none;

    }

    .categories_menu_toggle>ul>li.menu_item_children.open>a::after {

        position: absolute;

        content: "-";

        right: 15px;

        top: 50%;

        transform: translatey(-50%);

        font-size: 30px;

    }

}



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

    .categories_menu_toggle>ul>li.menu_item_children.open>a::before {

        display: none;

    }

    .categories_menu_toggle>ul>li.menu_item_children.open>a::after {

        position: absolute;

        content: "-";

        right: 15px;

        top: 50%;

        transform: translatey(-50%);

        font-size: 30px;

    }

}



.categories_menu_toggle>ul>li>a {

    font-size: 14px;

    color: #333;

    line-height: 43px;

    font-weight: 400;

    display: block;

    cursor: pointer;

    padding: 0 15px;

}



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

    .categories_menu_toggle>ul>li>a {

        line-height: 38px;

    }

}



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

    .categories_menu_toggle>ul>li>a {

        line-height: 35px;

        padding: 0;

    }

}



.categories_menu_toggle>ul>li>a i.fa-angle-right {

    float: right;

    font-size: 15px;

    line-height: 35px;

    transition: 0.3s;

    -webkit-transition: 0.3s;

}



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

    .categories_menu_toggle>ul>li>a i.fa-angle-right {

        display: none;

    }

}



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

    .categories_menu_toggle>ul>li>a i.fa-angle-right {

        display: none;

    }

}



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

    .categories_menu_toggle>ul>li>a:hover {

        color: #41b3ff;

    }

}



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

    .categories_menu_toggle>ul>li>a:hover {

        color: #41b3ff;

    }

}



.categories_menu_toggle>ul>li:last-child>a {

    border-bottom: 0;

}



.categories_menu_toggle>ul>li:hover ul.categories_mega_menu {

    opacity: 1;

    visibility: visible;

    left: 100%;

}



.categories_menu_toggle>ul>li:hover>a {

    background: #f0f0f0;

    font-weight: 700;

}



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

    .categories_menu_toggle>ul>li:hover>a {

        font-weight: 400;

        background: inherit;

    }

}



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

    .categories_menu_toggle>ul>li:hover>a {

        font-weight: 400;

        background: inherit;

    }

}



.categories_menu_toggle>ul>li ul.categories_mega_menu {

    position: absolute;

    left: 120%;

    width: 720px;

    -webkit-box-shadow: 1px 0 6px 0 rgba(0, 0, 0, 0.3);

    box-shadow: 1px 0 6px 0 rgba(0, 0, 0, 0.3);

    background: #fff;

    padding: 20px 20px 16px;

    overflow: hidden;

    top: 0;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    z-index: 99;

    opacity: 0;

    visibility: hidden;

}



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

    .categories_menu_toggle>ul>li ul.categories_mega_menu {

        width: 680px;

    }

}



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

    .categories_menu_toggle>ul>li ul.categories_mega_menu {

        display: none;

        opacity: inherit !important;

        visibility: inherit !important;

        left: inherit !important;

        width: 100%;

        top: 100%;

        max-height: 350px;

        overflow: auto;

        transition: unset;

        box-shadow: inherit;

        position: inherit;

        padding: 6px 20px 0px 30px;

    }

}



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

    .categories_menu_toggle>ul>li ul.categories_mega_menu {

        display: none;

        opacity: inherit !important;

        visibility: inherit !important;

        left: inherit !important;

        width: 100%;

        top: 100%;

        max-height: 350px;

        overflow: auto;

        transition: unset;

        box-shadow: inherit;

        position: inherit;

        padding: 6px 20px 0px 40px;

    }

}



.categories_menu_toggle>ul>li ul.categories_mega_menu.open {

    display: block;

    left: 0;

}



.categories_menu_toggle>ul>li ul.categories_mega_menu>li {

    padding: 0 15px;

    width: 25%;

    float: left;

}



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

    .categories_menu_toggle>ul>li ul.categories_mega_menu>li {

        width: 100%;

        padding: 0;

    }

}



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

    .categories_menu_toggle>ul>li ul.categories_mega_menu>li {

        width: 100%;

        padding: 0;

    }

}



.categories_menu_toggle>ul>li ul.categories_mega_menu>li>a {

    line-height: 30px;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    display: block;

    margin-bottom: 5px;

}



.categories_menu_toggle>ul>li ul.categories_mega_menu>li>a:hover {

    color: #41b3ff;

}



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

    .categories_menu_toggle>ul>li ul.categories_mega_menu>li.menu_item_children>a {

        font-weight: 400;

    }

}



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

    .categories_menu_toggle>ul>li ul.categories_mega_menu>li.menu_item_children>a {

        font-weight: 400;

    }

}



.categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li {

    padding: 0;

    width: 50%;

    margin-bottom: 15px;

}



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

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li {

        width: 100%;

        margin-bottom: 0;

    }

}



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

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li {

        width: 100%;

        margin-bottom: 0;

    }

}



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

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li.menu_item_children>a {

        position: relative;

    }

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li.menu_item_children>a::before {

        position: absolute;

        content: "+";

        right: 15px;

        top: 50%;

        transform: translatey(-50%);

        font-size: 20px;

    }

}



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

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li.menu_item_children>a {

        position: relative;

    }

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li.menu_item_children>a::before {

        position: absolute;

        content: "+";

        right: 15px;

        top: 50%;

        transform: translatey(-50%);

        font-size: 20px;

    }

}



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

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li.menu_item_children.open>a::before {

        display: none;

    }

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li.menu_item_children.open>a::after {

        position: absolute;

        content: "-";

        right: 15px;

        top: 50%;

        transform: translatey(-50%);

        font-size: 30px;

    }

}



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

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li.menu_item_children.open>a::before {

        display: none;

    }

    .categories_menu_toggle ul li.categorie_list ul.categories_mega_menu>li.menu_item_children.open>a::after {

        position: absolute;

        content: "-";

        right: 15px;

        top: 50%;

        transform: translatey(-50%);

        font-size: 30px;

    }

}



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

    .categorie_sub_menu {

        display: none;

        padding: 1px 0 9px 30px;

    }

}



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

    .categorie_sub_menu {

        display: none;

        padding: 1px 0 9px 30px;

    }

}



.categorie_sub_menu li a {

    color: #333;

    display: block;

    font-size: 14px;

    font-weight: 400;

    line-height: 38px;

}



.categorie_sub_menu li a:hover {

    color: #41b3ff;

}



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

    .categorie_sub_menu li a {

        line-height: 33px;

    }

}



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

    .categorie_sub_menu li a {

        line-height: 33px;

    }

}



.categories_menu_toggle ul li ul.categories_mega_menu.column_3 {

    width: 550px;

}



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

    .categories_menu_toggle ul li ul.categories_mega_menu.column_3 {

        width: 100%;

    }

}



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

    .categories_menu_toggle ul li ul.categories_mega_menu.column_3 {

        width: 100%;

    }

}



.categories_menu_toggle ul li ul.categories_mega_menu.column_3>li {

    width: 33.33%;

}



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

    .categories_menu_toggle ul li ul.categories_mega_menu.column_3>li {

        width: 100%;

    }

}



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

    .categories_menu_toggle ul li ul.categories_mega_menu.column_3>li {

        width: 100%;

    }

}



.categories_menu_toggle ul li ul.categories_mega_menu.column_2 {

    width: 400px;

}



.categories_menu_toggle ul li ul.categories_mega_menu.column_2>li {

    width: 50%;

}



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

    .categories_menu_toggle ul li ul.categories_mega_menu.column_2>li {

        width: 100%;

    }

}



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

    .categories_menu_toggle ul li ul.categories_mega_menu.column_2>li {

        width: 100%;

    }

}



.categorie_sub {

    opacity: 0;

    z-index: 999;

    position: absolute;

    width: 101%;

    left: -1px;

    border: lef;

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    background: #fff;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    top: 65%;

    visibility: hidden;

}



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

    .categorie_sub {

        width: 100%;

        left: 0px;

    }

}



.categorie_sub.open {

    top: 95%;

    opacity: 1;

    visibility: visible;

}



.categories_menu_toggle ul li.has-sub>a::before {

    position: absolute;

    content: "\f055";

    font-family: FontAwesome;

    top: 0;

    right: 20px;

    font-size: 18px;

    pointer-events: none;

}



.categories_menu_toggle ul li.has-sub>a.open::before {

    content: "\f056";

}



.categories_menu_toggle ul li.has-sub ul.categorie_sub li a {

    font-size: 14px;

    font-weight: 400;

    padding-bottom: 16px;

    padding-left: 15px;

    display: block;

    color: #333;

}



.categories_menu_toggle ul li.has-sub ul.categorie_sub li a:hover {

    background: #f0f0f0;

    font-weight: 700;

}



.categories_menu_toggle ul li.has-sub {

    padding-bottom: 10px;

}



.categories_menu_toggle ul li ul.categories_mega_menu>li:first-child {

    padding-left: 0;

}



.categories_menu_toggle ul li ul.categories_mega_menu>li:last-child {

    padding-right: 0;

}



.categorie_banner {

    position: absolute;

    bottom: 0;

    right: 20px;

    width: 500px;

}



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

    .categorie_banner {

        display: none;

    }

}



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

    .categorie_banner {

        display: none;

    }

}



.categorie_banner a img:hover {

    opacity: 0.8;

}



.icono-1 {

    font-size: 50px;

    text-align: center;

    color: #00406b;

    padding: 0px 0px 20px 0px;

}



.detalle-2 {

    background: #ffe9c8;

    border-radius: 5px;

    text-align: right;

    padding: 5px 15px;

    font-weight: 600;

    margin: 0px 0px 15px 0px;

}



.carrito-1 {

    font-size: 25px;

    font-weight: 600;

}





/*-- 2.7 Categories menu css end --*/





/*home two css here*/



.top_two {

    background: #00406b;

}



.top_two .follow_us ul li a:hover {

    color: #41b3ff;

}



.middle_two {

    background: inherit;

}



.middle_two .header_wishlist>a:hover {

    color: #41b3ff;

}



.middle_two .header_wishlist span.wishlist_quantity {

    background: #41b3ff;

}



.middle_two .mini_cart_wrapper:hover>a {

    color: #41b3ff;

}



.middle_two .mini_cart_wrapper span.cart_quantity {

    background: #41b3ff;

}



.search_two .search_box {

    background: #f5f5f5;

}



.search_two .search_box button {

    background: #41b3ff;

    color: #fff;

}



.search_two .search_box button:hover {

    background: #00406b;

    color: #fff;

}



.bottom_two {

    box-shadow: inherit;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 0;

    background: #e45e27;

}



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

    .bottom_two {

        border-top: 0;

        border-bottom: 0;

        margin-bottom: 30px;

    }

}



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

    .bottom_two {

        border-top: 0;

        border-bottom: 0;

        margin-bottom: 25px;

    }

}



.header_bottom_container {

    display: flex;

    position: relative;

}



.header_bottom_container .categories_menu_toggle {

    display: none;

}



.header_bottom_container .categories_menu {

    width: 255px;

    margin-right: 30px;

}



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

    .header_bottom_container .categories_menu {

        width: 100%;

        margin-right: 0;

        margin-bottom: 0;

    }

}



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

    .header_bottom_container .categories_menu {

        width: 100%;

        margin-right: 0;

        margin-bottom: 0;

    }

}



.header_bottom_container .categories_title {

    background: #41b3ff;

}



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

    .header_bottom_container .categories_title {

        height: 50px;

        line-height: 50px;

    }

}



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

    .header_bottom_container .categories_title {

        height: 45px;

        line-height: 45px;

    }

}



.header_bottom_container .categories_title::before {

    color: #333;

}



.header_bottom_container .categories_title::after {

    color: #333;

}



.header_bottom_container .categories_title h2 {

    color: #333;

}



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

    .header_bottom_container .categories_menu_toggle>ul>li ul.categories_mega_menu {

        width: 634px;

    }

}





/*home three css here*/



.header_b_three {

    background: #41b3ff;

    box-shadow: inherit;

    margin-bottom: 30px;

}



.header_b_three.sticky-header.sticky {

    background: rgba(255, 213, 16, 0.7);

}



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

    .header_b_three.sticky-header.sticky {

        background: none;

    }

}



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

    .header_b_three.sticky-header.sticky {

        background: none;

    }

}



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

    .header_b_three {

        display: none;

    }

}



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

    .header_b_three {

        display: none;

    }

}



.header_b_three .main_menu nav>ul>li:hover>a {

    color: #fff;

}





/*home four css here*/



.bottom_four {

    margin-bottom: 0;

}



.discount_area {

    padding: 9px 0;

}



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

    .discount_area {

        padding: 20px 0;

    }

}



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

    .discount_area {

        padding: 18px 0;

    }

}



.discount_text {

    text-align: center;

}



.discount_text p {

    font-size: 13px;

    line-height: 22px;

}





/*color scheme 2 css here*/



.color_scheme_2 .follow_us ul li a:hover {

    color: #b2e515;

}



.color_scheme_2 .dropdown_currency li a:hover,

.color_scheme_2 .dropdown_language li a:hover,

.color_scheme_2 .dropdown_links li a:hover {

    color: #b2e515;

}



.color_scheme_2 .search_box button {

    background: #b2e515;

}



.color_scheme_2 .header_wishlist>a:hover {

    color: #b2e515;

}



.color_scheme_2 .header_wishlist span.wishlist_quantity {

    background: #b2e515;

}



.color_scheme_2 .mini_cart_wrapper span.cart_quantity {

    background: #b2e515;

}



.color_scheme_2 .mini_cart_wrapper:hover>a {

    color: #b2e515;

}



.color_scheme_2 .cart_info a:hover {

    color: #b2e515;

}



.color_scheme_2 .cart_remove a:hover {

    color: #b2e515;

}



.color_scheme_2 .cart_button a:hover {

    background: #b2e515;

}



.color_scheme_2 .main_menu nav>ul>li ul.sub_menu li a:hover {

    color: #b2e515;

}



.color_scheme_2 .mega_menu_inner>li>a:hover {

    color: #b2e515;

}



.color_scheme_2 .mega_menu_inner>li ul li a:hover {

    color: #b2e515;

}



.header_b_three.color_scheme_2 {

    background: #b2e515;

}



.header_b_three.color_scheme_2.sticky-header.sticky {

    background: rgba(178, 229, 21, 0.7);

}



.Offcanvas_menu.color_scheme_2 .search_box button:hover {

    background: #333;

    color: #fff;

}



.Offcanvas_menu.color_scheme_2 .canvas_close a:hover:hover {

    color: #b2e515;

}



.Offcanvas_menu.color_scheme_2 .Offcanvas_follow ul li a:hover {

    color: #b2e515;

}



.Offcanvas_menu.color_scheme_2 .offcanvas_main_menu li a:hover {

    color: #b2e515;

}



.Offcanvas_menu.color_scheme_2 .canvas_open a:hover {

    color: #b2e515;

}





/* 02. slider area css here */



.single_slider {

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center center;

    background-size: cover;

    height: 520px;

    background: #f1f1f1;

    border-radius: 8px;

}



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

    .single_slider {

        height: 470px;

    }

}



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

    .single_slider {

        height: 420px;

    }

}



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

    .single_slider {

        background-position: 10%;

        height: 350px;

    }

}



.slider_area .owl-dots {

    position: absolute;

    bottom: 20px;

    text-align: center;

    left: 50%;

    transform: translatex(-50%);

    display: block;

}



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

    .slider_area .owl-dots {

        bottom: 10px;

    }

}



.slider_area .owl-dots .owl-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    display: inline-block;

    background: #333;

    margin: 0 5px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    position: relative;

}



.slider_area .owl-dots .owl-dot.active {

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.slider_area .owl-dots .owl-dot.active::before {

    position: absolute;

    content: "";

    background: #41b3ff;

    width: 12px;

    height: 12px;

    left: -3px;

    top: -3px;

    border-radius: 50%;

}



.slider_content {

    padding: 40px 0 40px 50px;

}



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

    .slider_content {

        text-align: center;

        padding: 25px 20px;

        width: 100%;

    }

}



.slider_content h1 {

    font-size: 48px;

    line-height: 48px;

    font-weight: 700;

    margin-bottom: 0;

    font-family: "Titillium Web", sans-serif;

    max-width: 355px;

}



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

    .slider_content h1 {

        font-size: 45px;

        line-height: 45px;

    }

}



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

    .slider_content h1 {

        font-size: 20px;

        line-height: 27px;

        margin-bottom: 18px;

    }

}



.slider_content h2 {

    margin-bottom: 10px;

    font-family: "Titillium Web", sans-serif;

    font-weight: 400;

    font-style: italic;

    font-size: 24px;

    line-height: 24px;

    display: inline-block;

    position: relative;

}



.slider_content h2::before {

    position: absolute;

    content: "";

    height: 1px;

    width: 70px;

    background: #333;

    right: -88px;

    opacity: 0.5;

    top: 50%;

    transform: translatey(-50%);

}



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

    .slider_content h2::before {

        display: none;

    }

}



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

    .slider_content h2 {

        font-size: 17px;

        line-height: 20px;

        margin-bottom: 12px;

    }

}



.slider_content a {

    font-size: 16px;

    font-weight: 400;

    margin-top: 45px;

    color: #333;

    height: 48px;

    line-height: 47px;

    padding: 0 25px;

    display: inline-block;

    font-family: "Titillium Web", sans-serif;

    border-radius: 5px;

}



.slider_content a:hover {

    color: #fff;

    background: #333;

}



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

    .slider_content a {

        margin-top: 25px;

    }

}



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

    .slider_content a {

        margin-top: 20px;

        height: 43px;

        line-height: 43px;

        padding: 0 25px;

    }

}



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

    .slider_content a {

        font-weight: 500;

        margin-top: 0;

        height: 40px;

        line-height: 40px;

        padding: 0 20px;

        font-size: 14px;

    }

}



.active .slider_content h1,

.active .slider_content h2,

.active .slider_content a {

    -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 h1 {

    -webkit-animation-delay: 0.6s;

    animation-delay: 0.6s;

}



.active .slider_content a {

    -webkit-animation-delay: 0.9s;

    animation-delay: 0.9s;

}





/*home two css here*/



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

    .slider_two .single_slider {

        height: 370px;

    }

}



.slider_two .slider_content {

    padding-left: 0;

}



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

    .slider_two .slider_content {

        padding: 0 20px;

    }

}



.slider_two .slider_content h1 {

    max-width: 454px;

}





/*home three css here*/



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

    .slider_three .single_slider {

        height: 436px;

    }

}



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

    .slider_three .slider_content h1 {

        font-size: 44px;

        line-height: 44px;

    }

}





/*home three css here*/



.slider_six {

    position: relative;

}



.slider_six .slider_content {

    padding: 40px;

}



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

    .slider_six .slider_content {

        padding: 25px 20px;

        text-align: left;

    }

}



.slider_six .slider_content h1 {

    font-size: 40px;

    line-height: 1;

    font-weight: 700;

    margin-bottom: 0;

    font-family: "Titillium Web", sans-serif;

    max-width: 355px;

}



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

    .slider_six .slider_content h1 {

        font-size: 44px;

    }

}



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

    .slider_six .slider_content h1 {

        font-size: 20px;

        line-height: 27px;

        margin-bottom: 18px;

    }

}



.slider_six .slider_content h2 {

    margin-bottom: 10px;

    font-family: "Titillium Web", sans-serif;

    font-weight: 400;

    font-style: italic;

    font-size: 22px;

    line-height: 1;

    display: inline-block;

    position: relative;

}



.slider_six .slider_content h2::before {

    position: absolute;

    content: "";

    height: 1px;

    width: 70px;

    background: #333;

    right: -88px;

    opacity: 0.5;

    top: 50%;

    transform: translatey(-50%);

}



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

    .slider_six .slider_content h2::before {

        display: none;

    }

}



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

    .slider_six .slider_content h2 {

        font-size: 17px;

        margin-bottom: 12px;

    }

}



.slider_six .slider_content a {

    font-size: 16px;

    font-weight: 400;

    margin-top: 30px;

    color: #333;

    height: 48px;

    line-height: 47px;

    padding: 0 25px;

    display: inline-block;

    font-family: "Titillium Web", sans-serif;

    border-radius: 5px;

}



.slider_six .slider_content a:hover {

    color: #fff;

    background: #333;

}



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

    .slider_six .slider_content a {

        margin-top: 25px;

    }

}



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

    .slider_six .slider_content a {

        margin-top: 20px;

        height: 43px;

        line-height: 43px;

        padding: 0 25px;

    }

}



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

    .slider_six .slider_content a {

        font-weight: 500;

        margin-top: 0;

        height: 40px;

        line-height: 40px;

        padding: 0 20px;

    }

}



.slider_six .owl-dots {

    left: 40px;

    transform: translateX(0);

}



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

    .slider_six .single_slider {

        height: 450px;

    }

}





/*color scheme 2 css here*/



.color_scheme_2 .slider_content a {

    background: #b2e515;

}



.color_scheme_2 .slider_content a:hover {

    color: #fff;

    background: #333;

}



.color_scheme_2 .owl-dots .owl-dot.active::before {

    background: #b2e515;

}



.color_scheme_2 .sidebar_banner .banner_text h4 {

    color: #b2e515;

}



.color_scheme_2 .banner_text a {

    background: #b2e515;

}



.color_scheme_2 .banner_text a:hover {

    background: #333;

    color: #fff;

}



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

    .slider_new5 {

        margin-bottom: 17px;

    }

}





/*  04. banner section css here  */



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

    .banner_area {

        margin-bottom: 31px;

    }

}



.banner_container {

    display: flex;

}



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

    .banner_container {

        flex-direction: column;

    }

}



.single_banner {

    margin-right: 10px;

    width: 50%;

}



.single_banner:last-child {

    margin-right: 0;

}



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

    .single_banner {

        width: 100%;

        margin-left: 0;

        margin-bottom: 20px;

    }

}



.banner_thumb {

    position: relative;

}



.banner_thumb a img {

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.banner_thumb a img:hover {

    opacity: 0.7;

}



.banner_text {

    position: absolute;

    top: 40px;

    left: 50px;

}



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

    .banner_text {

        left: 35px;

    }

}



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

    .banner_text {

        top: 23px;

        left: 25px;

    }

}



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

    .banner_text {

        top: 15px;

        left: 20px;

    }

}



.banner_text h2 {

    font-size: 30px;

    line-height: 30px;

    font-weight: 700;

    margin-bottom: 21px;

    font-family: "Titillium Web", sans-serif;

    width: 220px;

}



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

    .banner_text h2 {

        font-size: 23px;

        line-height: 25px;

        margin-bottom: 15px;

    }

}



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

    .banner_text h2 {

        font-size: 18px;

        line-height: 20px;

        margin-bottom: 7px;

    }

}



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

    .banner_text h2 {

        font-size: 18px;

        line-height: 21px;

        margin-bottom: 8px;

    }

}



.banner_text h3 {

    font-size: 22px;

    line-height: 22px;

    font-weight: 400;

    margin-bottom: 3px;

    font-family: "Titillium Web", sans-serif;

}



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

    .banner_text h3 {

        font-size: 15px;

        line-height: 20px;

    }

}



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

    .banner_text h3 {

        font-size: 15px;

        line-height: 17px;

    }

}



.banner_text a {

    font-size: 13px;

    font-weight: 400;

    line-height: 40px;

    text-transform: uppercase;

    padding: 0 18px;

    display: inline-block;

    background: #41b3ff;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    pointer-events: visible;

    font-family: "Titillium Web", sans-serif;

}



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

    .banner_text a {

        font-size: 12px;

        line-height: 28px;

        padding: 0 11px;

    }

}



.banner_text a:hover {

    background: #333;

    color: #fff;

}



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

    .banner_text a {

        font-size: 12px;

        line-height: 30px;

        padding: 0 10px;

    }

}





/*home two css here*/



.banner_fullwidth {

    width: 100%;

}



.banner_fullwidth .banner_thumb>a {

    display: inline-block;

}



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

    .banner_fullwidth .banner_thumb>a {

        width: 100%;

    }

}



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

    .banner_fullwidth .banner_thumb>a img {

        height: 138px;

        object-fit: cover;

        width: 100%;

    }

}



.banner_fullwidth .banner_text {

    right: 50px;

    left: auto;

    top: 50%;

    transform: translatey(-50%);

}



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

    .banner_fullwidth .banner_text {

        right: 20px;

    }

}



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

    .banner_fullwidth .banner_text {

        right: 10px;

    }

}



.banner_fullwidth .banner_text h2 {

    width: inherit;

    font-size: 48px;

    line-height: 48px;

    font-weight: 300;

    margin-bottom: 0;

}



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

    .banner_fullwidth .banner_text h2 {

        font-size: 30px;

        line-height: 30px;

    }

}



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

    .banner_fullwidth .banner_text h2 {

        font-size: 20px;

        line-height: 22px;

    }

}



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

    .banner_fullwidth .banner_text h2 {

        font-size: 15px;

        line-height: 18px;

    }

}



.banner_fullwidth .banner_text h3 {

    font-size: 48px;

    line-height: 48px;

    font-weight: 700;

    margin-bottom: 17px;

}



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

    .banner_fullwidth .banner_text h3 {

        font-size: 30px;

        line-height: 40px;

        margin-bottom: 8px;

    }

}



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

    .banner_fullwidth .banner_text h3 {

        font-size: 20px;

        line-height: 22px;

        margin-bottom: 6px;

    }

}



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

    .banner_fullwidth .banner_text h3 {

        font-size: 15px;

        line-height: 16px;

    }

}



.banner_fullwidth .banner_text p {

    font-size: 18px;

    line-height: 25px;

    font-family: "Titillium Web", sans-serif;

    font-weight: 300;

    margin-bottom: 35px;

}



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

    .banner_fullwidth .banner_text p {

        font-size: 16px;

        margin-bottom: 20px;

    }

}



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

    .banner_fullwidth .banner_text p {

        font-size: 14px;

        line-height: 18px;

        margin-bottom: 6px;

        width: 180px;

    }

}



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

    .banner_fullwidth .banner_text p {

        font-size: 13px;

        line-height: 17px;

        margin-bottom: 7px;

        width: 160px;

    }

}



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

    .banner_fullwidth .banner_text a {

        line-height: 40px;

    }

}



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

    .banner_fullwidth .banner_text a {

        font-size: 11px;

        line-height: 30px;

    }

}



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

    .banner_fullwidth .banner_text a {

        font-size: 10px;

        line-height: 24px;

    }

}





/*home three css here*/



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

    .sidebar_banner {

        margin-top: 20px;

    }

}



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

    .sidebar_banner {

        margin-top: 20px;

        margin-bottom: 8px;

    }

}



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

    .sidebar_banner .banner_thumb a img {

        width: 100%;

    }

}



.sidebar_banner .banner_text {

    left: 30px;

}



.sidebar_banner .banner_text h4 {

    font-size: 28px;

    line-height: 28px;

    color: #41b3ff;

    margin-bottom: 3px;

}



.sidebar_banner .banner_text h3 {

    font-size: 28px;

    line-height: 28px;

    font-weight: 300;

    margin-bottom: 10px;

}



.sidebar_banner .banner_text h2 {

    width: 100%;

    font-size: 42px;

    line-height: 42px;

    font-weight: 900;

}





/*home four css here*/



.banner_static {

    height: 370px;

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center center;

    background-size: cover;

}



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

    .banner_static {

        height: 260px;

    }

}



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

    .banner_static {

        height: 260px;

    }

}



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

    .banner_static {

        height: 260px;

    }

}



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

    .banner_static {

        height: 210px;

        margin-bottom: 50px;

    }

}



.banner_static .banner_text {

    position: unset;

}



.banner_static .banner_text h2 {

    margin: 0;

    font-size: 48px;

    font-weight: 300;

    line-height: 48px;

    width: 100%;

}



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

    .banner_static .banner_text h2 {

        font-size: 38px;

        line-height: 38px;

    }

}



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

    .banner_static .banner_text h2 {

        font-size: 25px;

        line-height: 25px;

    }

}



.banner_static .banner_text h1 {

    font-size: 48px;

    font-weight: 700;

    line-height: 48px;

    margin-bottom: 17px;

}



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

    .banner_static .banner_text h1 {

        font-size: 38px;

        line-height: 38px;

        margin-bottom: 12px;

    }

}



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

    .banner_static .banner_text h1 {

        font-size: 25px;

        line-height: 25px;

        margin-bottom: 5px;

    }

}



.banner_static .banner_text p {

    font-size: 18px;

    font-weight: 300;

}



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

    .banner_static .banner_text p {

        font-size: 14px;

        line-height: 20px;

    }

}





/*new banner section css here*/



.vidio_banner_thumb {

    position: relative;

}



.vidio_play-btn {

    position: absolute;

    top: 50%;

    transform: translatey(-50%);

    left: 0;

    right: 0;

    text-align: center;

}



.vidio_play-btn a {

    font-size: 30px;

    color: #fff;

    border: 5px solid #fff;

    width: 70px;

    height: 70px;

    line-height: 60px;

    display: inline-block;

    border-radius: 50%;

}



.vidio_play-btn a:hover {

    border-color: #b2e515;

    color: #b2e515;

}



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

    .vidio_play-btn a {

        font-size: 21px;

        border: 4px solid #fff;

        width: 55px;

        height: 55px;

        line-height: 47px;

    }

}





/* 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;

}



.section_title {

    display: flex;

    align-items: center;

    position: relative;

    margin-bottom: 23px;

}



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

    .section_title {

        flex-direction: column;

        text-align: left;

        margin-bottom: 0;

    }

}



.section_title::before {

    position: absolute;

    content: "";

    height: 1px;

    width: 100%;

    background: #e9e9e9;

    left: 0;

    top: 50%;

    transform: translatey(-50%);

}



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

    .section_title::before {

        display: none;

    }

}



.section_title h2 {

    font-size: 26px;

    line-height: 33px;

    font-weight: 400;

    display: inline-block;

    margin-bottom: 0;

    position: relative;

}



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

    .section_title h2 {

        margin-bottom: 22px;

        font-size: 20px;

        line-height: 16px;

        padding-right: 0;

        position: relative;

        width: 100%;

    }

}



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

    .section_title h2::before {

        position: absolute;

        content: "";

        height: 1px;

        width: 100%;

        background: #e9e9e9;

        left: 0;

        top: 50%;

        transform: translatey(-50%);

    }

}



.section_title h2 span {

    background: #ffffff;

    padding-right: 20px;

    position: relative;

}



.section_title h2 span strong {

    margin-right: 5px;

}



.section_title ul.product_tab_button {

    margin-left: 180px;

    background: #ffffff;

    position: relative;

    border: 1px solid #e9e9e9;

    padding: 0 15px;

    border-radius: 25px;

}



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

    .section_title ul.product_tab_button {

        margin-left: 43px;

    }

}



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

    .section_title ul.product_tab_button {

        margin-left: 0;

        justify-content: center;

        margin-bottom: 20px;

        padding: 8px 15px 10px;

    }

}



.section_title ul.product_tab_button li {

    margin-right: 15px;

}



.section_title ul.product_tab_button li:last-child {

    margin-right: 0;

}



.section_title ul.product_tab_button li a {

    font-size: 14px;

    color: #333;

    line-height: 30px;

    font-weight: 500;

    cursor: pointer;

    position: relative;

    display: block;

    padding: 0 15px;

    font-family: "Titillium Web", sans-serif;

}



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

    .section_title ul.product_tab_button li a {

        line-height: 26px;

    }

}



.section_title ul.product_tab_button li a:hover {

    font-weight: 700;

}



.section_title ul.product_tab_button li a::before {

    position: absolute;

    content: "";

    width: 15px;

    height: 1px;

    background: #d6d6d6;

    right: -15px;

    top: 50%;

}



.section_title ul.product_tab_button li a.active {

    font-weight: 700;

}



.section_title ul.product_tab_button li:last-child a::before {

    display: none;

}



.product_thumb {

    position: relative;

}



.product_thumb a.secondary_img {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    visibility: hidden;

}



.product_carousel .owl-nav {

    position: absolute;

    top: -56px;

    right: 0;

    background: #00406b;

    display: flex;

    padding: 0 9px;

    border-radius: 25px;

}



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

    .product_carousel .owl-nav {

        display: none;

    }

}



.product_carousel .owl-nav>div {

    width: 25px;

    height: 30px;

    line-height: 30px;

    font-size: 20px;

    color: #fff;

    text-align: center;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.product_carousel .owl-nav>div:hover {

    color: #41b3ff;

}



.product_content {

    margin-top: 15px;

    background: #efefef;

    padding-left: 3px;

    border-radius: 5px;

}



.single_product {

    padding: 8px;

    border: 1px solid #f0f0f0;

    border-radius: 3px;

    margin: 1px;

    background: #fff;

}



.single_product:hover .product_thumb a.secondary_img {

    opacity: 1;

    visibility: visible;

}



.single_product:hover .product_name h3 {

    margin-bottom: 10px;

    margin-top: 0;

}



.single_product:hover .product_name p {

    opacity: 1;

    margin-bottom: 9px;

}



.single_product:hover .action_links {

    opacity: 1;

    visibility: visible;

}



.single_product:hover .action_links ul li a {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}



.single_product:hover .add_to_cart {

    opacity: 1;

    visibility: visible;

}



.single_product:hover .add_to_cart a {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}



.action_links {

    transition: all 0.5s ease;

    position: absolute;

    right: 0;

    top: 8px;

    opacity: 0;

    visibility: hidden;

}



.action_links ul li a {

    line-height: 36px;

    width: 36px;

    text-align: center;

    font-size: 22px;

    display: block;

    transition: all 0.5s ease;

    transform: scale(0.7);

    -webkit-transform: scale(0.7);

    -moz-transform: scale(0.7);

    -ms-transform: scale(0.7);

    -o-transform: scale(0.7);

}



.action_links ul li a:hover {

    color: #41b3ff;

}



.add_to_cart {

    opacity: 0;

    visibility: hidden;

    transition: all 0.5s ease;

}



.add_to_cart a {

    line-height: 36px;

    width: 36px;

    text-align: center;

    font-size: 22px;

    display: block;

    transition: all 0.5s ease;

    transform: scale(0.7);

    -webkit-transform: scale(0.7);

    -moz-transform: scale(0.7);

    -ms-transform: scale(0.7);

    -o-transform: scale(0.7);

    float: right;

    position: relative;

    top: -28px;

}



.add_to_cart a:hover {

    color: #41b3ff;

}



.product_footer {

    justify-content: space-between;

}



.label_product {

    position: absolute;

    top: 0;

    left: 0;

    height: 22px;

    line-height: 20px;

    background: #41b3ff;

    border-radius: 5px;

    transform: skewX(-20deg);

    -webkit-transform: skewX(-20deg);

    -moz-transform: skewX(-20deg);

    -o-transform: skewX(-20deg);

    -ms-transform: skewX(-20deg);

}



.label_product span {

    transform: skewX(20deg);

    -webkit-transform: skewX(20deg);

    -moz-transform: skewX(20deg);

    -o-transform: skewX(20deg);

    -ms-transform: skewX(20deg);

}



.label_product span.label_sale,

.label_product span.label_new {

    padding: 0 10px;

    border-radius: 2px;

    font-size: 12px;

    font-weight: 500;

    text-align: center;

    display: inline-block;

}



.label_product span.label_new {

    background: #2777d0;

}



.product_name h3 {

    font-size: 12px;

    margin: 15px 0 4px 0;

    font-weight: 600;

    font-family: "Titillium Web", sans-serif;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.product_name h3 a {

    line-height: 20px;

    display: block;

}



.product_name h3 a:hover {

    color: #2777d0;

}



.product_name p {

    line-height: 20px;

    display: block;

    opacity: 0;

    margin: 0;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.product_name p a {

    text-transform: uppercase;

    display: block;

    font-size: 12px;

    font-weight: 400;

}



.product_name p a:hover {

    color: #222;

}



.product_ratings {

    margin-bottom: 5px;

}



.product_ratings ul {

    display: flex;

}



.product_ratings ul li {

    line-height: 18px;

}



.product_ratings ul li a {

    color: #ffcb15;

    font-size: 16px;

}



.price_box span.regular_price {

    font-weight: 600;

    font-size: 14px;

}



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

    .price_box span.regular_price {

        font-size: 16px;

    }

}



.price_box span.old_price {

    color: #757575;

    text-decoration: line-through;

    font-weight: 400;

    font-size: 16px;

}



.price_box span.current_price {

    color: #fd5018;

    font-weight: 700;

    font-size: 13px;

    margin-right: 5px;

}



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

    .price_box span.current_price {

        font-size: 16px;

    }

}





/*single featured  css here*/



.featured_categories {

    background: #f6f6f6;

    padding: 42px 0 50px;

}



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

    .featured_categories {

        padding: 50px 0 50px;

    }

}



.featured_categories .section_title h2 span {

    background: #f6f6f6;

    position: relative;

}



.featured_carousel {

    background: #ffffff;

}



.featured_carousel .owl-item.last .single_featured {

    border-right: 0;

}



.single_featured {

    display: flex;

    padding: 19px;

    border-right: 1px solid #e9e9e9;

    border-bottom: 1px solid #e9e9e9;

}



.single_featured:last-child {

    border-bottom: 0;

}



.featured_thumb {

    width: 45%;

}



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

    .featured_thumb {

        width: 38%;

    }

}



.featured_thumb a img {

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.featured_thumb a img:hover {

    opacity: 0.7;

}



.featured_content {

    width: 55%;

    padding-left: 20px;

}



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

    .featured_content {

        width: 63%;

        padding-left: 16px;

    }

}



.featured_content h3 {

    font-size: 18px;

    font-family: "Titillium Web", sans-serif;

    line-height: 22px;

    margin-bottom: 8px;

}



.featured_content h3 a:hover {

    color: #41b3ff;

}



.featured_content>a {

    color: #333;

    text-transform: uppercase;

    margin-top: 10px;

    display: block;

    font-size: 13px;

    font-weight: 700;

    line-height: 20px;

    float: right;

    position: relative;

    padding-right: 18px;

}



.featured_content>a:hover {

    color: #41b3ff;

}



.featured_content>a::before {

    position: absolute;

    content: "\f362";

    font-family: "Ionicons";

    font-size: 16px;

    font-weight: 400;

    margin-left: 4px;

    display: inline-block;

    line-height: inherit;

    vertical-align: top;

    color: #41b3ff;

    right: 0;

}



.sub_featured ul li a {

    display: block;

    line-height: 24px;

}



.sub_featured ul li a:hover {

    color: #41b3ff;

}





/*small product area css here*/



.small_product .single_product {

    display: flex;

}



.small_product .product_content {

    width: 55%;

}



.small_product .product_content h3 {

    font-size: 14px;

    margin-bottom: 15px;

    font-weight: 400;

    font-family: "Titillium Web", sans-serif;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.small_product .product_content h3 a {

    line-height: 20px;

    display: block;

}



.small_product .product_content h3 a:hover {

    color: #2777d0;

}



.small_product .product_thumb {

    width: 45%;

}



.small_product .product_ratings {

    margin-bottom: 10px;

}





/*custom product area css here*/



.custom_product_area {

    margin-bottom: 17px;

}



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

    .custom_product_area {

        margin-bottom: 24px;

    }

}



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

    .custom_product_area {

        margin-bottom: 6px;

    }

}



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

    .custom_product_area {

        margin-bottom: 2px;

    }

}



.single_product_items {

    margin-bottom: 20px;

    display: flex !important;

}



.single_product_items .product_content {

    width: 70%;

    padding-left: 20px;

    margin-top: 0;

}



.single_product_items .product_content h3 {

    margin: 0 0 8px 0;

}



.single_product_items .product_thumb {

    width: 30%;

}



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

    .custom_product {

        margin-bottom: 8px;

    }

}



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

    .custom_product {

        margin-bottom: 11px;

    }

}



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

    .custom_product {

        margin-bottom: 23px;

    }

}



.custom_product .section_title h2 {

    font-size: 22px;

    font-weight: 700;

}



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

    .custom_product .section_title h2 {

        font-size: 18px;

    }

}





/*call to action css here*/



.call_to_action {

    background: #00406b;

    padding: 42px 0 45px;

}



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

    .call_to_action {

        padding: 42px 0 50px;

    }

}



.call_action_inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



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

    .call_action_inner {

        flex-direction: column;

        text-align: center;

    }

}



.call_text h3 {

    font-size: 30px;

    line-height: 39px;

    font-family: "Titillium Web", sans-serif;

    margin-bottom: 3px;

}



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

    .call_text h3 {

        font-size: 25px;

    }

}



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

    .call_text h3 {

        font-size: 20px;

        line-height: 30px;

    }

}



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

    .call_text h3 {

        font-size: 22px;

        line-height: 30px;

        margin-bottom: 10px;

    }

}



.call_text h3 span {

    font-weight: bold;

}



.call_text p {

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

}



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

    .call_text p {

        margin-bottom: 14px;

    }

}



.link_follow ul li {

    display: inline-block;

    margin-right: 7px;

}



.texto-imagen {

    text-align: center;

    font-weight: 600;

    font-size: 11px;

    color: #ffffff;

    background: #ef0000;

    border-radius: 5px;

    margin: 0px 0px 20px 0px;

}



.seguimiento {

    background: #b2e0ff;

    padding: 10px 20px;

    width: 550px;

    border-radius: 5px;

}



.link_follow ul li:last-child {

    margin-right: 0;

}



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

    .link_follow ul li {

        margin-right: 3px;

    }

}



.link_follow ul li a {

    width: 48px;

    height: 48px;

    line-height: 46px;

    font-size: 18px;

    display: block;

    text-align: center;

    border: 1px solid #42474a;

    border-radius: 50%;

}



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

    .link_follow ul li a {

        width: 42px;

        height: 42px;

        line-height: 40px;

    }

}



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

    .link_follow ul li a {

        width: 38px;

        height: 38px;

        line-height: 38px;

    }

}



.link_follow ul li a:hover {

    background: #333;

    color: #fff;

}



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

    .discover_now {

        margin-bottom: 15px;

    }

}



.discover_now a {

    line-height: 48px;

    background: #e45e27;

    color: #fff;

    padding: 0 33px;

    display: inline-block;

    text-transform: uppercase;

    border-radius: 25px;

    -webkit-border-radius: 25px;

}



.discover_now_1 {

    line-height: 48px;

    background: #23ad00;

    color: #fff;

    padding: 0 33px;

    display: inline-block;

    text-transform: uppercase;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    margin: 10px 0 0px;

}



.whatsapp-5 {

    line-height: 48px;

    background: #105000;

    color: #fff;

    padding: 0 20px;

    display: inline-block;

    text-transform: uppercase;

    border-radius: 10px;

    margin: 10px 0 0px;

    font-size: 30px;

}



.imprimir-1 {

    line-height: 48px;

    background: #00406b;

    color: #fff;

    padding: 0 33px;

    display: inline-block;

    text-transform: uppercase;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    margin: 10px 0 0px;

}



.alerta-1 {

    line-height: 48px;

    background: #ffd4d4;

    color: #783c3c;

    padding: 0 33px;

    display: inline-block;

    text-transform: uppercase;

    border-radius: 10px;

    margin: 10px 0 0px;

    font-weight: 600;

}



.discover_now a:hover {

    background: #2b3137;

    color: #41b3ff;

}



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

    .discover_now a {

        line-height: 43px;

        padding: 0 11px;

        font-size: 13px;

    }

}



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

    .discover_now a {

        line-height: 38px;

        padding: 0 22px;

        font-size: 12px;

    }

}





/*call to action css end*/





/*home two css here*/



.single_product_list .single_product {

    margin-bottom: 20px;

}



.single_product_list .single_product:last-child {

    margin-bottom: 0;

}



.product_tab_button.tab_button2 {

    margin-left: 0;

    background: #f6f6f6;

    border: 0;

    padding: 0;

    margin-bottom: 22px;

    position: relative;

}



.product_tab_button.tab_button2::before {

    position: absolute;

    content: "";

    height: 1px;

    width: 100%;

    background: #e9e9e9;

    left: 0;

    top: 50%;

    transform: translatey(-50%);

}



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

    .product_tab_button.tab_button2::before {

        display: none;

    }

}



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

    .product_tab_button.tab_button2 {

        flex-direction: column;

    }

}



.product_tab_button.tab_button2 li {

    margin-right: 20px;

}



.product_tab_button.tab_button2 li:first-child a {

    padding-left: 0;

}



.product_tab_button.tab_button2 li:last-child {

    margin-right: 0;

}



.product_tab_button.tab_button2 li a {

    font-size: 26px;

    line-height: 33px;

    font-family: "Titillium Web", sans-serif;

    color: #333;

    background: #f6f6f6;

    position: relative;

    padding: 0 20px;

}



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

    .product_tab_button.tab_button2 li a {

        font-size: 20px;

        line-height: 28px;

    }

}



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

    .product_tab_button.tab_button2 li a {

        font-size: 20px;

        line-height: 33px;

        padding: 0;

    }

}



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

    .product_tab_button.tab_button2 li a::before {

        display: none;

    }

}



.product_tab_button.tab_button2 li a span {

    font-weight: 700;

}



.new_product_area {

    background: #f6f6f6;

    padding: 43px 0 50px;

}



.sample_product {

    flex: 0 0 31.333333%;

    max-width: 31.333%;

    margin-right: 20px;

    padding: 20px 15px;

    background: #fff;

}



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

    .sample_product {

        flex: 0 0 30.333333%;

        max-width: 30.333%;

    }

}



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

    .sample_product {

        flex: 0 0 48%;

        max-width: 48%;

    }

}



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

    .sample_product {

        flex: 0 0 100%;

        max-width: 100%;

        margin-right: 0;

        margin-bottom: 20px;

    }

}



.sample_product .product_name {

    margin-bottom: 20px;

}



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

    .sample_product .product_name {

        margin-top: 0;

    }

}



.sample_product .product_name h3 {

    margin-top: 0;

}



.sample_product .manufacture_product p {

    opacity: 1;

}



.sample_product .product_content {

    margin-top: 35px;

}



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

    .sample_product .product_content {

        margin-top: 4px;

    }

}



.sample_product .product_ratings {

    margin-bottom: 13px;

}



.new_product_container {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.new_product_container .product_carousel {

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

}



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

    .new_product_container .product_carousel {

        flex: 0 0 49%;

        max-width: 49%;

    }

}



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

    .new_product_container .product_carousel {

        flex: 0 0 100%;

        max-width: 100%;

    }

}



.product_bg .single_product {

    background: #fff;

    border: 0;

    margin-bottom: 20px;

}



.product_bg .single_product:last-child {

    margin-bottom: 0;

}



.quantity_progress {

    display: flex;

    justify-content: space-between;

    margin-top: 20px;

}



.quantity_progress p {

    margin-bottom: 10px;

    line-height: 20px;

}



.quantity_progress p span {

    font-weight: 700;

}



.bar_percent {

    height: 10px;

    background: #f0f0f0;

    width: 100%;

    border-radius: 25px;

    position: relative;

}



.bar_percent::before {

    position: absolute;

    content: "";

    width: 97%;

    height: 10px;

    left: 0;

    top: 0;

    background: #41b3ff;

    border-radius: 25px 0 0 25px;

}





/*home three css here*/



.featured_c_three {

    padding: 0;

    background: none;

}



.featured_c_three .featured_container {

    border: 1px solid #f0f0f0;

}



.featured_c_three .section_title h2 span {

    background: #fff;

}





/*home four css here*/



.featured_four {

    border: 1px solid #f0f0f0;

}



.featured_four .single_featured {

    flex-direction: column;

    border: 0;

}



.featured_four .featured_thumb {

    width: 100%;

}



.featured_four .featured_content {

    width: 100%;

    padding-left: 0;

}



.featured_four .featured_content>a {

    float: left;

}



.featured_c_four {

    background: inherit;

    padding: 0;

}



.featured_c_four .section_title h2 span {

    background: #fff;

}





/*color schemen 2*/



.color_scheme_2 .featured_content h3 a:hover {

    color: #b2e515;

}



.color_scheme_2 .featured_content>a:hover {

    color: #b2e515;

}



.color_scheme_2 .featured_content>a::before {

    color: #b2e515;

}



.color_scheme_2 .sub_featured ul li a:hover {

    color: #b2e515;

}



.color_scheme_2 .owl-nav>div:hover {

    color: #b2e515;

}



.color_scheme_2 .product_name h3 a:hover {

    color: #b2e515;

}



.color_scheme_2 .product_name p a:hover {

    color: #b2e515;

}



.color_scheme_2 .small_product .product_content h3 a:hover {

    color: #b2e515;

}



.color_scheme_2 .product_ratings ul li a {

    color: #b2e515;

}



.color_scheme_2 .bar_percent::before {

    background: #b2e515;

}



.color_scheme_2 .label_product {

    background: #b2e515;

}



.color_scheme_2 .action_links ul li a:hover {

    color: #b2e515;

}



.color_scheme_2 .add_to_cart a:hover {

    color: #b2e515;

}



.color_scheme_2 .modal-content button.close:hover {

    color: #b2e515;

}



.color_scheme_2 .modal_price span {

    color: #b2e515;

}



.color_scheme_2 .modal_add_to_cart form button:hover {

    background: #b2e515;

    border-color: #b2e515;

}



.color_scheme_2 .modal_social ul li.facebook a:hover {

    background: #b2e515;

}



.color_scheme_2 .modal_social ul li.twitter a:hover {

    background: #b2e515;

}



.color_scheme_2 .modal_social ul li.pinterest a:hover {

    background: #b2e515;

}



.color_scheme_2 .modal_social ul li.google-plus a:hover {

    background: #b2e515;

}



.color_scheme_2 .modal_social ul li.linkedin a:hover {

    background: #b2e515;

}



.color_scheme_2 .product_navactive.owl-carousel .owl-nav div:hover {

    background: #b2e515;

}



.call_to_action.color_scheme_2 {

    background: #b2e515;

}



.call_to_action.color_scheme_2 .discover_now a:hover {

    color: #b2e515;

}





/* 05. blog area css here */



.blog_carousel .owl-nav {

    position: absolute;

    top: -56px;

    right: 0;

    background: #ffffff;

    display: flex;

    padding: 0 9px;

    border-radius: 25px;

    border: 1px solid #e9e9e9;

}



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

    .blog_carousel .owl-nav {

        display: none;

    }

}



.blog_carousel .owl-nav>div {

    width: 25px;

    height: 30px;

    line-height: 30px;

    font-size: 20px;

    color: #a9a9a9;

    text-align: center;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.blog_carousel .owl-nav>div:hover {

    color: #41b3ff;

}



.single_blog {

    border: 1px solid #f0f0f0;

}



.blog_content {

    padding: 19px 19px 24px 19px;

}



.blog_content h3 {

    font-size: 15px;

    line-height: 22px;

    margin-bottom: 14px;

    font-weight: 400;

    padding-bottom: 17px;

    position: relative;

    font-family: "Titillium Web", sans-serif;

}



.blog_content h3 a:hover {

    color: #41b3ff;

}



.blog_content h3::before {

    content: "";

    width: 36px;

    height: 1px;

    background: #d6d6d6;

    position: absolute;

    left: 0;

    bottom: 0;

}



.date_post span {

    line-height: 22px;

    background: #41b3ff;

    display: inline-block;

    padding: 0 11px;

    font-size: 12px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    margin-bottom: 12px;

}



.blog_desc p {

    line-height: 22px;

    font-size: 13px;

}





/*06. newsletter area css here*/



.newletter_area {

    padding: 40px 0;

    border-top: 1px solid #f0f0f0;

}



.newletter_title {

    display: flex;

    align-items: center;

}



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

    .newletter_title {

        margin-bottom: 25px;

    }

}



.newletter_title img {

    margin-right: 20px;

}



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

    .newletter_title img {

        margin-right: 10px;

    }

}



.newletter_content h2 {

    font-weight: 500;

    display: inline-block;

    font-size: 24px;

    line-height: 24px;

    margin: 0;

}



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

    .newletter_content h2 {

        font-size: 17px;

    }

}



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

    .newletter_content h2 {

        font-size: 18px;

    }

}



.newletter_content p {

    font-size: 14px;

    margin: 13px 0 0;

    line-height: 14px;

}



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

    .newletter_content p {

        font-size: 13px;

        margin: 10px 0 0;

    }

}



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

    .newletter_content p {

        font-size: 13px;

        margin: 5px 0 0;

    }

}



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

    .newletter_content p {

        font-size: 13px;

        margin: 5px 0 0;

    }

}



.newletter_subscribe form {

    position: relative;

    width: 550px;

    background: #fff;

    border: 1px solid #f0f0f0;

    border-radius: 30px;

    float: right;

}



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

    .newletter_subscribe form {

        width: 100%;

    }

}



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

    .newletter_subscribe form {

        width: 100%;

    }

}



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

    .newletter_subscribe form {

        width: 100%;

    }

}



.newletter_subscribe form input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #a5a5a5;

}



.newletter_subscribe form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #a5a5a5;

}



.newletter_subscribe form input:-ms-input-placeholder {

    /* IE 10+ */

    color: #a5a5a5;

}



.newletter_subscribe form input:-moz-placeholder {

    /* Firefox 18- */

    color: #a5a5a5;

}



.newletter_subscribe form input {

    width: 100%;

    border: 0;

    background: none;

    padding: 0 150px 0 20px;

    height: 50px;

    font-size: 14px;

    color: #a5a5a5;

}



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

    .newletter_subscribe form input {

        padding: 0 125px 0 20px;

    }

}



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

    .newletter_subscribe form input {

        padding: 0 110px 0 20px;

        height: 40px;

    }

}



.newletter_subscribe form button {

    position: absolute;

    top: 0;

    right: 0;

    border: 0;

    height: 100%;

    padding: 0 35px;

    background: #41b3ff;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    border-radius: 0 30px 30px 0;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.newletter_subscribe form button:hover {

    background: #2777d0;

}



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

    .newletter_subscribe form button {

        font-size: 13px;

        padding: 0 25px;

    }

}



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

    .newletter_subscribe form button {

        padding: 0 15px;

    }

}



.mailchimp-error {

    text-align: left;

    color: green;

}



.mailchimp-success {

    text-align: left;

    color: green;

}



.mailchimp-success.active {

    margin-top: 20px;

}





/*home two css here*/



.newletter_two {

    border-top: 1px solid #363636;

}



.newletter_two .newletter_content h2 {

    color: #fff;

}



.newletter_two .newletter_content p {

    color: #888888;

}



.newletter_two .newletter_subscribe form {

    background: #252525;

    border: 1px solid #363636;

}





/*home three css here*/



.newletter_three .newletter_subscribe form button {

    background: #fd5018;

}



.newletter_three .newletter_subscribe form button:hover {

    background: #333;

}





/* 21. shipping css here */



.shipping_inner {

    padding: 19px 5px;

    border-radius: 4px;

    overflow: hidden;

    background: #41b3ff;

}



.single_shipping {

    display: flex;

    justify-content: center;

    padding: 15px 0;

    border-left: 1px solid #f0f0f0;

    width: 25%;

    float: left;

}



.single_shipping:first-child {

    border: 0;

}



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

    .single_shipping {

        margin-bottom: 12px;

        width: 50%;

        border: 0;

    }

}



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

    .single_shipping {

        margin-bottom: 12px;

        border: 0;

        width: 100%;

    }

    .single_shipping:last-child {

        margin-bottom: 0;

    }

}



.shipping_icone {

    margin-right: 14px;

}



.shipping_content h2 {

    font-size: 14px;

    line-height: 20px;

    font-weight: 700;

    margin-bottom: 4px;

    font-family: "Titillium Web", sans-serif;

}



.shipping_content p {

    font-size: 13px;

    line-height: 18px;

}





/*testimonial css here*/



.testimonial_container {

    padding: 22px 30px 20px;

}



.testimonial_container .testimonial_images {

    width: 84px;

    position: absolute;

    top: 110px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.testimonial_container .testimonial_images img {

    width: inherit;

    border-radius: 50%;

}



.testimonial_container .testimonial_content {

    margin-top: 60px;

}



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

    .testimonial_container .testimonial_content {

        margin-top: 50px;

    }

}



.testimonial_container .testimonial_content p {

    padding: 0;

    margin-bottom: 14px;

}



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

    .testimonial_container .testimonial_content p {

        margin-bottom: 12px;

    }

}



.testimonial_container .testimonial_content a {

    color: #41b3ff;

    font-weight: 600;

    font-size: 16px;

}



.testimonial_container .testimonial_content a:hover {

    color: #333;

}



.testimonial_container:hover .owl-nav>div {

    opacity: 1;

    visibility: visible;

}



.testimonial_container .owl-nav>div {

    position: absolute;

    top: 50%;

    transform: translatey(-50%);

    width: 30px;

    background: #eaeaea;

    text-align: center;

    opacity: 0;

    visibility: hidden;

    color: #313131;

    font-size: 18px;

    z-index: 1;

    height: 80px;

    border-radius: 0 3px 3px 0;

    line-height: 80px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    left: 0px;

}



.testimonial_container .owl-nav>div:hover {

    background: #41b3ff;

    color: #fff;

}



.testimonial_container .owl-nav>div.owl-next {

    right: 0;

    left: auto;

    border-radius: 3px 0 0 3px;

}



.testimonial_banner {

    background: url(../img/about/testimonial.jpg) no-repeat 0 0;

    height: 155px;

    width: 100%;

}



.testimonial_section {

    border: 1px solid #f0f0f0;

    background: #fff;

}



.testimonial_are {

    margin-bottom: 68px;

}



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

    .testimonial_are {

        margin-bottom: 63px;

    }

}



.testimonial_titile {

    text-align: center;

    margin-bottom: 20px;

}



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

    .testimonial_titile {

        margin-bottom: 15px;

    }

}



.testimonial_titile h1 {

    display: inline-block;

    font-size: 24px;

    line-height: 24px;

    font-weight: 600;

    margin-bottom: 0;

}



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

    .testimonial_titile h1 {

        font-size: 20px;

    }

}



.testimonial_active.owl-carousel .single_testimonial img {

    width: inherit;

    margin: 0 auto;

    margin-bottom: 15px;

}



.testimonial_active.owl-carousel .owl-dots {

    position: relative;

    width: 100%;

    text-align: center;

    top: 15px;

}



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

    .testimonial_active.owl-carousel .owl-dots {

        top: 10px;

    }

}



.testimonial_active.owl-carousel .owl-dots .owl-dot {

    width: 10px;

    height: 10px;

    background: #ebebeb;

    border-radius: 100%;

    margin: 0 4px;

    display: inline-block;

}



.testimonial_active.owl-carousel .owl-dots .owl-dot.active {

    background: #41b3ff;

}



.single_testimonial {

    text-align: center;

}



.single_testimonial p {

    padding: 0 145px;

    font-size: 15px;

    line-height: 26px;

    margin-bottom: 25px;

}



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

    .single_testimonial p {

        padding: 0 30px;

    }

}



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

    .single_testimonial p {

        padding: 0;

        font-size: 15px;

        margin-bottom: 20px;

    }

}



.single_testimonial span {

    display: block;

    margin-bottom: 20px;

    line-height: 16px;

}



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

    .single_testimonial span {

        margin-bottom: 12px;

    }

}



.single_testimonial span.name {

    font-weight: 700;

    text-transform: uppercase;

}





/*brand css here*/



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

    .brand_area.mb-42 {

        margin-bottom: 50px;

    }

}



.brand_container .single_brand img {

    width: 120px;

    margin: 0 auto;

}



.brand_container {

    border: 1px solid #e9e9e9;

    padding: 34px 0;

    border-radius: 3px;

}





/*  07. footer area css here */



.footer_top {

    padding: 48px 0 38px;

}



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

    .footer_top {

        padding: 48px 0 27px;

    }

}



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

    .footer_top {

        padding: 48px 0 14px;

    }

}



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

    .footer_top {

        padding: 48px 0 28px;

    }

}



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

    .widgets_container {

        margin-bottom: 28px;

    }

}



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

    .widgets_container {

        margin-bottom: 22px;

    }

}



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

    .widgets_container {

        text-align: center;

    }

}



.widgets_container h3 {

    font-size: 17px;

    line-height: 24px;

    margin-bottom: 18px;

    font-weight: 700;

    font-family: "Titillium Web", sans-serif;

    color: #e45e27;

}



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

    .widgets_container h3 {

        margin-bottom: 8px;

        line-height: 22px;

    }

}



.widgets_container p {

    margin: 0;

}



.footer_logo {

    margin-bottom: 15px;

}



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

    .footer_logo a img {

        max-width: 126px;

    }

}



.footer_contact p {

    font-size: 14px;

    margin-bottom: 15px;

    line-height: 25px;

}



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

    .footer_contact p {

        margin-bottom: 23px;

    }

}



.footer_contact p span {

    display: block;

    color: #e45e27;

    font-size: 16px;

    font-weight: 700;

}



.footer_contact p a:hover {

    color: #41b3ff;

}



.footer_menu ul li {

    line-height: 30px;

}



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

    .footer_menu ul li {

        line-height: 25px;

    }

}



.footer_menu ul li a {

    display: block;

    font-weight: 400;

    font-size: 14px;

}



.footer_menu ul li a:hover {

    color: #41b3ff;

}



.subscribe_form {

    margin-top: 22px;

}



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

    .subscribe_form {

        margin-top: 16px;

    }

}



.subscribe_form form {

    position: relative;

    width: 350px;

    background: #f0f0f0;

    border-radius: 5px;

}



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

    .subscribe_form form {

        width: 100%;

    }

}



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

    .subscribe_form form {

        width: 100%;

    }

}



.subscribe_form form input {

    width: 100%;

    height: 48px;

    color: #666;

    font-size: 13px;

    background: none;

    border: 0;

    padding: 0 120px 0 15px;

}



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

    .subscribe_form form input {

        padding: 0 105px 0 15px;

    }

}



.subscribe_form form button {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    background: #41b3ff;

    font-weight: 400;

    padding: 0 18px;

    border: 0;

    text-transform: uppercase;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}



.subscribe_form form button:hover {

    background: #333;

    color: #fff;

}



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

    .subscribe_form form button {

        padding: 0 10px;

    }

}



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

    .copyright_area {

        text-align: center;

        margin-bottom: 14px;

    }

}



.copyright_area p {

    line-height: 30px;

    font-size: 14px;

}



.copyright_area p a:hover {

    text-decoration: underline;

    color: #41b3ff;

}



.footer_bottom {

    padding: 15px 0;

    border-top: 1px solid #f0f0f0;

}



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

    .footer_bottom {

        padding: 15px 0 20px;

    }

}



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

    .footer_payment {

        text-align: center !important;

    }

}





/*color scheme 2 css here*/



.color_scheme_2 .footer_menu ul li a:hover {

    color: #b2e515;

}



.color_scheme_2 .footer_contact p a:hover {

    color: #b2e515;

}



.color_scheme_2 .subscribe_form form button {

    background: #b2e515;

}



.color_scheme_2 .subscribe_form form button:hover {

    background: #333;

}



.color_scheme_2 .copyright_area p a:hover {

    color: #b2e515;

}





/*collection area css here*/



.collection_area {

    margin-bottom: 94px;

}



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

    .collection_area {

        margin-bottom: 74px;

    }

}



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

    .collection_area {

        margin-bottom: 74px;

    }

}



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

    .collection_area {

        margin-bottom: 55px;

    }

}



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

    .collection_area {

        margin-bottom: 53px;

    }

}



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

    .collection_img {

        margin-bottom: 21px;

    }

}



.collection_img img:hover {

    opacity: 0.7;

}



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

    .collection_content {

        text-align: center;

    }

}



.collection_content h1 {

    font-size: 120px;

    font-weight: 700;

    line-height: 100px;

    margin-bottom: 20px;

}



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

    .collection_content h1 {

        font-size: 90px;

        line-height: 80px;

        margin-bottom: 13px;

    }

}



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

    .collection_content h1 {

        font-size: 90px;

        line-height: 80px;

        margin-bottom: 13px;

    }

}



.collection_content h4 {

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 23px;

}



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

    .collection_content h4 {

        margin-bottom: 12px;

    }

}



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

    .collection_content h4 {

        margin-bottom: 12px;

    }

}



.collection_content h2 {

    font-size: 36px;

    margin-top: 0;

    margin-bottom: 20px;

    font-weight: 700;

    margin-bottom: 20px;

}



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

    .collection_content h2 {

        margin-bottom: 10px;

        font-size: 20px;

    }

}



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

    .collection_content h2 {

        margin-bottom: 10px;

        font-size: 20px;

        line-height: 28px;

    }

}



.collection_content p {

    line-height: 24px;

    font-size: 16px;

    margin: 0;

}



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

    .collection_content p {

        font-size: 15px;

    }

}



.collection_content a {

    font-size: 16px;

    font-weight: 600;

    padding-bottom: 5px;

    border-bottom: 2px solid #757575;

    display: inline-block;

    margin-top: 40px;

}



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

    .collection_content a {

        margin-top: 15px;

    }

}



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

    .collection_content a {

        margin-top: 15px;

        font-size: 16px;

    }

}



.collection_content a:hover {

    color: #41b3ff;

    border-color: #41b3ff;

}



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

    .collection_2 {

        margin-bottom: 29px;

    }

}



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

    .collection_2 .collection_content {

        margin-bottom: 29px;

    }

}



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

    .collection_4 {

        margin-bottom: 32px;

    }

}



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

    .collection_4 .collection_content {

        margin-bottom: 29px;

    }

}





/*categories section css here*/



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

    .categories_area {

        margin-top: 68px;

    }

}



.categories_thumb {

    position: relative;

}



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

    .categories_thumb {

        height: 100vh;

    }

}



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

    .categories_thumb a {

        height: 100%;

    }

}



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

    .categories_thumb img {

        height: 100%;

        object-fit: cover;

    }

}



.categories_content {

    position: absolute;

    top: 50%;

    right: 50px;

    transform: translatey(-50%);

}



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

    .categories_content {

        right: 20px;

    }

}



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

    .categories_content {

        right: 30px;

    }

}



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

    .categories_content {

        right: 15px;

    }

}



.categories_content h4 {

    font-size: 18px;

    margin-bottom: 15px;

}



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

    .categories_content h4 {

        font-size: 16px;

        margin-bottom: 10px;

    }

}



.categories_content h2 {

    font-size: 35px;

    font-weight: 600;

    line-height: 30px;

    margin-bottom: 10px;

}



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

    .categories_content h2 {

        font-size: 22px;

        margin-bottom: 10px;

    }

}



.categories_content p {

    font-size: 17px;

    width: 440px;

    font-weight: 500;

    margin-top: 30px;

}



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

    .categories_content p {

        width: 310px;

    }

}



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

    .categories_content p {

        font-size: 14px;

        width: 210px;

        line-height: 20px;

        margin-bottom: 5px;

        margin-top: 0;

    }

}



.categories_content a {

    font-size: 16px;

    font-weight: 600;

    padding-bottom: 5px;

    border-bottom: 2px solid #757575;

}



.categories_content a:hover {

    color: #41b3ff;

    border-color: #41b3ff;

}



#fp-nav {

    right: 31px;

}



.categories_area .col-12 {

    padding: 0;

}



.categories_content.content_left {

    left: 60px;

}



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

    .categories_content.content_left {

        left: 30px;

    }

}



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

    .categories_content.content_left {

        left: 30px;

    }

}





/* 10. shop page css here */



.header_shop {

    border-bottom: 1px solid #f0f0f0;

}



.header_shop .header_top {

    padding: 7px 0;

}



.header_shop .header_middel {

    padding: 40px 0 18px;

}



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

    .header_shop .header_middel {

        padding: 21px 0 18px;

    }

}



.header_shop .header_bottom {

    padding: 0;

}



.canvas_padding {

    margin-bottom: 0;

}



.breadcrumb_content {

    padding: 22px 0;

}



.breadcrumb_content ul li {

    display: inline-block;

    font-size: 14px;

    margin-right: 3px;

    padding-right: 13px;

    position: relative;

}



.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: #00406b;

    font-weight: 600;

}



.breadcrumb_content ul li a:hover {

    color: #41b3ff;

}



.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: 29px;

    border-bottom: 1px solid #ddd;

    padding-bottom: 35px;

}



.widget_list:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0;

}



.widget_list h2 {

    font-size: 16px;

    margin: 0 0 15px;

    padding: 0 0 5px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 24px;

}



.widget_list>ul>li {

    margin-bottom: 8px;

    position: relative;

}



.widget_list>ul>li:last-child {

    margin-bottom: 0;

}



.widget_list>ul>li input {

    position: absolute;

    left: 3px;

    top: 50%;

    transform: translatey(-50%);

    opacity: 0;

    cursor: pointer;

    z-index: 999;

}



.widget_list>ul>li input:checked~.checkmark {

    background-color: #41b3ff;

    border: 1px solid #41b3ff;

}



.widget_list>ul>li input:checked~.checkmark::before {

    display: block;

}



.widget_list>ul>li>a {

    font-size: 14px;

    display: block;

    line-height: 27px;

    margin-left: 30px;

}



.widget_list>ul>li>a:hover {

    color: #41b3ff;

}



.widget_list>ul>li span.checkmark {

    height: 17px;

    width: 17px;

    border: 1px solid #dfdfdf;

    border-radius: 3px;

    display: block;

    position: absolute;

    top: 50%;

    transform: translatey(-50%);

    background: #f4f4f4;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.widget_list>ul>li span.checkmark::before {

    left: 5px;

    top: 3px;

    width: 5px;

    height: 8px;

    border: solid white;

    border-top-width: medium;

    border-right-width: medium;

    border-bottom-width: medium;

    border-left-width: medium;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    content: "";

    position: absolute;

    display: none;

}



.ui-slider-horizontal .ui-slider-range {

    background: #41b3ff;

    height: 5px;

}



.ui-slider-horizontal {

    height: 3px;

    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;

    border: 0;

    border-radius: 0;

    width: 19px;

    height: 19px;

    top: -7px;

    cursor: pointer;

    border-radius: 50%;

    border: 5px solid #41b3ff;

}



.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;

}



@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;

    color: #ffffff;

    background: #333;

    border: 0;

    border-radius: 30px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.widget_list.widget_filter form button:hover {

    background: #41b3ff;

}



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

    .shop_sidebar_banner {

        text-align: center;

    }

}



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

    .shop_sidebar_banner {

        text-align: center;

    }

}



.shop_sidebar_banner a img:hover {

    opacity: 0.7;

}



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

    .shop_sidebar_banner a img {

        width: 100%;

    }

}



.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;

}



.shop_title {

    margin-bottom: 20px;

}



.shop_title h1 {

    font-size: 33px;

    margin-bottom: 0;

    font-weight: 500;

}



@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: #41b3ff;

}



.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: #41b3ff;

}



.list_button ul li a.active i {

    background: #41b3ff;

    color: #ffffff;

}



.product_ratting ul li {

    display: inline-block;

}



.product_ratting ul li a {

    color: #41b3ff;

}



@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: #41b3ff;

    color: #ffffff;

}



.pagination ul li.current {

    background: #41b3ff;

    color: #ffffff;

}



.pagination ul li.next {

    width: 40px;

}



.shop_toolbar.t_bottom {

    justify-content: center;

    margin-bottom: 0;

    margin-top: 30px;

}



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

    .shop_toolbar.t_bottom {

        margin-bottom: 50px;

    }

}



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

    .shop_toolbar.t_bottom {

        padding: 15px 10px 15px;

        margin-bottom: 50px;

    }

}



@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;

}



.shop_area {

    margin-bottom: 50px;

    margin-top: 24px;

}





/* shop page css here*/



.shop_banner {

    margin-bottom: 44px;

}



@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_list .grid_name {

    display: none;

}



.grid_list .action_links {

    display: none;

}



.grid_list .product_content.grid_content {

    display: none;

}



.grid_list .product_content.list_content {

    display: block;

    min-width: 0 0 66.666667%;

    display: flex;

    align-items: center;

}



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

    .grid_list .product_content.list_content {

        flex-direction: column;

    }

}



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

    .grid_list .product_content.list_content {

        flex: 0 0 58.333333%;

        min-width: 58.333333%;

    }

}



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

    .grid_list .product_content.list_content {

        flex: 0 0 100%;

        min-width: 100%;

        margin-left: 0;

    }

}



.grid_list .product_content.list_content .product_name h3 {

    margin: 0 0 12px;

}



.grid_list .product_content.list_content .product_ratings {

    margin-bottom: 8px;

}



.text_available {

    margin-bottom: 13px;

}



.text_available p {

    font-size: 14px;

}



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

    .text_available p {

        font-size: 13px;

    }

}



.text_available p span {

    color: #67c10a;

}



.cart_links_btn {

    margin-bottom: 20px;

}



.cart_links_btn a {

    line-height: 38px;

    width: 100%;

    font-size: 15px;

    font-weight: 400;

    color: #333;

    background: #41b3ff;

    display: block;

    text-align: center;

    padding: 0 30px;

    border-radius: 5px;

}



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

    .cart_links_btn a {

        padding: 0 18px;

    }

}



.cart_links_btn a:hover {

    background: #333;

    color: #fff;

}



.left_caption {

    width: 62%;

    padding-right: 20px;

    border-right: 1px solid #ddd;

    margin-right: 20px;

}



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

    .left_caption {

        width: 100%;

        padding-right: 0;

        border-right: 0;

        margin-right: 0;

    }

}



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

    .right_caption {

        width: 100%;

    }

}



.right_caption .price_box {

    margin-bottom: 20px;

}



.right_caption .price_box span {

    font-size: 20px;

}



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

    .right_caption .price_box span {

        font-size: 15px;

    }

}



.right_caption .product_name h3 span {

    margin-right: 5px;

}



.right_caption .product_name h3 a {

    display: inline-block;

}



.right_caption .product_name h3 a:hover {

    color: #41b3ff;

}



.action_links_btn {

    text-align: center;

}



.action_links_btn ul li {

    display: inline-block;

}



.action_links_btn ul li a {

    line-height: 36px;

    width: 36px;

    text-align: center;

    font-size: 22px;

    display: block;

}



.action_links_btn ul li a:hover {

    color: #41b3ff;

}



.grid_list .single_product {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-bottom: 20px;

}



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

    .grid_list .single_product {

        flex-direction: column;

        padding: 10px 18px 18px 18px;

    }

}



.grid_list .product_thumb {

    margin-bottom: 0;

    min-width: 33.333333%;

    margin-right: 15px;

}



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

    .grid_list .product_thumb {

        flex: 0 0 41.666667%;

        min-width: 41.666667%;

    }

}



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

    .grid_list .product_thumb {

        flex: 0 0 100%;

        min-width: 100%;

        margin-right: 0;

        margin-bottom: 25px;

    }

}



.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;

        color: #00406b;

    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 .single_product {

    position: relative;

    margin-bottom: 20px;

}



.shop_wrapper .label_product {

    bottom: 40px;

}



.shop_wrapper.grid_4 .price_box span.current_price {

    font-size: 15px;

    margin-right: 3px;

}



.shop_wrapper.grid_4 .price_box span.old_price {

    font-size: 14px;

}



.widget_inner {

    background: #f4f4f4;

    border: 1px solid #e1e1e1;

    padding: 20px;

    margin-bottom: 50px;

}





/* shop page css end*/





/*shop fullwidth css here*/



.shop_fullwidth {

    margin-top: 16px;

}



@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;

    }

}





/* 15. product details css here */



#img-1 {

    border: 1px solid #f0f0f0;

}



.product_details {

    margin-bottom: 50px;

}



.header_product {

    border-bottom: 1px solid #f0f0f0;

}



.product_d_right h1 {

    line-height: 20px;

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 22px;

}



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

    .product_d_right h1 {

        margin-bottom: 17px;

    }

}



.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.review a {

    color: #5a5a5a;

    margin-left: 10px;

}



.product_d_right .product_ratting ul li.review a:hover {

    color: #41b3ff;

}



.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: 23px;

}



.product_d_right .price_box span.old_price {

    font-size: 20px;

}



.product_d_right .product_desc {

    margin-bottom: 19px;

    padding-bottom: 24px;

    border-bottom: 1px solid #f0f0f0;

}



@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 (max-width: 767px) {

    .product_d_right .priduct_social ul li {

        margin-right: 4px;

    }

}



.product_d_right .priduct_social ul li:last-child {

    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;

    display: block;

}



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

    .product_d_right .priduct_social ul li a {

        padding: 0 5px;

    }

}



.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_nav {

    float: right;

    position: relative;

    top: -46px;

}



@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: #41b3ff;

    border-radius: 3px;

    color: #ffffff;

    display: block;

    font-size: 15px;

    height: 30px;

    width: 30px;

    line-height: 28px;

    text-align: center;

}



.product_nav ul li a:hover {

    background: #333;

}



.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;

    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: #41b3ff;

    height: 42px;

    line-height: 42px;

    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;

    font-size: 18px;

    margin-bottom: 0;

    margin-right: 40px;

}



.product_variant.color label {

    font-size: 15px;

    font-weight: 500;

}



.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;

}



.product_variant.size label {

    font-size: 15px;

    font-weight: 500;

}



.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: #41b3ff;

}



.product_meta {

    margin-bottom: 24px;

}



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

    .product_meta {

        margin-bottom: 15px;

        padding-bottom: 18px;

    }

}



.product_meta span {

    font-weight: 500;

}



.product_meta span a {

    color: #333;

    margin-left: 10px;

    font-weight: 400;

}



.product_info_button {

    border-bottom: 1px solid #f0f0f0;

    padding-bottom: 15px;

    margin-bottom: 40px;

}



.product_info_button ul {

    justify-content: center;

}



.product_info_button ul li a {

    display: block;

    float: left;

    font-size: 20px;

    color: #a9a9a9;

    font-weight: 600;

    margin-right: 35px;

    line-height: 26px;

    position: relative;

    padding-bottom: 10px;

}



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

    .product_info_button ul li a {

        margin-right: 25px;

        font-size: 18px;

    }

}



.product_info_button ul li a::before {

    content: "";

    width: 0;

    left: 0;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    bottom: 0;

    height: 2px;

    background: #41b3ff;

    position: absolute;

}



.product_info_button ul li a.active {

    color: #333333;

}



.product_info_button ul li a.active::before {

    width: 100%;

}



.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: #3e444a;

    color: #ffffff;

    text-transform: uppercase;

    font-weight: 700;

    padding: 5px 15px;

    display: block;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    cursor: pointer;

    margin-top: 20px;

    border-radius: 5px;

}



.product_review_form button:hover {

    background: #41b3ff;

    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;

}



.product_d_inner {

    padding: 20px 30px 50px;

    background: #ffffff;

}



.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;

}



.reviews_wrapper .product_ratting {

    margin-bottom: 20px;

}



.reviews_wrapper .product_ratting h3 {

    font-size: 14px;

    font-weight: 700;

}



.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: #41b3ff;

}



.product_d_info {

    margin-bottom: 50px;

    background: #f6f6f6;

    padding: 50px 0;

}



.product_d_info.sidebar {

    padding: 50px 30px;

}



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

    .product_d_info.sidebar {

        padding: 0;

        background: none;

        border: 1px solid #f0f0f0;

    }

}



.reviews_comment_box {

    display: flex;

    margin-bottom: 22px;

}



.reviews_comment_box .comment_text {

    width: 100%;

    border: 1px solid #f0f0f0;

    position: relative;

    margin-left: 21px;

    padding: 12px;

    border-radius: 3px;

}



.reviews_comment_box .comment_text::before {

    background: #fff;

    border-bottom: 1px solid #f0f0f0;

    border-left: 1px solid #f0f0f0;

    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: #333;

    font-family: "Titillium Web", sans-serif;

}



.s-tab-zoom.owl-carousel .owl-nav {

    display: block;

}



.s-tab-zoom.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;

}



.s-tab-zoom.owl-carousel .owl-nav div:hover {

    background: #41b3ff;

    color: #ffffff;

}



.s-tab-zoom.owl-carousel .owl-nav div.owl-next {

    right: -7px;

    left: auto;

}



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

    .product-details-tab {

        margin-bottom: 47px;

    }

}



.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: 85%;

    }

}



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

    .single-zoom-thumb {

        width: 101%;

    }

}



.single-zoom-thumb ul li {

    border: 1px solid #ddd;

}



.single-zoom-thumb ul li a {

    width: 100%;

}





/* 12. product grouped css here */



.grouped_form {

    border: 1px solid #f0f0f0;

    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 #f0f0f0;

}



.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 #f0f0f0;

    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: 600;

    font-size: 14px;

}



.grouped_form table tbody tr td.grouped-product-list.label a {

    color: #757575;

}



.grouped_form table tbody tr td.grouped-product-list.label a:hover {

    color: #41b3ff;

}



.grouped_form table tbody tr td.grouped-product-list.price {

    font-size: 14px;

    color: #757575;

    font-weight: 600;

    min-width: 190px;

}



.grouped_form table tbody tr td.grouped-product-list.price p {

    color: #757575;

    font-size: 12px;

    font-weight: 600;

    position: relative;

}



.grouped_form table tbody tr td.grouped-product-list.price p::before {

    color: #fd5018;

    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;

}



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

    .variable_product {

        margin-bottom: 56px;

    }

}



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

    .variable_product {

        margin-bottom: 58px;

    }

}



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

    .variable_product .product-details-tab {

        margin-bottom: 49px;

    }

}



.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: #41b3ff;

}





/*product sidebar css here*/



.product_sidebar {

    margin-bottom: 0;

}



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

    .product_sidebar {

        margin-bottom: 50px;

    }

}



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

    .product_sidebar {

        margin-bottom: 50px;

    }

}



@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;

    }

}



.product_sidebar .price_box span.current_price {

    font-size: 16px;

}



.product_sidebar .price_box span.old_price {

    font-size: 15px;

}



.product_sidebar .price_box span.regular_price {

    font-size: 16px;

}



.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 #f0f0f0;

    border-bottom: 1px solid #f0f0f0;

}



@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: 50px;

}



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

    .product_right_sidebar .product-details-tab {

        margin-bottom: 45px;

    }

}



@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;

    }

}





/* 13. cart page css here */



.header_cart_page {

    border-bottom: 1px solid #f0f0f0;

}



.other_bread {

    padding-top: 41px;

    padding-bottom: 41px;

}



.table_desc {

    border: 1px solid #f0f0f0;

    margin-bottom: 30px;

    margin-top: 2px;

}



.table_desc .cart_page table {

    width: 100%;

}



.table_desc .cart_page table thead tr th {

    border-bottom: 3px solid #41b3ff;

    border-right: 1px solid #f0f0f0;

    font-size: 16px;

    font-weight: 600;

    padding: 10px;

    text-align: center;

}



.table_desc .cart_page table tbody tr td {

    border-bottom: 1px solid #f0f0f0;

    border-right: 1px solid #f0f0f0;

    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: #333;

}



.table_desc .cart_page table tbody tr td.product_remove a:hover {

    color: #41b3ff;

}



.table_desc .cart_page table tbody tr td.product_thumb {

    max-width: 180px;

}



.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: #333;

    font-size: 14px;

    font-weight: 400;

}



.table_desc .cart_page table tbody tr td.product_name a:hover {

    color: #41b3ff;

}



.table_desc .cart_page table tbody tr td.product-price {

    min-width: 130px;

    color: #333;

    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: 600;

    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 #f0f0f0;

}



.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;

}



.cart_submit button {

    background: #333;

    border: 0;

    color: #ffffff;

    display: inline-block;

    font-size: 12px;

    font-weight: 600;

    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: #41b3ff;

}



.coupon_inner {

    padding: 10px 20px 25px;

}



.coupon_inner p {

    font-size: 13px;

    margin-bottom: 20px;

}



.coupon_inner button {

    background: #333;

    border: 0;

    color: #ffffff;

    display: inline-block;

    font-size: 12px;

    font-weight: 600;

    height: 38px;

    line-height: 18px;

    padding: 10px 15px;

    text-transform: uppercase;

    cursor: pointer;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    border-radius: 3px;

}



.coupon_inner button:hover {

    background: #41b3ff;

}



.coupon_inner input {

    border: 1px solid #f0f0f0;

    height: 42px;

    background: none;

    padding: 0 20px;

    margin-right: 20px;

    font-size: 12px;

    color: #333;

}



@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 #f0f0f0;

    padding-bottom: 10px;

    border-radius: 3px;

}



.coupon_inner a:hover {

    color: #41b3ff;

}



.coupon_code {

    border: 1px solid #f0f0f0;

}



@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: #333;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 600;

}



@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: 22px;

    font-weight: 700;

    color: #e50000;

}



@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: #41b3ff;

    font-size: 15px;

    padding: 3px 14px;

    line-height: 30px;

    font-weight: 500;

    display: inline-block;

    margin-bottom: 0;

}



.checkout_btn a:hover {

    background: #333;

    color: #ffffff;

}



.coupon_area {

    margin-bottom: 60px;

}



.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 #f0f0f0;

    border-bottom: 1px solid #f0f0f0;

}



@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 #41b3ff;

    margin-bottom: 0;

}



.user-actions h3 a {

    color: #41b3ff;

}



.checkout_info {

    border: 1px solid #f0f0f0;

    margin-top: 25px;

    padding: 20px 15px;

}



.checkout_info p {

    margin-bottom: 15px;

}



.checkout_info a {

    color: #41b3ff;

    margin-top: 15px;

    display: block;

}



.form_group {

    margin-bottom: 20px;

}



.form_group label {

    font-size: 14px;

    display: block;

    line-height: 18px;

    margin-bottom: 6px;

}



.form_group input {

    border: 1px solid #f0f0f0;

    background: none;

    height: 45px;

    width: 100%;

    padding: 0 20px;

}



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

    .form_group input {

        width: 100%;

    }

}



.form_group button {

    display: inline-block;

    width: 100%;

    background: #d70000;

    border: 0;

    color: #ffffff;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 13px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    cursor: pointer;

    line-height: 40px;

    border-radius: 5px;

}



.form_group button:hover {

    background: #41b3ff;

}



.form_group input[type="checkbox"] {

    width: 15px;

    height: 15px;

    margin-right: 10px;

    position: relative;

    top: 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: #41b3ff;

}



#checkout_coupon input {

    background: none;

    border: 1px solid #f0f0f0;

    width: 200px;

    height: 45px;

    font-size: 12px;

    padding: 0 20px;

    color: #333;

}



#checkout_coupon button {

    width: 130px;

    background: #333;

    color: #ffffff;

    font-weight: 600;

    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: #41b3ff;

}



.mb-20 {

    margin-bottom: 20px;

}



.checkout_form h3 {

    font-size: 16px;

    line-height: 30px;

    padding: 5px 10px;

    text-transform: uppercase;

    color: #ffffff;

    background: #333;

    font-weight: 500;

}



.checkout_form input {

    border: 1px solid #f0f0f0;

    background: none;

    height: 40px;

    width: 100%;

    padding: 0 20px;

    color: #333;

}



.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: 600;

    margin-bottom: 6px;

}



.checkout_form label span {

    color: #41b3ff;

}



.checkout_form label.righ_0 {

    cursor: pointer;

    font-size: 15px;

    line-height: 27px;

    padding: 5px 10px;

    color: #ffffff;

    background: #333;

    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: #757575;

}



.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;

    color: #ffffff;

    background: #41b3ff;

    font-weight: 500;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    margin-bottom: 0;

    border-radius: 5px;

}



.order_button button:hover {

    background: #333;

}



@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: #333;

}



.order-notes label {

    line-height: 13px;

}



.Checkout_section {

    margin-bottom: 56px;

}



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

    .Checkout_section {

        margin-bottom: 60px;

    }

}



.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: #41b3ff;

    font-size: 12px;

    font-weight: 700;

    height: 38px;

    line-height: 18px;

    padding: 10px 20px;

    color: #333;

    text-transform: uppercase;

    border-radius: 3px;

}



.table_desc.wishlist table tbody tr td.product_total a:hover {

    background: #333;

    color: #ffffff;

}



.wishlist_share {

    text-align: center;

    padding: 20px 0;

    border: 1px solid #f0f0f0;

}



.wishlist_share h4 {

    font-size: 18px;

    font-weight: 600;

}



.wishlist_share ul li {

    display: inline-block;

}



.wishlist_share ul li a {

    padding: 0 10px;

    display: block;

}



.wishlist_share ul li a:hover {

    color: #41b3ff;

}



.wishlist_area {

    padding-bottom: 60px;

}





/*wishlist css end*/





/* 15. contact page css here */



.contact_area {

    margin-bottom: 60px;

}



.contact_message h3 {

    font-size: 21px;

    font-weight: 600;

    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 #f0f0f0;

}



.contact_message ul li:last-child {

    padding-bottom: 0;

}



.contact_message ul li i {

    margin-right: 10px;

}



.contact_message ul li a:hover {

    color: #41b3ff;

}



.contact_message label {

    line-height: 18px;

    font-weight: 500;

    margin-bottom: 10px;

}



.contact_message input {

    border: 1px solid #f0f0f0;

    height: 45px;

    background: #f7f7f7;

    width: 100%;

    padding: 0 20px;

    color: #757575;

    border-radius: 5px;

}



.contact_message textarea {

    height: 170px;

    border: 1px solid #f0f0f0;

    background: #ffffff;

    resize: none;

    margin-bottom: 20px;

    width: 100%;

    padding: 10px 20px;

    color: #333;

}



.contact_message button {

    font-weight: 400;

    height: 42px;

    line-height: 42px;

    padding: 0 30px;

    border: none;

    background: #00406b;

    color: #ffffff;

    cursor: pointer;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    border-radius: 4px;

}



.contact_message button:hover {

    background: #41b3ff;

}



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

    .contact_message.content {

        margin-bottom: 52px;

    }

}



@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: 57px;

}



.map-area #googleMap {

    height: 460px;

    width: 100%;

}





/*contact page css end*/





/* 17. login page css here */



.account_form h2 {

    font-size: 28px;

    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 #f0f0f0;

    padding: 23px 20px 29px;

    border-radius: 5px;

}



.account_form label {

    font-size: 15px;

    font-weight: 400;

    cursor: pointer;

    line-height: 12px;

    margin-bottom: 12px;

    transition: 0.3s;

}



.account_form label:hover {

    color: #41b3ff;

}



.account_form input {

    border: 1px solid #f0f0f0;

    height: 40px;

    max-width: 100%;

    padding: 0 20px;

    background: none;

    width: 100%;

}



.account_form button {

    background: #41b3ff;

    border: 0;

    color: #ffffff;

    display: inline-block;

    font-size: 12px;

    font-weight: 700;

    height: 34px;

    line-height: 21px;

    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: #333;

}



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

    .account_form.register button {

        margin-left: 0;

    }

}



.login_submit label input[type="checkbox"] {

    width: 15px;

    height: 13px;

    margin-right: 3px;

}



.login_submit {

    text-align: right;

}



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

    .login_submit {

        text-align: left;

    }

}



.login_submit a {

    font-size: 13px;

    float: left;

    line-height: 39px;

}



.login_submit a:hover {

    color: #41b3ff;

}



@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;

    }

}



.customer_login {

    padding-bottom: 60px;

}



.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: 56px;

}



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

    .faq_content_area {

        margin-top: 26px;

    }

}



.accordion_area {

    padding-bottom: 60px;

}



.accordion-item {

    border: none;

    margin-bottom: 10px;

}



.accordion-item .accordion-collapse {

    border: 0;

}



.accordion-item:last-child {

    margin-bottom: 0;

}



.accordion-header {

    padding: 0;

    border: none;

}



.accordion-header button {

    height: 45px;

    text-decoration: none;

    cursor: pointer;

    position: relative;

    white-space: initial;

}



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

    .accordion-header button {

        height: 60px;

    }

}



.accordion-header button:focus {

    box-shadow: none;

}



.accordion-header button i {

    position: absolute;

    top: 50%;

    -webkit-transform: translatey(-50%);

    transform: translatey(-50%);

    right: 20px;

}



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

    .accordion-header button i {

        right: 10px;

    }

}



.accordion-header button.accordion-button {

    width: 100%;

    text-align: left;

    font-size: 14px;

    font-weight: 700;

    color: #333;

    background: #ededed;

    border: 1px solid #ededed;

}



.accordion-header button.accordion-button.collapsed {

    width: 100%;

    text-align: left;

    color: #333;

}



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

    .accordion-header button.accordion-button.collapsed {

        padding-right: 28px;

    }

}



.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: 14px;

        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;

}



.wasapeo-1 {

    font-size: 18px;

    padding-right: 5px;

}



.dashboard_tab_button ul li a {

    font-size: 14px;

    color: #ffffff;

    font-weight: 500;

    background: #00406b;

    border-radius: 3px;

}



.dashboard_tab_button ul li a:hover {

    background: #41b3ff;

    color: #ffffff;

}



.dashboard_tab_button ul li a.active {

    background: #41b3ff;

}



.main_content_area {

    padding: 32px 0 55px;

}



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

    .main_content_area {

        padding: 35px 0 55px;

    }

}



.dashboard_content h3 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 15px;

}



.dashboard_content h4 {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 10px;

    margin-top: 10px;

}



.pago-1 {

    background: #41b3ff;

    margin: 20px 0px;

    padding: 10px;

    border-radius: 5px;

}



.dashboard_content a {

    color: #41b3ff;

    font-weight: 500;

}



.dashboard_content a:hover {

    color: #fdfdfd;

}



.dashboard_content p a {

    color: #41b3ff;

    font-weight: 500;

}



.dashboard_content p a:hover {

    color: #333;

}



.table-responsive table thead {

    background: #f2f2f2;

}



.table-responsive table thead tr th {

    text-align: center;

}



.table-responsive table tbody tr td {

    border-right: 1px solid #f0f0f0;

    font-weight: 500;

    font-size: 14px;

    text-align: center;

    min-width: 150px;

}



.table-responsive table tbody tr td:last-child a {

    color: #41b3ff;

}



.table-responsive table tbody tr td:last-child a:hover {

    color: #333;

}



.table-responsive .table {

    border-left: 1px solid #f0f0f0;

    border-bottom: 1px solid #f0f0f0;

    border-right: 1px solid #f0f0f0;

}



.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: 600;

    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: #333;

}



.account_login_form form span.custom_checkbox {

    display: flex;

}



.account_login_form form span.custom_checkbox input {

    top: 5px;

    margin-right: 7px;

}



.account_login_form form span.custom_checkbox label {

    margin-bottom: 0;

}



.account_login_form form .save_button button {

    padding: 0 20px;

    height: 30px;

    line-height: 30px;

    border: 0;

    background: #333;

    color: #ffffff;

    border-radius: 4px;

    margin-top: 10px;

}



.account_login_form form .save_button button:hover {

    background: #41b3ff;

}





/*my account css end*/





/* 10. about page css here */



.about_section {

    padding-bottom: 52px;

}



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

    .about_section {

        padding-bottom: 50px;

    }

}



.about_content {

    text-align: center;

}



.about_content h1 {

    display: inline-block;

    font-size: 24px;

    line-height: 24px;

    font-weight: 600;

    margin-bottom: 15px;

}



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

    .about_content h1 {

        font-size: 20px;

    }

}



.about_content p {

    margin-bottom: 16px;

    font-size: 14px;

    line-height: 26px;

    padding: 0 13%;

    margin-bottom: 0;

}



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

    .about_content p {

        padding: 0 8%;

    }

}



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

    .about_content p {

        padding: 0 2%;

    }

}



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

    .about_content p {

        margin-bottom: 8px;

        padding: 0;

    }

}



.about_thumb {

    margin-bottom: 30px;

}



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

    .about_thumb {

        margin-bottom: 24px;

    }

}



.chose_title {

    text-align: center;

}



.chose_title h1 {

    display: inline-block;

    font-size: 24px;

    line-height: 24px;

    font-weight: 600;

    margin-bottom: 0;

}



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

    .chose_title h1 {

        font-size: 20px;

    }

}



.chose_content h3 {

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    margin-bottom: 15px;

}



.choseus_area {

    margin-bottom: 55px;

}



.single_chose {

    text-align: center;

}



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

    .single_gallery_section {

        margin-bottom: 25px;

    }

}



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

    .single_gallery_section {

        margin-bottom: 25px;

    }

}



.about_gallery_section {

    margin-bottom: 50px;

}



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

    .about_gallery_section {

        margin-bottom: 25px;

    }

}



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

    .about_gallery_section {

        margin-bottom: 23px;

    }

}



.gallery_thumb {

    margin-bottom: 18px;

}



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

    .gallery_thumb img {

        width: 100%;

    }

}



.about_gallery_content {

    text-align: center;

}



.about_gallery_content h3 {

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    margin-bottom: 10px;

}



.about_gallery_content p {

    line-height: 26px;

}





/*about page css end*/





/* 20. services page css here */



.services_gallery {

    padding-bottom: 28px;

}



.services_content h3 {

    font-size: 15px;

    font-weight: 500;

    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;

}



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

    .services_thumb img {

        width: 100%;

    }

}



.single_services {

    margin-bottom: 25px;

}



.our_services {

    padding: 50px 0 25px;

    background: #ececec;

}



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

    .our_services {

        margin-bottom: 60px;

        padding: 50px 0 27px;

    }

}



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

    .our_services {

        padding: 49px 0 25px;

        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: 600;

    margin-bottom: 11px;

}



.services_icone {

    margin-right: 15px;

}



.services_icone i {

    font-size: 35px;

    line-height: 46px;

    color: #41b3ff;

}



.services_desc h3 {

    font-size: 13px;

    font-weight: 500;

}



.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: 768px) and (max-width: 991px) {

    .unlimited_services {

        margin-bottom: 59px;

    }

}



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

    .unlimited_services {

        margin-bottom: 59px;

    }

}



.unlimited_services_content {

    text-align: center;

}



.unlimited_services_content h1 {

    font-weight: 600;

    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 a {

    font-size: 14px;

    padding: 6px 20px;

    display: inline-block;

    border: 1px solid #333;

    border-radius: 30px;

}



.unlimited_services_content a:hover {

    background: #41b3ff;

    border-color: #41b3ff;

    color: #fff;

}



.priceing_table {

    background: #ececec;

    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: #41b3ff;

}



.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 #f0f0f0;

    line-height: 24px;

}



.priceing_list ul li:first-child {

    border-top: 1px solid #f0f0f0;

}



.priceing_list a {

    margin: 30px 0 0;

    line-height: 38px;

    padding: 0 20px;

    border: 1px solid #333;

    color: #333;

    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: #41b3ff;

    border-color: #41b3ff;

    color: #fff;

}



.advantages_ecommerce {

    padding: 54px 0;

}



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

    .advantages_ecommerce {

        padding: 55px 0 60px;

    }

}



.advantages_content h3 {

    font-size: 25px;

    font-weight: 500;

}



@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: 6px 20px;

    display: inline-block;

    border-radius: 30px;

    border: 1px solid #333;

}



.advantages_button a:hover {

    background: #41b3ff;

    color: #fff;

    border-color: #41b3ff;

}



@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_page_section {

    margin-bottom: 50px;

}



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

    .blog_page_section.blog_padding {

        margin-bottom: 43px;

    }

}



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

    .blog_page_section.blog_padding {

        margin-bottom: 43px;

    }

}



.blog_wrapper .single_blog {

    margin-bottom: 50px;

    border: 0;

    display: flex;

}



.blog_wrapper .single_blog:last-child {

    margin-bottom: 0;

}



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

    .blog_wrapper .single_blog {

        flex-direction: column;

    }

}



.blog_wrapper .blog_thumb {

    margin-right: 30px;

}



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

    .blog_wrapper .blog_thumb a {

        width: 100%;

    }

}



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

    .blog_wrapper .blog_thumb a img {

        width: 100%;

    }

}



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

    .blog_wrapper .blog_thumb {

        margin-right: 0;

        margin-bottom: 14px;

    }

}



.blog_wrapper .blog_content {

    padding: 0;

}



.blog_wrapper .blog_content h3 {

    font-size: 21px;

    line-height: 27px;

    font-family: "Titillium Web", sans-serif;

    font-weight: 400;

    padding: 0;

    margin-bottom: 19px;

}



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

    .blog_wrapper .blog_content h3 {

        font-size: 18px;

        margin-bottom: 14px;

    }

}



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

    .blog_wrapper .blog_content h3 {

        font-size: 15px;

        margin-bottom: 9px;

        line-height: 24px;

    }

}



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

    .blog_wrapper .blog_content h3 {

        font-size: 15px;

        margin-bottom: 9px;

        line-height: 24px;

    }

}



.blog_wrapper .blog_content h3::before {

    display: none;

}



.blog_wrapper .blog_content span {

    margin-right: 15px;

}



.blog_wrapper .blog_content span:last-child {

    margin-right: 0;

}



.blog_wrapper .blog_content span a:hover {

    color: #41b3ff;

}



.blog_wrapper .blog_meta {

    margin-bottom: 17px;

}



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

    .blog_wrapper .blog_meta {

        margin-bottom: 12px;

    }

}



.blog_wrapper .blog_meta span {

    font-size: 14px;

    line-height: 24px;

}



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

    .blog_wrapper .blog_meta {

        margin-bottom: 7px;

    }

}



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

    .blog_wrapper .blog_meta {

        margin-bottom: 7px;

    }

}



.blog_wrapper .blog_desc {

    margin-bottom: 25px;

}



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

    .blog_wrapper .blog_desc {

        margin-bottom: 20px;

    }

}



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

    .blog_wrapper .blog_desc {

        margin-bottom: 15px;

    }

}



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

    .blog_wrapper .blog_desc {

        margin-bottom: 15px;

    }

}



.blog_wrapper .blog_desc p {

    font-size: 14px;

    line-height: 24px;

    max-width: 355px;

}



.readmore_button a {

    height: 38px;

    line-height: 40px;

    background: #333;

    border: 0;

    color: #fff;

    display: inline-block;

    padding: 0 25px;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 600;

    font-style: normal;

    border-radius: 3px;

}



.readmore_button a:hover {

    background: #41b3ff;

}



.blog_sidebar_widget .widget_list>h3 {

    font-size: 20px;

    line-height: 20px;

    font-weight: 500;

    margin-bottom: 20px;

}



.blog_sidebar_widget .widget_categories ul li a {

    margin-left: 0;

}



.widget_search input {

    height: 35px;

    border: 1px solid #f0f0f0;

    background: #fff;

    color: #333;

    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: 0.3s;

    transition: 0.3s;

    border-radius: 3px;

}



.widget_search button:hover {

    background: #41b3ff;

}



.tag_widget ul li {

    display: inline-block;

}



.tag_widget ul li a {

    margin: 0 6px 5px 0;

    display: block;

    font-size: 12px;

    font-weight: 400;

    border: 1px solid #f0f0f0;

    background: #fff;

    padding: 0 15px;

    line-height: 29px;

    border-radius: 3px;

}



.tag_widget ul li a:hover {

    background: #41b3ff;

    border-color: #41b3ff;

    color: #fff;

}



.post_thumb {

    width: 55px;

    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;

    padding-bottom: 15px;

    border-bottom: 1px solid #ddd;

    margin-bottom: 15px;

}



.post_wrapper:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0;

}



.post_info h3 {

    font-size: 14px;

    font-weight: 500;

    line-height: 14px;

    margin-bottom: 5px;

}



.post_info h3 a:hover {

    color: #41b3ff;

}



.post_info span {

    font-size: 12px;

}



.blog_categories ul li {

    border-top: 1px solid #ddd;

}



.blog_categories ul li a {

    padding: 10px 0;

    display: inline-block;

    margin-left: 0;

}



.blog_categories ul li a:hover {

    color: #41b3ff;

}



.blog_categories ul li:last-child a {

    padding-bottom: 0;

}



.comments_post .post_thumb {

    width: 52px;

}



.comments_post .post_info span {

    font-size: 14px;

    display: block;

    line-height: 12px;

    margin-bottom: 8px;

}



.comments_post .post_info a:hover {

    color: #41b3ff;

}



.shipping_area.shipping_contact.blog_shipping {

    margin-top: 94px;

}



.widget_list.widget_search,

.widget_list.widget_post {

    margin-bottom: 30px;

}



.widget_list.widget_tag {

    margin-bottom: 30px;

}



.widget_list.comments_post {

    margin-bottom: 35px;

}



.blog_pagination {

    margin-bottom: 50px;

}



.blog_pagination .pagination {

    border: 1px solid #f0f0f0;

    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 {

        margin-bottom: 46px;

    }

}



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

    .blog_fullwidth {

        margin-bottom: 46px;

    }

}



.blog_fullwidth .single_blog {

    display: inherit;

}



.blog_fullwidth .blog_thumb {

    width: 100%;

    margin-bottom: 20px;

}



.blog_fullwidth .blog_content {

    width: 100%;

    margin-left: 0;

    text-align: center;

}



.blog_fullwidth .blog_desc p {

    max-width: 100%;

}



.blog_thumb_active {

    margin-bottom: 20px;

}



.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(255, 213, 76, 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 audio {

    width: 100%;

}



@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_sidebar {

        margin-bottom: 43px;

    }

}



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

    .blog_sidebar {

        margin-bottom: 43px;

    }

}



.blog_sidebar .blog_content h3 {

    margin-bottom: 15px;

}



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

    .blog_sidebar .blog_content h3 {

        margin-bottom: 10px;

    }

}



.blog_sidebar .blog_meta {

    margin-bottom: 13px;

}



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

    .blog_sidebar .blog_meta {

        margin-bottom: 8px;

    }

}



.blog_sidebar .blog_desc {

    margin-bottom: 21px;

}



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

    .blog_sidebar .blog_desc {

        margin-bottom: 16px;

    }

}



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

    .blog_sidebar .blog_wrapper {

        margin-bottom: 46px;

    }

}



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

    .blog_sidebar .blog_wrapper {

        margin-bottom: 46px;

    }

}





/* 12. blog details css here */



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

    .blog_details_wrapper {

        margin-bottom: 38px;

    }

}



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

    .blog_details_wrapper {

        margin-bottom: 45px;

    }

}



.blog_details_wrapper .blog_thumb {

    margin-bottom: 21px;

}



.blog_details_wrapper .blog_thumb::before {

    display: none;

}



.blog_details_wrapper .blog_content {

    padding: 0;

}



.blog_details_wrapper .blog_content h3 {

    font-size: 24px;

    text-transform: inherit;

    font-weight: 600;

    margin-bottom: 19px;

    line-height: 26px;

    padding-bottom: 0;

}



.blog_details_wrapper .blog_content h3::before {

    display: none;

}



.blog_details_wrapper .post_meta {

    margin-bottom: 14px;

}



.blog_details_wrapper .post_meta span a:hover {

    color: #41b3ff;

}



.blog_details_wrapper .post_content>p {

    line-height: 24px;

    margin-bottom: 10px;

    font-size: 15px;

}



.blog_details_wrapper .post_content blockquote {

    border-left: 4px solid #41b3ff;

    margin: 20px 0 20px 0;

    padding: 0 20px;

    font-style: italic;

}



.blog_details_wrapper .social_sharing {

    display: flex;

}



.blog_details_wrapper .social_sharing h3 {

    font-size: 14px;

    text-transform: uppercase;

    margin-right: 20px;

    margin-bottom: 0;

}



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

    .blog_details_wrapper .social_sharing h3 {

        margin-right: 12px;

    }

}



.blog_details_wrapper .social_sharing ul li {

    display: inline-block;

}



.blog_details_wrapper .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_wrapper .social_sharing ul li a:hover {

    color: #ffffff;

    background: #41b3ff;

}



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

    .blog_details_wrapper .social_sharing ul li a {

        margin-right: 3px;

    }

}



.blog_details_wrapper .social_sharing ul li:first-child a {

    padding-left: 0;

    border-left: 0;

}



.entry_content {

    border-bottom: 1px solid #f0f0f0;

    padding-bottom: 26px;

    margin-bottom: 41px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



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

    .entry_content {

        flex-direction: column;

    }

}



.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:hover {

    color: #41b3ff;

}



.comments_box {

    margin-bottom: 40px;

    border-top: 1px solid #f0f0f0;

    padding-top: 17px;

}



.comments_box h3 {

    font-size: 20px;

    margin: 0 0 20px;

    font-weight: 500;

    line-height: 28px;

}



.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: #41b3ff;

}



.comment_list .comment_content span {

    line-height: 18px;

    margin-bottom: 8px;

    font-size: 12px;

    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: #333;

    display: block;

}



.comment_reply a:hover {

    background: #41b3ff;

}



.comments_form h3 {

    font-size: 20px;

    margin: 0 0 20px;

    font-weight: 500;

    line-height: 28px;

}



.comments_form p {

    font-size: 14px;

    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 {

    color: #3e444a;

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    margin-bottom: 10px;

}



.comments_form form textarea {

    width: 100%;

    height: 200px;

    background: #ffffff;

    border: 1px solid #f0f0f0;

    margin-bottom: 10px;

    resize: none;

    padding: 10px;

}



.comments_form form input {

    width: 100%;

    height: 40px;

    border: 1px solid #f0f0f0;

    margin-bottom: 15px;

    padding: 0 20px;

}



.comments_form form button {

    border: 0;

    line-height: 36px;

    background: #333;

    font-weight: 500;

}



.comments_form form button:hover {

    background: #41b3ff;

}



.comment_list.list_two {

    padding-left: 50px;

}



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

    .comment_list.list_two {

        padding-left: 0;

    }

}



.related_posts {

    margin-bottom: 45px;

}



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

    .related_posts .row {

        flex-direction: row !important;

    }

}



.related_posts h3 {

    font-size: 20px;

    margin: 0 0 20px;

    font-weight: 500;

    line-height: 28px;

}



.related_thumb {

    margin-bottom: 20px;

}



@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 h3 {

    font-size: 16px;

    font-weight: 500;

    line-height: 19px;

    margin-bottom: 5px;

}



.related_content h3 a {

    color: #333;

}



.related_content h3 a:hover {

    color: #41b3ff;

}



.related_content span {

    font-size: 13px;

    line-height: 17px;

}



.related_content span i {

    margin-right: 3px;

}



.blog_details {

    margin-bottom: 50px;

}



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

    .blog_details.blog_padding {

        margin-bottom: 43px;

    }

}



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

    .blog_details.blog_padding {

        margin-bottom: 43px;

    }

}



@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;

    }

}



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

    .single_related {

        margin-bottom: 24px;

    }

}



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

    .single_related.column_3 {

        margin-top: 24px;

    }

}



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

    .single_related.column_3 {

        margin-bottom: 0;

    }

}





/*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: 500px;

    }

}



@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 #f0f0f0;

    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: #41b3ff;

}



.modal_social ul li.twitter a {

    background: #1da1f2;

}



.modal_social ul li.twitter a:hover {

    background: #41b3ff;

}



.modal_social ul li.pinterest a {

    background: #bd081b;

}



.modal_social ul li.pinterest a:hover {

    background: #41b3ff;

}



.modal_social ul li.google-plus a {

    background: #dc5043;

}



.modal_social ul li.google-plus a:hover {

    background: #41b3ff;

}



.modal_social ul li.linkedin a {

    background: #010103;

}



.modal_social ul li.linkedin a:hover {

    background: #41b3ff;

}



.modal_price {

    margin-bottom: 12px;

}



.modal_price span {

    font-weight: 600;

    color: #41b3ff;

    font-size: 16px;

}



.modal_price span.old_price {

    color: #333;

    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 #f0f0f0;

    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 #333;

    margin-left: 10px;

    font-size: 12px;

    font-weight: 700;

    height: 45px;

    width: 230px;

    line-height: 18px;

    padding: 10px 15px;

    text-transform: uppercase;

    background: #333;

    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: #41b3ff;

    color: #ffffff;

    border-color: #41b3ff;

}



.modal_body {

    padding: 29px 6px 38px;

}



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

    .modal_body .modal_tab {

        margin-bottom: 28px;

    }

}



.modal-content {

    border-radius: 5px;

}



.intranet {

    background: #00406b;

    padding: 10px;

    text-align: center;

    border-radius: 5px;

    color: #fff;

}



.modal-content button.close {

    position: absolute;

    left: 89%;

    width: 35px;

    height: 35px;

    display: block;

    border: 1px solid #f0f0f0;

    top: 10px;

    border-radius: 50%;

    cursor: pointer;

    font-size: 20px;

    z-index: 9;

}


.modal-content button.close span{ position: relative; top: -2px;}
    

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

    .modal-content button.close {

        left: 83%;

        width: 30px;

        height: 30px;

        top: 4px;

        margin-bottom: 14px;

    }




}



.modal-content button.close:hover {

    color: #41b3ff;

}



.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: #41b3ff;

    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 {

    background: #ebebeb;

    padding: 0 126px 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: #333;

    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: #41b3ff;

}



@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;

    padding: 6px 12px;

    background: #333;

    font-weight: 600;

    line-height: 17px;

    color: #ffffff;

    display: block;

    transition: 0.3s;

}



#popup2:hover {

    background: #41b3ff;

}





/*newsletter popup css end*/





/* 09. error page css heer   */



.header_error {

    border-bottom: 1px solid #f0f0f0;

}



.error_form {

    text-align: center;

}



.error_form h1 {

    font-size: 200px;

    font-weight: 700;

    color: #41b3ff;

    letter-spacing: 10px;

    line-height: 160px;

    margin: 0 0 60px;

}



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

    .error_form h1 {

        font-size: 130px;

        line-height: 120px;

        letter-spacing: 4px;

        margin: 0 0 45px;

    }

}



.error_form h2 {

    font-size: 24px;

    text-transform: uppercase;

    font-weight: 500;

    line-height: 30px;

    margin-bottom: 19px;

}



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

    .error_form h2 {

        font-size: 18px;

        line-height: 22px;

        margin-bottom: 17px;

    }

}



.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: 28px;

        line-height: 23px;

    }

}



.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: #333;

    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: 0.3s;

    transition: 0.3s;

    top: 0;

    text-transform: uppercase;

    padding: 0 15px;

    font-weight: 600;

}



.error_form form button:hover {

    color: #41b3ff;

}



.error_form a {

    color: #fff;

    display: inline-block;

    background: #333;

    font-size: 12px;

    font-weight: bold;

    height: 40px;

    line-height: 42px;

    padding: 0 30px;

    text-transform: uppercase;

    margin-top: 35px;

    border-radius: 3px;

}



.error_form a:hover {

    background: #41b3ff;

}



.error_section {

    padding-bottom: 70px;

    padding-top: 59px;

}



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

    .error_section {

        padding-bottom: 60px;

        padding-top: 45px;

    }

}





/*404 page css end*/





/*--

     25. compare css here

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



.compaer-page {

    margin: 32px 0 60px;

}



.compare-table .table tbody tr:first-child {

    border-top: 1px solid #eeeeee;

}



.compare-table .table tbody tr td {

    text-align: center;

    border: none;

    padding: 25px 30px;

    vertical-align: middle;

    border-bottom: 1px solid #eeeeee;

    border-left: 1px solid #eeeeee;

}



.compare-table .table tbody tr td:last-child {

    border-right: 1px solid #eeeeee;

}



.compare-table .table tbody tr td.first-column {

    min-width: 180px;

    font-size: 17px;

    font-weight: 600;

    margin: 0;

    line-height: 1;

}



.compare-table .table tbody tr td.product-image-title {

    min-width: 305px;

    vertical-align: bottom;

}



.compare-table .table tbody tr td.product-image-title .image {

    clear: both;

    width: 100%;

    margin-bottom: 40px;

}



.compare-table .table tbody tr td.product-image-title .image img {

    max-width: 100%;

}



.compare-table .table tbody tr td.product-image-title .category {

    clear: both;

    color: #454545;

    float: left;

    font-size: 13px;

    letter-spacing: 0.5px;

    line-height: 15px;

    margin-bottom: 7px;

    margin-top: 15px;

}



.compare-table .table tbody tr td.product-image-title .title {

    float: left;

    clear: both;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    margin-bottom: 10px;

}



.compare-table .table tbody tr td.product-image-title .title:hover {

    color: #41b3ff;

}



.compare-table .table tbody tr td.pro-desc p {

    text-align: left;

    margin: 0;

}



.compare-table .table tbody tr td.pro-price {

    font-size: 15px;

    font-weight: 600;

}



.compare-table .table tbody tr td.pro-color {

    font-size: 15px;

    font-weight: 600;

}



.compare-table .table tbody tr td.pro-stock {

    font-size: 15px;

    font-weight: 600;

}



.compare-table .table tbody tr td.pro-addtocart .add-to-cart {

    position: relative;

    background: #41b3ff;

    border-radius: 4px;

    display: inline-block;

    width: 170px;

    padding: 10px 6px;

    transition: all 0.7s;

    color: #333;

}



.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {

    background: #333;

    color: #ffffff;

}



.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {

    transition: 0.3s;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 21px;

    overflow: hidden;

    display: block;

    text-align: center;

}



.compare-table .table tbody tr td.pro-remove button {

    border: none;

    background-color: transparent;

    padding: 0;

}



.compare-table .table tbody tr td.pro-remove button i {

    font-size: 20px;

}



.compare-table .table tbody tr td.pro-remove button:hover {

    color: #41b3ff;

}



.compare-table .table tbody tr td.pro-ratting a {

    font-size: 14px;

    color: #333;

}



.compare-table .table tbody tr td.pro-ratting a:hover {

    color: #41b3ff;

}





/*privacy policy css here*/



.privacy_policy_main_area {

    padding: 26px 0 35px;

}



.privacy_content {

    margin-bottom: 22px;

}



.privacy_content:last-child {

    margin-bottom: 0;

}



.privacy_content h2 {

    font-size: 22px;

    line-height: 22px;

    font-weight: 500;

    margin-bottom: 7px;

}



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

    .privacy_content h2 {

        font-size: 18px;

    }

}



.privacy_content h3 {

    font-size: 22px;

    line-height: 22px;

    font-weight: 500;

    margin-bottom: 7px;

}



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

    .privacy_content h3 {

        font-size: 18px;

    }

}



.privacy_content p {

    font-size: 15px;

    line-height: 25px;

    margin-bottom: 19px;

}



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

    .privacy_content p {

        font-size: 14px;

    }

}



.privacy_content p a {

    color: #a43d21;

}



.privacy_content p a:hover {

    color: #41b3ff;

}



.privacy_content.section_1 p {

    margin-bottom: 0;

}



.privacy_content.section_2 h2 {

    margin-bottom: 24px;

}





/*privacy policy css end*/





/* 27. coming-soon css here */



.coming_soon_area {

    height: 100vh;

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center center;

    background-size: cover;

    background-image: url(../img/bg/coming-soon.jpg);

    position: relative;

    display: flex;

    align-items: center;

}



.coming_soon_area::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #000;

    opacity: 0.15;

}



.coming_soon_title {

    text-align: center;

    margin-bottom: 40px;

}



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

    .coming_soon_title {

        margin-bottom: 36px;

    }

}



.coming_soon_title h2 {

    font-size: 37px;

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 15px;

}



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

    .coming_soon_title h2 {

        font-size: 22px;

        line-height: 22px;

        margin-bottom: 11px;

    }

}



.coming_soon_title p {

    color: #ffffff;

    font-size: 15px;

    max-width: 730px;

    margin: 0 auto;

    line-height: 24px;

}



.coming_soon_timing {

    text-align: center;

    margin: 57px 0 42px;

}



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

    .coming_soon_timing {

        margin: 50px 0 30px;

    }

}



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

    .coming_soon_timing {

        margin: 34px 0 22px;

    }

}



.single_countdown {

    display: inline-block;

    margin-right: 35px;

}



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

    .single_countdown {

        margin-right: 20px;

    }

}



.single_countdown:last-child {

    margin-right: 0;

}



.coming_soon_newsletter {

    text-align: center;

}



.coming_soon_newsletter .subscribe_form {

    margin-top: 0;

}



.coming_soon_newsletter .subscribe_form form {

    margin: 0 auto;

    width: 600px;

    background: inherit;

    border: 1px solid #f0f0f0;

    border-radius: 50px;

}



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

    .coming_soon_newsletter .subscribe_form form {

        width: 100%;

    }

}



.coming_soon_newsletter .subscribe_form form input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #ffffff;

}



.coming_soon_newsletter .subscribe_form form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #ffffff;

}



.coming_soon_newsletter .subscribe_form form input:-ms-input-placeholder {

    /* IE 10+ */

    color: #ffffff;

}



.coming_soon_newsletter .subscribe_form form input:-moz-placeholder {

    /* Firefox 18- */

    color: #ffffff;

}



.coming_soon_newsletter .subscribe_form form input {

    color: #ffffff;

    font-size: 14px;

    padding: 0 120px 0 28px;

    background: inherit;

    height: 48px;

}



.coming_soon_newsletter .subscribe_form form button {

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 600;

    background: inherit;

    color: #ffffff;

}



.coming_soon_newsletter .subscribe_form form button:hover {

    color: #41b3ff;

}



.coming_soon_newsletter .subscribe_form form button::before {

    content: "";

    background: #ffffff;

    width: 2px;

    position: absolute;

    bottom: 8px;

    top: 8px;

    left: 0;

}



.coming_soon_newsletter h3 {

    font-size: 16px;

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 15px;

    letter-spacing: 2px;

}



.coming_soon_newsletter .mailchimp-error {

    text-align: center;

    color: #ffffff;

}



.coming_soon_newsletter .mailchimp-success {

    text-align: center;

    color: #ffffff;

}



.coming_soon_logo {

    margin-bottom: 52px;

}



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

    .coming_soon_logo {

        margin-bottom: 35px;

    }

}



.coming_soon_link {

    text-align: center;

}



.coming_soon_link ul li {

    display: inline-block;

    margin-right: 20px;

}



.coming_soon_link ul li:last-child {

    margin-right: 0;

}



.coming_soon_link ul li a {

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 700;

    height: 40px;

    line-height: 40px;

    padding: 0 50px;

    display: inline-block;

    background: #41b3ff;

    color: #333;

    border-radius: 5px;

}



.coming_soon_link ul li a:hover {

    background: #333;

    color: #ffffff;

}



.countdown_number {

    font-size: 26px;

    font-weight: 500;

    line-height: 1;

    color: #ffffff;

    margin-bottom: 8px;

    width: 60px;

    height: 40px;

    line-height: 38px;

    border: 1px solid #ddd;

    border-radius: 4px;

}



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

    .countdown_number {

        width: 55px;

        font-size: 20px;

    }

}



.countdown_title {

    font-size: 13px;

    color: #ffffff;

}





/* 28. instagram css here */



.instagram-item {

    position: relative;

}



.instagram-item:hover::before {

    opacity: 0.5;

}



.instagram-item:hover .instagram-hvr-content {

    opacity: 1;

    visibility: visible;

}



.instagram-item::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: #000000;

    top: 0;

    left: 0;

    transition: 0.3s;

    opacity: 0;

    pointer-events: none;

}



.instagram-hvr-content {

    position: absolute;

    top: 50%;

    transform: translatey(-50%);

    left: 0;

    right: 0;

    text-align: center;

    opacity: 0;

    visibility: hidden;

}



.instagram-hvr-content span {

    margin-right: 7px;

    font-size: 16px;

    color: #fff;

}



.instagram-hvr-content span:last-child {

    margin-right: 0;

}



.instagram-hvr-content span i {

    margin-right: 7px;

}



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

    .shop-product__variation-image .section_title h2 {

        font-size: 18px;

    }

}



.instagram-wrap button {

    position: absolute;

    top: -53px;

    right: 0;

    font-size: 27px;

    border: 0;

    background: #fff;

    color: #a9a9a9;

}



.instagram-wrap button:hover {

    color: #41b3ff;

}



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

    .instagram-wrap button {

        top: -42px;

        font-size: 24px;

    }

}



.instagram-wrap button.prev_arrow {

    margin-right: 28px;

}



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

    .instagram-wrap button.prev_arrow {

        margin-right: 23px;

    }

}





/*# sourceMappingURL=style.css.map */