@font-face {
    font-family: 'century_gothicitalic';
    src: url('../font/gothici-webfont.woff2') format('woff2'),
         url('../font/gothici-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
     
     font-family: 'century_gothicregular'; 
    src: url('../font/gothic-webfont.woff2') format('woff2'),
         url('../font/gothic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'century_gothicbold';
    src: url('../font/gothicb-webfont.woff2') format('woff2'),
         url('../font/gothicb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

div#videoModal .modal-header {
 padding: 5px;
    position: absolute;
    right: 0;
    z-index: 999;
}
div#videoModal .modal-content {
    background: transparent;
 
}
div#videoModal .video-body {
    padding: 0;
    box-shadow: none;
    background: transparent;
    line-height: 0;
}
div#videoModal .modal-dialog {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search-popup .form-group {
    margin: 0 !important;
    width: 100%;
}

body{

        overflow-x: hidden;   
     font-family: 'century_gothicregular'; 
}
.navbar-right li .fa, footer.footer-info ul li .fa {
    font-size: 20px;
}


li, p {
    font-size: 14px;
    line-height: 28px;
   font-family: century_gothicregular;
}


h2 {
    font-size: 52px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    color: #000 !important;
    font-family: 'century_gothicbold' !important;
}

h2 span {
    color: #e02127;
}


h3{
 
  font-family: 'century_gothicbold' !important;  
    
}

h6{
    font-size: 14px !important;
    letter-spacing: 4px;
    position: relative;
    color: #000 !important;
}

.conteiner{
    width: 1170px;
}
.container-fluid {
    width: 90%;
}
.navbar-right li {
    display: inline-block;
    margin-left: 30px;
    font-size: 14px;
    color: #000;
    position: relative;
}

.navbar-right li:nth-child(2) {
    margin-left: 12px;
}

.navbar-right li:nth-child(2):after {
    position: absolute;
    left: -10px;
    content: "/";
}
.navbar-right li a {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-family: century_gothicregular;
    text-decoration: none;
}

.nav-rr {
    clear: both;
    overflow: hidden;
    position: absolute;
    right: 70px;
    top: 50%;
}

.navbar-right {
    margin-right: 0 !important;
}

a.navbar-brand img {
    width: 70%;
}
.navbar-default {

    background: #fff !important;
    border: 0 !important;

}
.navbar-collapse.collapse {
    padding: 40px 0px;
}
.navbar-default .navbar-collapse {
    padding: 30px 0;
}
.navbar-brand {
    padding: 0;
    height: auto;
}
div#bs-example-navbar-collapse-1 {
    width: 60%;
    float: right;
    padding: 20px 0 0;
}

ul.nav.navbar-nav li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    font-family: century_gothicregular;
}
ul.nav.navbar-nav li a.active {
    color: #e02127;
}

.navbar-right img {
    width: 20px;
}
/*----banner-----*/


section.banner .home-banner {
    background-image: url(../images/banner_.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0;
    background-position: center;

}


.banner-content h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 4px;
   font-family: 'century_gothicbold';
}

.banner-content h4 span {
    color: #e02127;
}

.banner-content h1 {
    font-size: 70px;
     color: #000;
    font-family: 'century_gothicitalic';
}

.banner-content h1 span {
    color: #e02127;
    font-weight: 600;
    font-family: 'century_gothicbold';
    font-style: italic;
}


.button a,
.banner-content a {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    background: #e02127;
    border-radius: 50px;
    letter-spacing: 4px;
    margin-top: 30px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
}
.button a:hover,
.banner-content a:hover {
    background: #000;
    color: #fff; 
}

.banner .owl-nav .owl-prev, .banner .owl-nav .owl-next {
    display: inline-block;
}

.banner .owl-nav {
    position: absolute;
    bottom: 90px;
    left: 100px;
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #000;
}
.banner .owl-nav .owl-prev {
    margin-right: 30px;
}



/*---end-banner-----*/

/*-------about------*/

h6.stry-info {
    font-size: 14px;
    letter-spacing: 4px;
    position: relative;
    padding-left: 70px;
    color: #000;
    font-family: 'century_gothicregular';
}

h6.stry-info:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #000;
    left: 0;
    width: 60px;
    top: 50%;
}


section.about {
    padding: 60px 0;
}
section.about .about-img img {
    width: 100%;
}

/*-----end--about------*/

/*------product-------*/

section.product-sec .pro-info p {
    letter-spacing: 2px;
}


.product-text {
    text-align: center;
    margin-bottom: 80px;
}
h6.pro-d {
    margin-bottom: 40px;
     font-family: 'century_gothicregular';
}
 h6.pro-d:after {
     content: "";
     position: absolute;
     border-bottom: 1px solid #000;
     width: 7%;
     left: 50%;
     transform: translateX(-50%);
     top: 26px;

}   

section.product-sec .col-md-6 img {
    width: 100%;
}
section.product-sec .pro-info {
    text-align: center;
}
section.product-sec .pro-info:first-child {
    margin-bottom: 60px;
}

section.product-sec {
    padding: 160px 0 60px;
    background-image: url(../images/pro-cover.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
   margin-top: -140px;
}

.pro-info {
    position: relative;
}

.col-md-3.pro-right .pro-info:first-child::after {
     content: "";
    background-image: url(../images/pro3.png);
    position: absolute;
    width: 94px;
    height: 11px;
    top: 50%;
    left: -80px;
}
.col-md-3.pro-right .pro-info:last-child::after {
    content: "";
    background-image: url(../images/pro4.png);
    position: absolute;
    width: 75px;
    height: 59px;
    top: 0;
    left: -80px;
}
.col-md-3.pro-left .pro-info:first-child::after {
    content: "";
    background-image: url(../images/pro2.png);
    position: absolute;
    right: -100px;
    width: 94px;
    height: 11px;
    top: 50%;
}
.col-md-3.pro-left .pro-info:last-child::after {
    content: "";
    background-image: url(../images/pro1.png);
    position: absolute;
    right: -100px;
    width: 81px;
    height: 65px;
    top: 50%;
}
/*---testimonial----*/


section.testimonial .owl-next, section.testimonial .owl-prev {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.testimonial .owl-prev {
    position: absolute;
    top: 50%;
    left: 0px;
}

section.testimonial .owl-nav i.fa {
    font-size: 14px;
}

section.testimonial .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    right: 0px;
}

section.testimonial .testi {
    margin-bottom: 60px;
}

section.testimonial {
    padding: 60px 0;
}
section.testimonial img {
    width: 8% !important;
    margin: 0 auto;
}
section.testimonial p {
    padding: 0px 150px;
    font-family: 'century_gothicitalic';
    line-height: 24px;
    font-size: 15px;
    margin: 30px 0;
}
/*----end-Testimonial-------*/


section.wrap-in {
    padding: 60px 0;
    background-color: #f6f8fb;
}

section.wrap-in p {
    margin-top: 20px;
   letter-spacing: 1px; 
    line-height: 20px;
}
section.wrap-in img {
    width: 35%;
}

/*----------footer--------*/
footer.footer-info .row.footer-wrap {
    padding: 60px 0;
}
footer.footer-info {
    background-color: #fff;

}

footer.footer-info .col-md-3:first-child img {
    width: 150px;
}

footer.footer-info  h4 {
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #000;
    line-height: normal;
    margin-bottom: 30px;
    font-family: 'century_gothicbold';
}
footer.footer-info  ul {
    padding: 0;
    margin: 0;
}
footer.footer-info ul li a {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-family: century_gothicregular;
}
footer.footer-info ul li {
    margin-bottom: 10px;
    list-style: none;
}


footer.footer-info form .form-group input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    -webkit-box-shadow: 0;
    box-shadow: none;
    border-radius: 0;
    padding-left: 0;
}
footer.footer-info form button.btn.btn-default {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    background: #e02127;
    border-radius: 50px;
    letter-spacing: 4px;
    margin-top: 10px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
    border: 0;
    outline: 0;
}

footer.footer-info form button.btn.btn-default:hover {
    background: #000;
    color: #fff;
}


.copy-right {
    padding: 10px 0 0;
   background: #fff;
}
.copy-right ul li {
    display: inline-block;
    padding: 0;
    margin-left: 20px;
}

.copy-right ul li img {
    width: 20px;
}

.copy-right .col-md-6:last-child {
    text-align: right;
}
.copy-right .row {
    display: flex;
    align-items: center;
}


footer.footer-info .col-md-3:first-child,
footer.footer-info .col-md-3:nth-child(2), 
footer.footer-info .col-md-3:nth-child(3) {
    width: 20%;
}

footer.footer-info .col-md-3:last-child {
    width: 33%;
}


/*------end----footer--------*/


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

/*------about-page---------*/


img.abou-logo-img {
    width: 50%;
    margin-bottom: 20px;
}

section.about  .col-md-12 {
    margin-top: 40px;
}

/*------------contact----page------*/
section.contact-sec {
    padding: 60px 0;
}
.contact-form form textarea.form-control, .contact-form form .form-group input {
    padding: 20px 0 20px 0;
    box-shadow: none;
    border-bottom: 1px solid #000;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    font-family: 'century_gothicregular';
    letter-spacing: 1px;
}


.contact-form button.btn.btn-default {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    background: #e02127;
    border-radius: 50px;
    letter-spacing: 4px;
    margin-top: 10px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
    border: 0;
    outline: 0;
    float: right;
}

.contact-form button.btn.btn-default:hover {
    background: #000;
}

.contact-form {
    padding: 40px;
    background: #fff;
    box-shadow: 0 0 30px rgb(246 248 251);
    clear: both;
    overflow: hidden;
}


.contact-details .details-wrap {
    margin: 30px 0;
}

.contact-details .details-wrap h4 {
    font-size: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #000;
    line-height: normal;
    font-family: 'century_gothicbold';
    margin-top: 20px;
}

.contact-details .details-wrap a {
    font-size: 16px;
    color: #000;
}


/*--------------faq-page----------*/
section.faq-section {
    padding: 70px 0 60px 0;
}
.faq-info-sec .panel-heading a {
    display: block;
    padding: 20px;
    font-size: 26px;
    font-family: 'century_gothicbold';
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}

.faq-info-sec .panel-heading {
    padding: 0;
    background: #e02127 !important;
}

.faq-info-sec  .panel.panel-default {
    margin-bottom: 20px;
}

.faq-info-sec  .panel-body {
    background: #000;
    color: #fff;
    font-family: 'century_gothicregular';
    padding: 20px;
}

.faq-info-sec .panel-heading a.collapsed i.fa {
    float: right;
    transform: rotate(
360deg
);
}

.faq-info-sec .panel-heading a i.fa {
    float: right;
    transform: rotate(90deg);
}
/*-----news---page--------*/
section.news-sec {
    padding: 60px 0;
}


.news-info .post-img img {
    width: 100%;
}

.news-info {
    margin-bottom: 60px;
}

.news-info .post-content {
    margin: 20px 0;
}

.news-info .post-content small.post-date {
    font-size: 14px;
}

.news-info .post-content .post-inner {}

.news-info .post-content .post-inner h3 a {
    font-size: 32px;
    color: #000 !important;
    text-decoration: none;
}

.news-info .post-content .post-inner h3 a:hover {color: #e02127 !important;}

.news-info .post-content .author.post-author {
    margin-top: 20px;
}

.news-info .post-content .author.post-author img {
    border-radius: 100%;
    width: 50px;
    margin-right: 10px;
}

.news-info:last-child {
    margin-bottom: 0;
}

.recentposts-info, .categories-info, .search-news {
    padding: 40px 30px;
    border: 1px solid #ccc;
    box-shadow: 0 0 30px #00000017;
    margin-bottom: 40px;
}

.search-news .form .form-group input {
    border: 0;
}

.search-news .form .form-group {
    border-bottom: 1px solid #000;
}

.search-news button.btn.btn-default {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    background: #e02127;
    border-radius: 50px;
    letter-spacing: 4px;
    margin-top: 10px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
    border: 0;
    outline: 0;
}

.search-news button.btn.btn-default:hover {
    background: #000;
}

.form-group input {
    outline: 0;
    width: 100%;
    font-family: 'century_gothicregular';
}

.recentposts-info h4, .categories-info h4 {
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #000;line-height: normal;
    font-family: 'century_gothicbold';
    margin-bottom: 20px;
    }


.categories-info ul li a {
    color: #000;
    text-decoration: none;
}

.categories-info ul li {
    margin-bottom: 10px;
    }

.categories-info ul li a:hover {
    color: #e02127;
}

.recentposts-info ul {
    padding: 0;
}

.recentposts-info ul li {
    list-style: none;
    margin-bottom: 10px;
}

.recentposts-info ul li a {
    color: #000;
    text-decoration: none;
}

.recentposts-info ul li a:hover {
    color: #e02127;
}
/*-----end-news----------*/
/*--------------product-deatils-page--------------------*/


.details-content ul.rating {
    display: inline-block;
}

.details-content .customar-review {
    display: inline-block;
    margin-left: 10px;
}

.product-details-banner .row {
    display: flex;
    align-items: center;
}
.product-details-banner .ban-img {
    padding-left: 200px;
}
section.product-banner {
    background-color: #f9f6f3;
    padding: 60px 0;
}
.ban-img img {
    width: 100%;
}
.details-content {}

.details-content h3 {
    font-size: 52px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}

.details-content h3 span {
    color: #e02127;
}

.product-info {
    padding: 40px;
    background: #fff;
}

.pro-buy a {
    font-size: 14px;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    background: #e02127;
    border-radius: 50px;
    letter-spacing: 2px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
    border: 0;
}

.pro-buy a:hover {
    background: #000;
    color: #fff;
}
.details-info .cart  a {
    color: #e02127;
    font-style: italic;
}

.details-info .cart, .details-info .pro-buy {
    display: inline-block;
}
.details-info {
       margin: 40px 0;
}

.details-info .cart span {
    margin: 0 20px;
}



.product-info .social p {
    font-size: 18px;
    font-style: italic;
}

.product-info .social p span {
    color: #e02127;
}

.product-info .social ul li {
    display: inline-block;
    margin-right: 11px;
}

.product-info .social ul {
    padding: 0;
}

.product-info .social ul li a {
    color: #90908f;
    transition: all ease-in-out 0.2s;
}

.product-info .social ul li a:hover {
    color: #e02127;
}

ul.rating {
    padding: 0;
}

ul.rating li {
    display: inline-block;
}

ul.rating li i.fa {
    color: #ff8a00;
}


.price-info .price-wrap {
    display: inline-block;
}

.price-info .item-select {
    display: inline-block;
}

.price-info .price-wrap .price {
    display: inline-block;
    margin-right: 20px;
}

.price-info .price-wrap .price-overline {
    display: inline-block;
    margin-right: 30px;
}

.price-info .price-wrap .price span {
    font-size: 24px;
    font-weight: 600;
    color: #e02127;
    margin-left: 20px;
}

.price-info .price-wrap .price-overline p {
    text-decoration: line-through;
    color: #9d9d9d;
}

.price-info .price-wrap .price p {
    color: #000;
    }

.price-info .item-select .def-number-input.number-input.safari_only.mb-0 {
    border: 1px solid #9d9d9d;
    padding: 10px;
    border-radius: 50px;
    width: 180px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.price-info .item-select input.quantity {

    border: 0;
    text-align: center;
    width: 54%;
    outline: 0;
    }

.price-info .item-select button:before, .price-info .item-select button:after {
    display: inline-block;
    position: absolute;
    content: '';
    height: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 14px;
    background-color: #495057;
}

.price-info .item-select button {
       border: 0;
    background: 0;
}

.price-info .item-select button:last-child:after {
    -webkit-transform: translate(-50%,-50%) rotate(
90deg
);
    transform: translate(-50%,-50%) rotate(
90deg
);
}
.price-info {
    margin-top: 40px;
}
.price-info .item-select button:focus {
    outline: 0;

}

/* Tabs*/

div#nav-tab {
    border: 0;
}
section.tab-sec {
    padding: 100px 0 50px;
}

section.tab-sec ul.nav.nav-pills {
    text-align: center;
    display: flex;
    justify-content: center;
}

section.tab-sec ul.nav.nav-pills li {
    width: 20%;
    border: 1px solid #90908f;
    margin-right: 100px;
    }

section.tab-sec ul.nav.nav-pills li a {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: 'century_gothicregular';
    color: #90908f;
}



section.tab-sec ul.nav.nav-pills li.active a {
    background: transparent;
    color: #000;
    }

section.tab-sec ul.nav.nav-pills li a:hover {
    background: transparent;
}

section.tab-sec ul.nav.nav-pills li.active {
    border-color: #000;
}

section.tab-sec ul.nav.nav-pills li:last-child {
    margin-right: 0;
}
section.tab-sec ul.nav.nav-pills li:after {
    position: absolute;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
    height: 0.1px;
    background-color: #90908f;
    content: "";
    right: -104px;
}

section.tab-sec ul.nav.nav-pills li:last-child:after {
    display: none;
}
section.tab-sec ul.nav.nav-pills li.active::after {
    background-color: #000;
}
section.tab-sec ul.nav.nav-pills li:hover {
    border-color: #000;
}

section.tab-sec ul.nav.nav-pills li:hover a {
    color: #000;
}

.description {
    padding: 40px 0;
}

.description h3 {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
}

.description h3 span {
    color: #e02127;
}
.row.descripe-bb {
    margin: 60px 0;
    text-align: center;
}

.row.descripe-bb .des-p p {
    font-size: 14px;
    letter-spacing: 4px;
    margin-top: 20px;
}


.description.review img {
    width: 80px;
    height: 80px;
    float: left;
}

.description.review   .comment-text {
    margin-left: 100px;
}

.description.review .comment_container {
    margin-top: 20px;
}
.star-rating span.fa.fa-star {
    color: #ff8a00;
}

.review-form form .form-group textarea, .review-form form .form-group input {
    box-shadow: none;
    border-bottom: 1px solid #000;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 20px 20px 20px  0;
    color: #6d6d6d;
    font-family: 'century_gothicregular';
    letter-spacing: 1px;
}


.review-form button.btn.btn-default {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    background: #e02127;
    border-radius: 50px;
    letter-spacing: 4px;
    margin-top: 30px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
    outline: 0;
    border: 0;
    float: right;
}

.review-form button.btn.btn-default:hover {
    background: #000;
}

.description.review .review-form {
    padding-top: 40px;
}


.description.faq .panel-group .panel-heading {
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.description.faq .panel-group .panel-heading h4.panel-title {
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
}

.description.faq .panel.panel-default {
    border-color: #000;
    border-radius: 0;
    margin-top: 26px;
}

.description.faq .panel-group .panel-heading h4.panel-title a {
    width: 100%;
    display: block;
    text-decoration: none;
    padding: 20px;
}

.description.faq .panel-group .panel-body {
    font-family: 'century_gothicregular';
}

/*----------end----product-deatils-page--------------------*/

/*---------------cart-page----------*/

.cart-info tr.porduct-ittem {
    border-bottom: 1px solid #fff;
}

.cart-info {
    margin: 60px 0;
}

.cart-info table {
    width: 100%;
}

.cart-text {
    text-align: center;
}

section.cart-banner {
    background-color: #f9f7f7;
    padding: 60px 0;
}

.cart-info table tr th {
    background: #fff;
    padding: 10px;
      text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
  font-family: 'century_gothicregular'; 
}
.cart-info td {
    text-align: center;
    padding: 40px 0;
}
.cart-info table td.pl-0 {
    width: 30%;
}

.cart-info table td.pl-0 input.quantity {
    width: 16%;
    text-align: center;
    background: transparent;
    border: 0;
    outline: 0;
}
.cart-info table td.pl-0 button {
    padding: 5px;
    position: relative;
    border: 0;
    outline: 0;
}

.cart-info table td.pl-0 button:after, .cart-info table td.pl-0 button:before {
    display: inline-block;
    position: absolute;
    content: '';
    height: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 14px;
    background-color: #495057;
    bottom: 3px;
}

.cart-info table td.pl-0 button:last-child:after {
    -webkit-transform: translate(-50%,-50%) rotate(
90deg
);
    transform: translate(-50%,-50%) rotate(
90deg
);
}





.news-details h3 {
    font-size: 32px;
}

.news-details  img {
    width: 100%;
}

.news-details .news-pra {
    margin: 40px 0 0;
}
/*---------------------------*/



section.details-form {
    padding: 100px 0;
}

.form-info .form-group {
    width: 48%;
    float: left;
    margin-bottom: 40px;
}

.form-info .form-group input.form-control {
    border-bottom: 1px solid #ccc !important;
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: 0;
    border: 0;
    border-radius: 0;
    padding-left: 0;
   font-family: 'century_gothicregular';
}

.form-info .form-group:nth-child(2n) {
    float: right;
    width: 48%;
}
.form-info .form-group select#state {
    outline: 0;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    color: #a5a5a5;
    padding-bottom: 8px;
    font-family: 'century_gothicregular';
}




button.btn.btn-default.sumit {
    text-transform: uppercase;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    background: #e02127;
    border-radius: 50px;
    letter-spacing: 4px;
    margin-top: 10px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
    border: 0;
    outline: 0;
       font-family: 'century_gothicbold';
}

button.btn.btn-default.sumit:hover {
    background: #000;
    color: #fff;
}

.form-info form, .form-info {
    clear: both;
    overflow: hidden;
}

.form-info {
    padding: 60px;
    background: #fff;
    box-shadow: -1px -20px 30px 0px rgb(0 0 0 / 5%);
}



.chakout-form {
    padding: 60PX;
    background-color: #e02127;
    color: #fff;
}


.payment-info form {}

.payment-info form .radio {
    display: inline-block;
    margin-right: 70px;
}

.payment-info form .info-pay .form-group {
    width: 47%;
    float: left;
}

.payment-info form .info-pay .form-group:nth-child(2n) {
    width: 47%;
    float: right;
}

.payment-info form .info-pay .form-group input.form-control {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: 0;
    color: #fff;
}

.payment-info form .info-pay .form-group select {
    background: transparent;
    border: 0;
    /* border-bottom: 1px solid; */
    outline: 0;
    margin-bottom: 14px;
}
.payment-info form .info-pay .form-group:last-child {
    width: 100%;
}
.payment-info form .info-pay .form-group button.btn.btn-default {
    width: 100%;
    margin-top: 50px;
    text-transform: uppercase;
    color: #e02127;
    padding: 12px 50px;
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    letter-spacing: 2px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
    border: 0;
    outline: 0;
        width: 200px;
       font-family: 'century_gothicbold';
    
}

.payment-info form .info-pay .form-group:nth-child(3) {
    border-bottom: 1px solid #fff;

}

.info-pay {
    margin-top: 20px;
}
.payment-info form .info-pay .form-group label {
    font-weight: 400;
    font-weight: 400;
    font-size: 16px;
}

.payment-info form .info-pay .form-group select option {
    color: #e02127;
}

.payment-info form .info-pay .form-group button.btn.btn-default:hover {
    background: #000;
    color: #fff;
}
.form-info h4, .order-information h4, .payment-info h4 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
    margin-bottom: 40px;
    font-family: 'century_gothicbold';
}
.payment-info p {
    font-size: 16px;
}
.order-information table td:nth-child(2n) {
    font-size: 13px;
}
.order-information table td {
    padding: 10px;
  font-size: 16px;
}
.continu-shp {
    position: absolute;bottom: 0;
    }

.continu-shp a {
    color: #fff;
    font-size: 13px;
    text-decoration: underline;
}

.chakout-form .col-md-6:first-child {
    height: 400px;
}
.continu-shp a:hover {
    color: #fff;
}
/*------------------------------/

/*--------end-------cart-page----------*/

/*-----------pop-up---------------------*/

.modal-body h4.modal-title {
    font-size: 36px;
    font-family: century_gothicbold;
    color: #e02127;
    margin-left: 10px;
}
.modal-body .pop-title {
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
}

.modal-body span img {
    width: 50px;
}

.modal-body form .form-group input {
    font-size: 14px;
    font-family: 'century_gothicregular';
    letter-spacing: 1px;
    color: #6d6d6d;
    border: 0;
    box-shadow: none;
    padding-left: 0;
}

.modal-body form .form-group {
    border-bottom: 1px solid #000;
     margin-bottom: 40px;
}

.modal-body form .chek-bb {
    margin-bottom: 30px;
}

.modal-body form .chek-bb .lost-password {
    float: right;
    display: inline-block;
}

.modal-body form .chek-bb .checkbox {
    display: inline-block;
    margin: 0;
}

.modal-footer {
    float: none;
    text-align: center;
}
.modal-body button.btn.btn-default {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    background: #e02127;
    border-radius: 50px;
    letter-spacing: 4px;
    margin-top: 30px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
    outline: 0;
    border: 0;
}


.modal-body button.btn.btn-default:hover {
    background: #000;
}
.modal-header {
   border: 0 !important;
   padding-bottom: 0 !important;    
   padding-bottom: 0 !important;    
}


.modal-footer {
    border: 0 !important;
    float: none !important;
    text-align: center !important;
    padding: 40px 0 0px !important;
}

.modal-footer p {
    color: #000;
     margin: 0;
}
.modal-content .modal-body {
padding: 20px 50px 50px 50px;
}
.modal-body form .chek-bb .checkbox label,
.modal-body form .form-group input::placeholder {
    
    color: #6d6d6d;

}

.modal-content .modal-body a {
    color: #e02127;
}
.footer-model {
    display: flex;
    align-items: center;
    }

.footer-model button.btn.btn-default {
    margin: 0;
}

.footer-model p {
    width: 100%;
    text-align: right;
    margin: 0;
    color: #000;
}
/*-----------pop-up---------------------*/
/*---------------------------------------------------------------------------*/


/*-----------responsive----------*/


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

section.tab-sec ul.nav.nav-pills li:after {
    width: 66%;
}    
    
div#bs-example-navbar-collapse-1 {
    width: 70%;
    padding: 20px 0 0;
}

.navbar-header {
    width: 30%;
}

.navbar-header a.navbar-brand {
    padding: 10px 0;
    height: auto;
}
    .banner .owl-nav {
    left: 30px;
   bottom: 50spx;
}
    
.banner-content h1 {
    font-size: 60px;
}

section.banner .home-banner {
    padding: 120px 0;
} 

    
section.product-sec {
    margin-top: -50px;
    padding: 100px 0 60px;
}

h2 {
    font-size: 40px !important;
}

section.testimonial p {
    padding: 0px 100px;
}
    
/*---account----*/
    
.Account-info ul li a {
    padding: 10px !important;
    font-size: 12px !important;
}    
    
    
}

@media (max-width:991px){
    
div#videoModal .modal-dialog {
    width: 80%;
}    
    footer.footer-info .col-md-3 {
    width: 49% !important;
    float: left !important;
}

footer.footer-info .col-md-3 img {
    width: 150px !important;
}

footer.footer-info .col-md-3:first-child img {
    width: auto;
}    
    
    section.wrap-in img {
    width: 60px;
    height: 60px;
}
section.tab-sec ul.nav.nav-pills {
    display: block;
}

section.tab-sec ul.nav.nav-pills li {margin: 0px 28px 20px 0;width: 47%;}

section.tab-sec ul.nav.nav-pills li:nth-child(2n) {
    margin-right: 0 !important;
}

section.tab-sec ul.nav.nav-pills li:after {
    display: none;
}

    
    
 /*-----home--------*/   
h2 {
    font-size: 50px !important;

}    
 .banner-content h1 {
    font-size: 50px;
}

section.banner .home-banner {
    padding: 120px 0;
} 
.banner .owl-nav {
    bottom: 52px;
    left: 35px;
}    
.col-md-3.pro-left .pro-info::after {
    display: none;
}

.col-md-3.pro-right .pro-info::after {
    display: none;
}    
 section.wrap-in .col-md-3 {
    width: 50%;
    float: left;
}

section.wrap-in .col-md-3:nth-child(2), 
section.wrap-in .col-md-3:first-child {
    margin-bottom: 50px;
}
.about-text {
    margin-bottom: 60px;
} 
section.testimonial img {
    width: 20% !important;

}   
 /*---end--home--------*/     
    
    
/*------header-----------*/   
.nav-rr {
    right: 140px;
        top: 40px;
}    
.navbar-brand {
    height: auto;
}
 
div#bs-example-navbar-collapse-1 {

    width: 100%;

 
}
    .collapse.in ul.nav.navbar-nav.nav-info li {
    float: none;
}

.navbar-toggle {
    display: block !important;
}
.collapse.navbar-collapse ul.nav.navbar-nav.nav-info {
    display: none;
}
    .collapse ul.nav.navbar-nav.nav-info{
        width: 100%;
  
        
    }
.collapse.in ul.nav.navbar-nav.nav-info {
       display: block;

}
.navbar-header .navbar-toggle {
    position: absolute;
    right: 50px;
    top: 22px;

}

ul.nav.navbar-nav.navbar-right {
    margin-right: 70px;
}  
 
    
    
  /*----end--header-----------*/   
/*----footer------------*/
    

.copy-right .col-md-6:last-child {
    text-align: center;
}

.copy-right .col-md-6:last-child ul {
    padding: 0;
}

.copy-right ul li {
    margin: 0 10px;
}

footer.footer-info form .form-group input {
    width: 45%;
    margin: 0 auto;
}    
    
 /*---end---footer------------*/   
 /*-----------product-details---------*/ 
#tabs .nav-tabs .nav-link:nth-child(2):before {
    display: none;
}

#tabs .nav-tabs .nav-link:nth-child(2):after {
    display: none;
}    
    
    
.product-details-banner .row {
    display: block;
}

.product-details-banner .ban-img {
    padding: 0;
}

.details-content h3 {
    font-size: 32px;
}

.details-info {
    margin: 20px 0;
}

.price-info {
    margin-top: 20px;
}

#tabs .nav-tabs .nav-link {
    margin-right: 26px;
}    

   
/*---------product-details--------*/    
/*----------*cart----------*/    
.continu-shp {
    position: static;
}

.chakout-form .col-md-6:first-child {
    height: auto;
    margin-bottom: 50px;
}    
 .order-information table {
    width: 100%;
}   
/*------end----*cart----------*/ 
    
    
    
/*--------------------------other--page-----------------------------------*/    
    
    
section.pri-banner {
    padding: 50px 0 !important;
}  
img.abou-logo-img {
    width: 30%;
}    
 /*--------------------------other--page-----------------------------------*/    
    
    
section.my-accoun-sec .Account-info {
    margin-bottom: 40px;
}    
    
    
}



@media(max-width:767px){
 .footer-model {
    display: block;
}

.modal-body form .chek-bb .lost-password {
    float: none;
    display: block;
}

.modal-body form .chek-bb .checkbox {
    display: block;
    margin-bottom: 10px;
}
.copy-right .row {
    display: block;
    text-align: left;
}
    .copy-right .row .col-md-6 {
    text-align: left;
}
    section.wrap-in .col-md-3 {
    width: 49% !important;
}
/*---------------------------*/
.details-info .cart{
    
     margin-top: 20px;   
    
}    
 .contact-form {
    margin-top: 20px;
    padding: 20px;
}   
section.pri-banner {
    padding: 20px 0 !important;
}    
section.privecy-sec,  
section.contact-sec,    
section.about,    
section.news-sec {
    padding: 40px 0 !important;
}
 section.faq-section {
    padding: 40px 0 30px 0;
}
img.abou-logo-img {
    width: 40%;
}    
.news-info {
    margin-bottom: 30px;
}    
    
    
 .news-info .post-content .post-inner h3 a {
    font-size: 20px;
}  
.description.review .comment-text {
    margin-left: 0;
}

.description.review img {
    float: none;
    margin-bottom: 20px;
}    
 .faq-info-sec .panel-heading a {
    font-size: 20px;
}
 .privecy-sec-text h4 {
       font-size: 20px !important;
}   
.privecy-sec-text h3 {
    font-size: 24px !important;
    line-height: normal;
}    
/*-----------------------------*/ 
    
    
    
 footer.footer-info .col-md-3:first-child img {
    width: 120px !important;
}   
footer.footer-info form .form-group input {
    width: 100%;
}   
/*-----------------header-------------*/    
.container-fluid {
    padding: 0;
}

.navbar-header a.navbar-brand {
    padding: 0;
    height: auto;
}

a.navbar-brand img {
    width: 40%;
}

.navbar-header .navbar-toggle {
    margin: 0;
    top: 5px;
    right: 4px;
}

.nav-rr {
    width: 100%;
    text-align: center;
    position: static;
}

.nav-rr ul.navbar-right {
    padding: 0;
    margin: 20px 0 0;
}

.navbar-right li {
    margin: 0 13px;
}

.navbar-header {
    width: 100%;
}
nav.navbar.navbar-default {
    margin-bottom: 0;
}

header {
    padding: 10px 0;
}    
/*----------end-------header-------------*/   
    
/*----------home--------*/
.banner .owl-nav {
    left: 30px;
}    
    .banner-content h1 {
    font-size: 30px;
}

section.banner .home-banner {
    padding: 100px 0;
    background-position: center right 21%;
}

h2 {
    font-size: 30px !important;
}

section.testimonial p {
    padding: 0 40px;
}

section.wrap-in .col-md-3 {
    width: 100%;
    margin-bottom: 30px !important;
}

section.wrap-in .col-md-3:last-child {

    margin-bottom: 0 !important;


    }

/*-----end-----home--------*/    
    
#tabs .nav-tabs .nav-link {
    margin: 0 0 20px 0;
}

.product-info {
    padding: 15px;
    background: #fff;
}    
 .form-info {
    padding: 20px;
}

.form-info .form-group {
    width: 100%;
}

.form-info .form-group:nth-child(2n) {
    width: 100%;
}

.chakout-form {
    padding: 20px;
}

.payment-info form .info-pay .form-group {
    width: 100%;
    margin-bottom: 20px;
}

.payment-info form .info-pay .form-group:nth-child(2n) {
    width: 100%;
}
   
    
  .form-info h4, .order-information h4, .payment-info h4 {
    margin-bottom: 20px;
}  
 .cart-info tr.product-hed {
    display: none;
}


.cart-info tr.porduct-ittem td {
    display: block;
    width: 100%;
    padding: 20px;
    position: relative;
    text-align: right;
        margin-bottom: 10px;
    background: #fff;
}

.cart-info table tr th {
    width: 100%;
    display: block;
    } 
    

.cart-info tr.porduct-ittem td:before {
    content: "PRODUCT";
    position: absolute;
    left: 20px;
    font-family: 'century_gothicregular';
    font-weight: 600;
}    
.cart-info tr.porduct-ittem td.pro-price:before {
    content: "PRICE";
    }

.cart-info tr.porduct-ittem td.pl-0:before {
    content: "QTY";
    }

.cart-info tr.porduct-ittem td.pro-total:before {
    content: "TOTAL";
    }

 .cart-info tr.porduct-ittem td.Product-img:before {
    top: 50%;
    transform: translateY(-50%);
}
.cart-info table tr th {
    padding: 0;
}

.cart-info table tr th:last-child {
    padding: 20px 16px;
    text-align: right;
}  
  
 section.tab-sec ul.nav.nav-pills li {
    width: 100%;
    margin: 0 0 14px 0;
}

section.tab-sec ul.nav.nav-pills {
    display: block;
}

section.tab-sec ul.nav.nav-pills li:after {
    display: none;
}  
/*-----------------------------------*/
.product-text {
    margin-bottom: 40px;
}    
section.product-sec {
    padding: 110px 0 50px;
}    
   .description {
    padding: 0;
} 
    
    .cart-info {
    margin: 40px 0 0;
}

section.cart-banner {
    padding: 40px 0;
}

section.wrap-in,    
section.testimonial,    
section.product-banner,    
section.tab-sec,
section.details-form {
    padding: 40px 0;
}
    

.personal-information table td, .personal-information table th {
    display: block;
    width: 100%;
    padding: 20px !important;
    position: relative;
    text-align: right;
    margin-bottom: 10px;
    background: #f9f7f3;
}

.personal-information table tr:nth-child(3) {
    background: #fff !important;
}   
.personal-information table td:before {
    position: absolute;
    content: "Order";
    left: 20px;
    text-transform: uppercase;
    font-family: 'century_gothicregular';
    font-weight: 600;
}

.personal-information table td.order-date:before {
    content: "Date";
}

.personal-information table td.order-status:before {
    content: "Status";
    }



.personal-information table td.order-total:before {
    content: "Total";
}



.personal-information table td.oreder-action:before {
    content: "Action";
    }    
    
    
  
.personal-information table tr:first-child {
    display: none;
}  
 
.or-dtl .order-address, .or-dtl .order-informtion {
    width: 100% !important;
    padding: 10px 10px 0 10px;
}

.order-informtion {
    padding: 10px 10px 0 10px;
}

.order-cancel {
    padding: 0 10px;
}    
    
.order-derails-info table.pro-details td, .order-derails-info table.pro-details th {
    display: block;
    width: 100%;
    padding: 20px !important;
    position: relative;
    text-align: right !important;
    margin-bottom: 10px;
    background: #ffffff;
}    
    
.order-derails-info table.pro-details td:before {
    content: "Product";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'century_gothicregular';
    font-weight: 600;
    text-transform: uppercase;
    }

.order-derails-info table.pro-details td.shipp-date:before {
    content: "Shipping date";
    }
    

.order-derails-info table.pro-details td.order-pro:before {
    content: "Satus";
}

.order-derails-info table.pro-details td.pro-price:before {
    content: "Each";
    }

.order-derails-info table.pro-details td.order-total:before {
    content: "Total";
    }    
 .order-derails-info table.pro-details td.order-qty:before {
    content: "Qty";
    }   
    .order-derails-info tr.product-info-a {
    display: none;
}
}

/*-----------------------------------privecy-----------*/


section.pri-banner {
    background: #f9f7f3;
    padding: 100px 0;
}

section.privecy-sec {
    padding: 60px 0;
}

.privecy-sec-text h3 {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'century_gothicbold';
}


.privecy-sec-text ol li {
    font-size: 32px;
}
.privecy-sec-text ul {
    padding-top: 10px !important;
}

.privecy-sec-text ul li {
    font-family: 'century_gothicregular';
}

.privecy-sec-text h4 {
    font-size: 26px;
}

@media(max-width:620px){
    
footer.footer-info .col-md-3:last-child ul {
    display: block !important;
}    
    
}


@media(max-width:479px){
    
.modal-body h4.modal-title {
    font-size: 26px;
}    
    
    .copy-right .col-md-6 {
    text-align: center !important;
}
  footer.footer-info .col-md-3 {
    width: 100% !important;
      text-align: center !important;

}     
    
 footer.footer-info .col-md-3:last-child ul {
    display: block !important;
}   
    
.details-hed h3 {
    font-size: 28px !important;
}

section.my-accoun-sec .account-details {
    padding: 20px  !important;
}
.details-right .form-group.second-gr, .details-right form .form-group.firts-gr,
.personal-information .details-right, .personal-information .details-left {
    width: 100% !important;
}

section.my-accoun-sec {
    padding-bottom: 60px  !important;
}    
    
 .success-a h3 {
    font-size: 30px !important;
}   
  .success-a p br {
    display: none;
}  
}
/*-------end----responsive----------*/



.video-bann {
    clear: both;
    overflow: hidden;
}

.video-bann a {
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 230px;
    bottom: -4px;
}

.video-bann a:hover {
    background: transparent;
}

.banner-content {
    position: relative;
}

.video-bann a img {
    width: 50px !important;
}

footer.footer-info .col-md-3:last-child li {
    margin-right: 6px;

}

footer.footer-info .col-md-3:last-child ul {
    display: flex;
    align-items: center;
}


/*account*/
section.my-accoun-sec {
    background: #f9f7f3;
        padding-bottom: 100px;
}

section.my-accoun-sec .account-details {
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 4%);
        clear: both;
    overflow: hidden;
}


.personal-information .details-left {
    width: 30%;
    float: left;
}

.personal-information .details-right {
    width: 70%;
    float: right;
}


.details-right form .form-group input {
    padding: 20px 0 20px 0;
    box-shadow: none;
    border-bottom: 1px solid #000;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    font-family: 'century_gothicregular';
    letter-spacing: 1px;
}

.details-right form button.btn {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    background: #e02127;
    border-radius: 50px;
    letter-spacing: 4px;
    margin-top: 10px;
    box-shadow: 2px 7px 30px rgb(0 0 0 / 65%);
    transition: all ease-in-out 0.2s;
    text-decoration: none !important;
    border: 0;
    outline: 0;
}

.details-right form button.btn:hover {
    background: #000;
}

.details-right form .form-group.firts-gr {
    width: 49%;
    float: left;
}


.details-right .form-group.second-gr {
    width: 49%;
    float: right;
}

.personal-information h4 {
    border-bottom: 1px solid #000;
    padding: 10px 0;
    font-size: 19px;
}

.personal-information .per-a {
    margin-bottom: 30px;
}

.personal-information {
      clear: both;
    overflow: hidden;
    padding-bottom: 30px;
}


.Account-info ul {
    padding: 0;
    margin: 0;
}

.Account-info ul li a {
    display: block;
    text-decoration: none;
    padding: 20px;
    margin-bottom: 4px;
    color: #000;
    font-size: 18px;
    border: 1px solid #000;
    transition: all ease-in-out 0.2s;
}

.Account-info ul li {
    display: block;
}

.Account-info ul li a:hover {
    background: #e02127;
    color: #fff;
     border-color: #e02127;
}

.Account-info ul li a.active {
    background: #e02127;
    color: #fff;
    border-color: #e02127;
}

.details-hed h3 {
    font-size: 35px;
}

.personal-information table {
    width: 100%;
    margin-top: 30px;
}

.personal-information table td, .personal-information table th {padding: 12px;}

.personal-information table tr:first-child {
    background: #f9f7f3;
}

.personal-information table tr:nth-child(3) {
    background: #f9f7f3;
}

.personal-information table tr:first-child th {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'century_gothicregular';
}


.order-derails-info .order-content {
    background: #fff;
    padding: 20px;
}

.order-derails-info .order-content h3 {
    margin: 0;
    font-size: 22px;
}

.order-informtion {
    padding: 20px;
}

.order-derails-info {
    clear: both;
    overflow: hidden;
}

.order-derails-info .or-dtl {
        clear: both;
    overflow: hidden;
}



.or-dtl .order-informtion {
    width: 30%;
    float: left;
}

.or-dtl  .order-address {
    width: 30%;
    float: left;
     padding: 20px;
}

.order-derails-info table.pro-details {
    width: 100%;
}

.order-derails-info table.pro-details td, .order-derails-info table.pro-details th {
    padding: 20px;
    text-align: center;
}

.order-derails-info tr.product-info-a {
    background: #fff;
}

.order-derails-info tr.product-info-a th {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    font-family: 'century_gothicregular';
}

.subtotal-details {
    text-align: right;
    float: right;
    padding-bottom: 20px;
}

.subtotal-details tr td {
    padding: 5px 14px;
}

.order-derails-info table.pro-details {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}
.success-a h3 {
    font-size: 50px;
}

.order-cancel {
    padding: 0 20px;
}

.order-cancel a {
    color: #000;
}