/*
  Theme Name: Kinox
  Description: Kino Ecommerce Theme
  Version: 1.0
*/


/*
====================================================================
  Table of contents
====================================================================
1.Theme default Styles
2.Header Styles
3.Slider Styles
4.About Styles
5.List Item Styles
6.Services
7.Breadcrumb Styles
8.CTA Styles
9.Portfolios Styles
10.Fun Fact Styles
11.Team Styls
12.Testimonial Styles
13.Partner Styles
14.Pricing Table
15.Story Styles
16.Blog Styles
17.Comments Styles
18.Contact Styles
19.Footer Styles
20.404 Styles
21.Preloader Styles
*/


/*
====================================================================
Default Style
====================================================================
*/

@import url('//fonts.googleapis.com/css?family=Barlow+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Heebo:100,300,400,500,700,800,900&display=swap');
body {
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    line-height: 22px;
    font-size: 13px;
    color: #000
}

img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Barlow Condensed', sans-serif;
    color: #000;
    margin-top: 0px;
    font-weight: 500;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    font-family: 'Barlow Condensed', sans-serif;
}

a,
button {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    cursor: pointer;
    outline: medium none;
}

a:hover,
button:hover {
    text-decoration: none;
    color:#000
}

button.btn.btn-link {
    text-decoration: none;
    color:#000
}

a:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
    outline: 0
}

input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
    border: 1px solid #eeeeee;
    color: #666666;
    padding: 10px;
    margin-bottom: 30px;
    width: 100%;
}

input[type="submit"] {
    border: none;
}

.side-hamburger-close,
.side-hamburger-menu,
.blog-grid-item,
.widget.follow-us-widget a i,
.service-item {
    -webkit-transition: .5s;
    transition: .5s;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.primery-color {
    color: #7DBD21
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none
}

p {
    margin-bottom: 15px;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.white-color {
    color: #fff
}

.kino-btn {
    background: #fff;
    display: inline-block;
    padding: 14px 50px;
    font-weight: 500;
    color: #000;
    letter-spacing: .14em;
    text-transform: uppercase;

}
.blak-btn{
    background: #000;
    color: #fff;
}
.kino-btn:hover {
    background: #212127;
    color: #fff;
}

.slide-btn {
    margin-right: 10px;
}

.white-btn {
    background: #fff;
    color: #212127;
}

.white-btn:hover {
    background: #212127;
}

.kino-btn-shadow {
    box-shadow: 0px 0px 26px 2px rgba(178, 178, 178, 0.25);
}

.black-overlay {
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, .7) inset;
}

.section-bg {
    background-color: #f8f8f8;
}

a.readmore-btn {
    color: #202020;
    font-weight: 600;
    position: relative;
}

a.readmore-btn:hover {
    color: #7DBD21
}

.section-bg {
    background-color: #f7f7fd;
}


/*
====================================================================
2. Header Style
====================================================================
*/
.header-top {
    background: #eee;
    padding: 10px 0;
}

.header-top p {
    margin-bottom: 0;
}
.header-right {
    margin-top: 15px;
}

.header-right a {
    margin-left: 15px;
}
.header-area i {
    font-size: 26px;
    color: #000;
}

.header-left {
    margin-top: 3px;
}

.logo h1 {
    margin-bottom: 0;
    text-transform: uppercase;
}

.header-area {
    padding: 15px 0;
}
.header-top a {
    color: #000;
}
/*
====================================================================
2. Mainmenu Style
====================================================================
*/
.mainmenu ul li {
    display: inline-block;
    position: relative;
}

.mainmenu-area {
    background: #000;
}
.mobile-menu {
    display: none;
}
.mainmenu ul li a {
    display: block;
    color: #000;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 500;
}
.header-left {
    float: left;
    width: 86%;
}
.mainmenu ul li ul {
    position: absolute;
    left: 0;
    background: #fff;
    top: 100%;
    z-index: 11;
    width: 200px;
    transition: .5s;
    visibility: hidden;
    opacity: 0;
    border-bottom: 4px solid #000;
    padding: 15px 0;
}

.mainmenu ul li ul li {
    display: block;
    text-align: left;
}

.mainmenu ul li ul li a {
    padding: 8px 25px;
    display: block;
    color: #000;
    text-transform: capitalize;
    transition: .3s;
}
.mainmenu ul li ul li a:hover {
    background: #000;
    color: #fff;
}
.mainmenu ul li:hover ul {
    visibility: visible;
    opacity: 1;
}
/*
====================================================================
2. Slider Style
====================================================================
*/

.item-bg-1{
    background-image: url(https://kino19.net/wp-content/themes/kino/assets/images/girl1.jpg);
}
.item-bg-2{
    background-image: url(https://kino19.net/wp-content/themes/kino/assets/images/4.jpg);
}
.item-bg-3{
    background-image: url(https://kino19.net/wp-content/themes/kino/assets/images/slider.jpg);
}
.slider-item {
     background-size: cover;
    background-position: center top;
    height: 635px;
}

.slider-content {
    padding: 120px 0;
}

.slider-content h1 {
    color: #fff;
    font-size: 90px;
    line-height: 1.1111111em;
}
.slider-content a {
    margin-top: 30px;
}
.slider-area .owl-nav div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    background: #000;
    color: #fff;
    width: 25px;
    height: 60px;
    line-height: 59px;
    text-align: center;
    transition: .3s;
}

.slider-area .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.slider-area .owl-nav div:hover {width: 40px;}
/*Product Category*/
.product-cate-item {
    text-align: center;
}

.product-cate-item h4 {
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.product-category {
    padding: 60px 0;
}
/*Banner Bg*/
.banner-bg{
    background-image: url(https://kino19.net/wp-content/themes/kino/assets/images/1.jpg);
}
.banner-bg-2{
    background-image: url(https://kino19.net/wp-content/themes/kino/assets/images/slider.jpg);
}
.banner-area {
    height: 550px;
    background-size: cover;
    background-position: center;
}

.banner-content h1 {
    font-size: 90px;
    line-height: 1.1111111em;
    margin: 0;
}

.banner-content h4 {
    font-size: 30px;
    margin-bottom: 15px;
}

/*Footer Styles*/
.footer-top {
    background: #f7f7f7;
}

form.subscribtion-form input[type="email"] {
    width: 33%;
    border: none;
    background: transparent;
    border-bottom: 1px solid #000;
    text-align: center;
}

form.subscribtion-form input[type="submit"] {
    clear: both;
    display: block;
    margin: 0 auto;
    background: #000;
    color: #fff;
    transition: .5s;
}

form.subscribtion-form input[type="submit"]:hover {
    background: #fff;
    color: #000;
}

.footer-menu ul li {
    display: inline-block;
}

.footer-menu ul li a {
    color: #333;
    text-transform: uppercase;
    padding: 20px 26px;
    display: block;
    font-weight: 500;
    letter-spacing: .14em;
}

.footer-top {
    padding: 30px 0;
}

.footer-menu {
    margin-top: 20px;
    margin-bottom: 10px;
}

.social-url a {
    display: inline-block;
    color: #333;
    padding: 0 8px;
    font-size: 18px;
}

.footer-copy-right {
    background: #000;
    color: #b1b2b2;
    padding: 30px 0;
}

.footer-copy-right p {
    margin-bottom: 0;
}

.kino-breadcrumb-area{
    background-image: url(assets/images/blog-standar-title-img.jpg);
    background-size: cover;
    background-position: center;
}
.kino-breadcrumb-area {
    padding: 25px 0;
}

.kino-breadcrumb-area h2 {
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: 2px;
}
.sit-wrapper.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 11;
    -webkit-animation-name: header_sticky;
	animation-name: header_sticky;
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
@-webkit-keyframes header_sticky {
	0% {
		margin-top: -150px;
	}
	50% {
		margin-top: -130px;
	}
	100% {
		margin-top: 0;
	}
}

@keyframes header_sticky {
	0% {
		margin-top: -150px;
	}
	50% {
		margin-top: -130px;
	}
	100% {
		margin-top: 0;
	}
}

.smartex-video {
    height: 500px;
}
.vido-con video {
    width: 100%;
}
.contact-form textarea {
    height: 135px;
}
.logo h1 {
    letter-spacing: 10px;
}
.contact-form input[type="submit"] {
    background: #000;
    color: #fff;
    padding: 9px 45px;
    text-transform: uppercase;
    letter-spacing: 6px;
    cursor: pointer;
}
.product-cate-item img {
    width: 100%;
}
.kino-internal-area.text-center.pd {
    padding: 100px 0;
}
.woocommerce-product-details__short-description ul {
    padding-bottom: 30px;
    margin-top: 25px;
    padding-left: 22px;
}

.woocommerce-product-details__short-description ul li {
    padding-bottom: 12px;
    list-style: circle;
    font-size: 14px;
    font-weight: 500;
}
a.wpb-woo-zoom {
    width: 130px !important;
    height: 95px !important;
    overflow: hidden;
}
a.wpb-woo-zoom {
     width: 100px !important;
    height: 95px !important;
    overflow: hidden;
    border: 1px solid #ddd;
}
.product-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #f3f3f3;
}
.woocommerce ul.products li.product a img {
    margin-bottom: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
    padding: 4px 11px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #000;
    color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    padding: 8px 15px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
	color:#000;
}
ul.children a:after {
    top: 9px !important;
}
.woocommerce-message {
    width: 80%;
    margin: 0 auto;
    margin: 50px;
    text-align: center;
}
.logo a {
    display: block;
}

.logo img {
    max-width: 130px;
}
.woocommerce-product-search input {
    width: 75%;
    margin-bottom: 0;
}
.uppercash .pro-title {
    text-transform: uppercase;
}
.woocommerce-product-search button {
    background: #000;
    color: #fff;
    border: none;
    padding: 10px 15px;
    margin-left: -4px;
}
.contact-footer i {
    margin-right: 8px;
}
.logo {
    margin-top: 8px;
}
p.stock.in-stock {
    color: #333 !important;
    font-weight: 500;
    font-size: 20px !important;
}
.woocommerce div.product p.stock {
    font-size: 1.4em;
    font-weight: 600;
}
.wpb_revslider_element.wpb_content_element {
    margin-bottom: 0 !important;
}
.main-shop-area .woocommerce-Tabs-panel {
    overflow: hidden;
}
.sld-btn:hover {
    color: #fff !important;
}
.sld-btn {
    border: 2px solid #fff !important;
    padding: 10px 15px !important;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    margin: 0 5px !important;
}



.mainmenu .sub-menu li ul.sub-menu {
  display: none !important;
}

.mainmenu .sub-menu li:hover ul.sub-menu {
  display: block !important;;
}
.mainmenu .sub-menu ul.sub-menu {
  position: absolute;
  left: 200px;
  top: -15px;
}


.sp-wcsp-cat-thumbnail a img {
    height: 150px;
    width: 150px;
    padding: 25px;
}
footer h6.text-uppercase.fw-bold {
    color: #fff;
}

ul#footer-menu-1 li, ul#footer-menu-2 li {
    margin-bottom: 15px;
}

ul#footer-menu-1 li a, ul#footer-menu-2 li a {
    color: #fff;
}

a.ht-category-border-2 img {
    padding: 40px;
}
.ht-category-content-3 {
    background: #000 !important;
}
.ht-category-content-3 a{
    color: #fff !important;
}