/*
Theme Name: Omega Storefront Pro
Theme URI: https://www.omegathemes.com/wordpress/storefront-wordpress-theme/
Author:Omegathemes
Author URI: https://www.omegathemes.com
Description: The Storefront WordPress Theme is an advanced website template designed specifically for creating high-quality ecommerce websites. Tailored for businesses ranging from small startups to large enterprises, this theme provides a sophisticated platform for building an online store that is both visually appealing and functional. It is built to leverage the capabilities of WooCommerce, the leading ecommerce plugin for WordPress, offering a seamless integration that supports comprehensive store management, from product listings and inventory control to secure payment processing and customer engagement. What sets the Storefront Theme apart is its premium design and extensive feature set. As a premium theme, it provides advanced customization options, enhanced performance, and superior support compared to free themes. It allows store owners to establish a professional online presence with ease, thanks to its clean, modern aesthetics and flexible layout options. The theme’s high-quality design ensures that your online store not only attracts visitors but also converts them into loyal customers by providing an intuitive shopping experience.
Version: 0.0.3
License: GNU General Public License
License URI:license.txt
Text Domain: omega-storefront-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Omega Storefront Pro WordPress Theme has been created by Omegathemes Themes(iceland.com), 2018.
Omega Storefront Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  position:relative;
  font-size: 14px;
  color:#1c1c1c;
  font-family: 'Outfit';
}
label {
  margin-bottom: 3px !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
img.alignnone.wp-image-907 {
    border: 3px solid #bbb;
}
img.wp-image-907 {
    border: 3px solid #bbb;
}
section img{
  max-width:100%;
}
h1,
h2,
h3{
  margin:0;
  padding:10px 0;
 font-size: 40px;
 font-weight:700; 
  color:#1A222C;
  font-family: 'Outfit';
}
h4,
h5,
h6{
  margin:0;
  padding:10px 0;
  font-size: 16px;
  font-weight: 400; 
  color:#4171EC;
  font-family: 'Outfit';
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:16px;
  font-weight:400;
  color: #757575;
  font-family: 'Outfit';
}
p, ul li a{
  letter-spacing: 0px;
  font-family: 'Outfit';
}
body a{
  text-decoration:none;
  color:#4171EC;
}
a:hover{
  text-decoration:none;
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}

blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -30px;
  color: #7a7a7a;
}

blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 33%;
  bottom: -55px;
  color: #7a7a7a;
}

blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
  
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #4171EC;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}
.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{
  margin:0;
  padding:0;
  background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  padding:5px;
  border: 1px solid #bbb;
}
.alignright, img.alignright {
  display: inline;
  float: right;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
  border: 1px solid #bbb;
}
.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  padding:5px;
  border: 1px solid #bbb;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px;
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
  text-align: center;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #000;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 3px;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;

}
.main-navigation li{
  position: relative;
  padding: 15px 25px;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
      display: block;
    text-decoration: none;
    text-transform: none;
    color: #ffffff;
    padding: 0;
    font-size: 16px;
    position: relative;
    font-weight: 400;
}
.main-navigation a:hover{
  color: #4171EC;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #4171EC !important;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #4171EC;
}

.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}

.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}

.main-navigation ul ul li:hover > a{
  color: #1e1d1c;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

/*------------------Mobile Menu-----------------*/
/*-----------------Superfish Menu----------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}
.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border-top-color: #e1e1e1;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/

.innerbox{
  background-size:100% 100%;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
.sec-small{
  color: #4171EC;
}
/*--------------------- See More Button------------------------*/
.button-outer{
  position: relative;
}
.see-more-btn {
  position: absolute;
  bottom: 45px;
  right: 0;
  transform: rotate(-90deg);
  text-align: right;
}
.rating i{
  color: #4171EC;
}
.menu-outer{
  width:100%;
  position: relative;
}

/*------------------ Single Testimonials -----------------*/
#testimonial_single .testimonial_des {
    margin-bottom: 25px;
    color: #555;
    line-height: 24px;
}
#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}
/*------------------ Single Page -----------------*/
#place_single {
  padding: 40px 0;
}
#place_single .posttype-box h1 {
    font-size: 40px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    letter-spacing: inherit;
}
#place_single .posttype-box img {
  margin-bottom:20px;
}
#place_single .about-socialbox i {
  background-color: #002b46;
  color: #ffffff;
  padding: 10px;
  margin: 15px 0;
}
#place_single .about-socialbox p {
  text-align: justify;
  font-size: 16px;
}
/*------------------ Contact Page -----------------*/
.c_icon {
  margin: 0 auto;
  padding: 25px 8px;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  background-color: #f2f2f2;
  border: 2px solid #f2f2f2;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;

}
.contac_form.col-md-12 {
  margin-top: 20px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
}
.inner-cont {
  padding: 10px 5px;
  background: #eee;
}
.contac_form h3 {
  text-align: center;
  margin: 20px auto;
  display: table;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 38px;
  color: #4171EC;
  margin: 0 auto;
  text-align: center;
  width: 87px;
  display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
}
.contact-color-bg {
  background: #ebf1ff;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/*---------------- Footer Section ----------------------*/
.footer-top {
  padding-bottom: 50px;
}
.outer-footer {
  background-size: 100% 100%;
}

/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #ffffff;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  background: #4171EC;
  border: 1px solid #4171EC;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
#sidebar {
    margin-top: 3%;
    padding: 0px;
}
#sidebar form label{
  display: none;
}
#sidebar form button.wp-block-search__button.wp-element-button {
    width: 40%;
}
#sidebar aside form {
    border: none;
}
/* --------- Blog Page ------- */
.postpic img {
    width: 100%;
}
h3.posttitle {
    font-size: 22px;
}
#full-width-blog .postbox {
   width: 100%;
   border: none;
   box-shadow: 0px 0px 10px #d6cfd3;
}
.postbox {
    box-shadow: 0px 0px 10px #d6cfd3;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:30px;
  margin:0;
  padding: 0;
}
#full-width-blog .postbox-content, #blog-left-sidebar .postbox-content, #blog-right-sidebar .postbox-content{
 
  padding:10px;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  display: block;
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
  margin-bottom: 10px;
  border: none;
  border-radius: 15px;
  margin-top: 3%;
}
.postbox h2{
  margin:0 0 5px;
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
   margin-left: 8px !important;
   font-size: 18px;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 2px;
}
.widget_recent_entries li {
  margin: 10px;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  color:#fff;
  padding:6px 25px;
  border:1px solid #000;
  color:#000;
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px;
  font-weight:bold;
  padding:6px 25px;
  border:1px solid #000;
  color:#000;
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
    border-top: 1px solid #4171EC;
    border-bottom: 1px solid #4171EC;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  position: absolute;
  left: unset;
  right: 0;
  bottom: 115px;
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 0;
  border:2px solid #2c2c2c;
}
.carousel-indicators .active{
  border-color: #4171EC;
  background-color: #4171EC;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: #4171EC;
  color: #ffffff !important;
  border: 1px solid #4171EC;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid #4171EC;
  color: #000000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}
aside#search-3 {
  padding: 0 !important;
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1;
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background-color:#4171EC;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px;
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  border-left: 1px solid #4171EC;
  border-right: 1px solid #4171EC;
  border-bottom: 3px solid #4171EC;
  text-transform: uppercase;
  border-top: none;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
  width: 100%;
}
#sidebar .textwidget label {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: #333;
    border: none;
    color: #ffffff;
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid #bbb;
}
#sidebar h3 {
   margin: 0 5px 10px;
   font-size: 20px;
   color: #4171EC;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #d6d6d4;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px;
  border:none;
  font-size:15px;
  color:#000;width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background:transparent;
  border:none;
  color:#000000;
  padding:14px 0;
  font-size:10px;
  margin:0;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #bbb;
  padding: 15px;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  line-height: 32px;
  background: url('./images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{
  color:rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a{
  background:#eeeeee;
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#3890cb;
}
#sidebar .widget_recent_entries ul li{
  background: none;
}
#sidebar .post-content {
    line-height: 20px;
    margin-bottom: 15px;
}
a.custom_google {
  background: #da4835;
}
a.custom_linkedin {
  background: #007bb5;
}
a.custom_pinterest {
  background: #d73431;
}
a.vk {
  background: #507299;
}
a.custom_tumblr {
  background: #36465d;
}
a.flicker {
  background: #b517ad;
}
a.custom_facebook {
  background: #3c5a99;
}
a.custom_twitter {
  background: #55acee;
}
a.custom_instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
a.custom_youtube {
  background: #d12122;
}

/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid #bbb;
  /*background-color: #cbe9e2;*/
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px;
  font-weight:bold;
  margin: 10px 0;
}

.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333;
  color:#ffffff;
  font-weight:normal;
}

/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
  padding: 0;
  border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
/*.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #4171EC;
  margin-top: 7px;
}*/
.read-moresec a {
    background-color: transparent !important;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 50%;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
/*.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: transparent;
  border: 1px solid #fff;
  padding: 10px;
}
button.owl-prev {
  position: absolute;
  top: -50px;
}
button.owl-prev i, button.owl-next i{
  color: #fff;
}
button.owl-next.disabled, button.owl-prev.disabled {
  background: transparent;
  border-color: #4171EC;
}
.owl-nav {
  position: absolute;
  right: 0;
  top: -90px;
}*/
/*-------------- Woocommerce ---------------*/
h2.wp-block-heading {
    margin: 50px 0px;
}
li.wc-block-grid__product {
    border: 2px solid #eee;
}
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
  margin-left: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #4171EC;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #4171EC;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #ffffff;
  color: #333333;
  border: 1px solid #4171EC;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #4171EC;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
  max-width: 100%;
}
input#password, input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff;
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}
/*-------------------common colors-----------*/
 p.topbr-txt,span.topbr-icn-txt,section#site_top span.socialbox i,select.gt_selector.notranslate,a#dropdownMenuLink,a.phone-top,a.mail-top,.hd-call-icon i,select#product_cat,.head_category:after,p.produc-tag,p.sell-tag,h6.services-title, h6.services-title a,p.serv-txt,h2.colln-main-hd1,h2.colln-main-hd2,h1.colln-prc,h6.vid-sm-hd,h2.vid-main-hd,h2.exp-hd,span.explr-prc-txt,a.btn.explr-btn,h2.ltr-main-hd{
  color: #ffffff;
}
section#site_top span.socialbox i:hover,span.cll-txt,span.mail-txt,a.btn.colln-btn,h6.services-title a:hover,p.plug-msg,.lettr-icon i,.page-p{
  color: #4171EC;
}
.hd-call-icon i,a.btn.slid-btn,.cat-dropdown-toggle,.prod-dys,.prod-hrs,.prod-mint,.prod-secs,p.produc-tag,p.sell-tag,a.btn.vid-outr-btn,a.btn.explr-btn,a.btn.blog-outr-btn{
  background: #4171EC;
}
/* --------------------------Top Bar---------------------------- */
.full-header-bg {
    background: #1B222C;
}
p.topbr-txt {
    font-size: 15px;
}
span.topbr-icn-txt {
    font-size: 14px;
    font-weight: 400;
}
section#site_top span.socialbox i {
    margin: 0px 5px;
}
.chosen-container-single .chosen-single {
    background: none !important;
    border: none !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 400;
    box-shadow: unset !important;
    width: 60%;
}
select.gt_selector.notranslate {
    background: none;
    font-size: 15px;
    font-weight: 400;
    border: none;
}
.topbox.currency_translate {
    border-right: 2px solid #5b6368;
}
/* --------------------------Header---------------------------- */
div#cont_headr {
    border-top: 2px solid #242c37;
    border-bottom: 2px solid #242c37;
}
input#tobbar-serc-txt {
    font-size: 15px;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    position: relative;
    border: none;
    background: #fff;
}
input#tobbar-serc-txt::placeholder{
  color: #D6D6D6;
}
button.search-submit {
    color: #FEFEFE;
    background: #4171EC;
    font-size: 18px;
    font-weight: 500;
    border: none;
    border-radius: 10px;
    padding: 9px;
    width: 30%;
    position: absolute;
    right: 19px;
    top: 4px;
}
a.phone-top,a.mail-top {
    font-size: 15px;
    font-weight: 500;
}
span.cll-txt,span.mail-txt {
    font-size: 15px;
    font-weight: 400;
}
.hdr-mail, .hedr-call {
    line-height: 20px;
}
.hd-call-icon i {
    border-radius: 50%;
    padding: 10px 9px;
    font-size: 22px;
    display: inline-block;
}
a.hdr-acc i {
    font-size: 15px;
    color: #fff;
    background: #4171EC;
    border-radius: 50%;
    display: inline-block;
    padding: 11px 11px;
}
a.wishlist_products_counter.top_wishlist-heart:before {
    margin: 0;
    padding: 0;
}
span.topbox-wishlist a {
    font-size: 10px;
    color: #fff;
    background: #4171EC;
    border-radius: 50%;
    padding: 8px 7px;
    display: inline-block;
}
span.cart_box i {
    font-size: 14px;
    color: #fff;
    background: #4171EC;
    border-radius: 50%;
    padding: 11px 10px;
    position: relative;
}
span.cart_box {
    position: relative;
}
span.cart-value {
    font-size: 9px;
    font-weight: 600;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    padding: 1px 4px;
    display: inline-block;
    left: 26px;
}
span.cart-total {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;  
}
.scrolled {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background:#1c1c1c;
}
/*---------menu-header------*/
.cat-dropdown-menu {
  display: none;
  position: absolute;
  background-color: #fafbff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  z-index: 999;
  left: 0;
  right: 0;
  width: 70%;
  border-radius: 0px 0px 7px 7px;  
}
.head_category {
    position: relative;
}
/* Style the dropdown button */
.cat-dropdown-toggle {
  text-decoration: none;
    color: #ffffff;
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    border: none;
    width: 70%;
    padding: 15px 18px;
}
a#dropdownMenuLink-cat i {
    padding-left: 25%;
}
a#dropdownMenuLink-cat:hover {
    color: #000;
}
/* Style the bars icon inside the button */
.cat-bars {
  margin-left: 5px;
}
.cat-dropdown-menu.show {
  display: block;
}
.cat-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
li.cat-inn:after {
    content: '\f105';
    position: absolute;
    right: 30px;
    font-family: fontawesome;
    color: #AEAEAE;
}
li.cat-inn a {
    color: #333E48;
}
.cat-inn {
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 14px;
  font-weight: 400;
  color: #333E48;
  border-bottom: 1px solid #dddddd;
  text-transform: capitalize;
}
/*--------------SLIDER--------*/
#slider .carousel-caption {
    position: absolute;
    right: 60%;
    left: 12%;
    top: 50%;
    transform: translateY(-50%);
}
.carousel-control-next, .carousel-control-prev{
  width: 7%;
  opacity: 1;
  top: 50px;
}
a.slid-btn:hover{
  background: #ffffff;
  border: 2px solid #4171EC;
  color: #4171EC;
}
h6.slid-sm-head {
    font-size: 20px;
    font-weight: 700;
}
h1.slid-main-hd {
    font-size: 70px;
    font-weight: 700;
    line-height: 80px;
}
p.slid-txt {
    font-size: 17px;
    color: #7B7B7B;
    font-family: 'Roboto';
}
a.btn.slid-btn {
    font-size: 18px;
    font-weight: 500;
    color: #FEFEFE;
}
ol.slider-carousel-indicators {
    display: none;
}
.slide-arrows i {
    font-size: 20px;
    border-radius: 50%;
    background: #ffffff;
    color: #141412;
    padding: 22px 23px;
    display: inline-block;
}
.slide-arrows i:hover {
    background: #4171EC;
}
section#slider img {
    width: 100%;
}
/*--------------offer-------*/
h6.offer-sm-hd1,span.offer-prce-txt1 {
    color: #FFB800;
}
h6.offer-sm-hd1 {
    font-size: 20px;
    font-weight: 600;
}
span.offer-prce-txt1,span.offer-prce-txt2,span.offer-prce-txt3{
    font-size: 18px;
    font-weight: 700;
}
span.offer-prce-txt3{
  color: #FF1F00;
}
span.offer-prce-txt2,h2.ofr-discount{
  color: #5482F7;
}
h2.offer-main-hd1,h2.offer-main-hd3 {
    font-size: 40px;
    font-weight: 700;
}
span.offer-prce-txt1 {
  padding-right: 20px;
}
span.ofr-price {
    font-size: 50px;
    font-weight: 700;
    color: #222222;
    display: inline-block;
    vertical-align: middle;
}
span.ofr-sign {
    font-family: 'Roboto';
}
a.btn.offr-btn1,a.btn.offr-btn2 {
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;   
    font-family: 'Roboto';
}
a.btn.offr-btn1{
   background: #FFB800;
}
a.btn.offr-btn2{
  background: #5482F7;
}
a.btn.offr-btn3{
  background: #FF1F00 ;
  color: #fff !important;
}
h6.offer-sm-hd2 {
    font-size: 16px;
    font-weight: 600;
    color: #1A222C;
}
h2.offer-main-hd2 {
    font-size: 45px;
    font-weight: 700;
}
.row.price-offr-box {
  align-items: center;
}
.imgone {
  position: relative;
  top: 60px;
}
.offer-content3.p-4 {
  padding-bottom: 0 !important;
}


.offer-box2.py-4 {
  padding-bottom: 0 !important;
}
h6.offer-dis-txt1, h6.offer-dis-txt2 {
    font-size: 30px;
    font-weight: 700;
    color: #1A222C;
}
h2.ofr-discount {
    font-size: 75px;
    font-weight: 700;
    line-height: 80px;
}
h6.offer-sm-hd3 {
    font-size: 26px;
    font-weight: 700;
    color: #1A222C;
}
.offer-box1 {
  background: #ffb8002e;
}
.offr-btn-box.three {
  z-index: 99999;
  position: relative;
  margin-top: 20px;
}
.offer-box3{
  background: #FFE0DE;
}
.offer-box2 {
  background: #5482f73b;
}
.offer-content2 {
  padding-left: 70px;
}
.ofr-img-box3.text-lg-end {
  position: relative;
  top: -36px;
}
span.offer-prce-txt2.me-2 {
  margin: 0 0 0 30px;
}
img.offr-img-3{
  width: 55%;
}
/* Add this CSS to make the parent container a flex container */
.row.equal-height-row {
    display: flex;
}

.row.equal-height-row .offer-box1,
.row.equal-height-row .offer-box2,
.row.equal-height-row .offer-box3 {
    flex: 1;
}
/*----------trending-product--------*/
h2.prod-main-hd,h2.sell-main-hd,h2.testi-main-hd,h2.blog-main-hd,h2.inst-main-hd {
    font-size: 36px;
  }
.countdown-date{
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
}
p.position-timer{
  font-size: 12px;
  color: #fff;
}
.prod-dys,.prod-hrs,.prod-mint,.prod-secs{
    border-radius: 50%;
    display: inline-block;    
}
.prod-dys{
  padding: 10px 20px;
}
.prod-hrs{
  padding: 10px 18px;
}
.prod-mint{
  padding: 10px 13px;
}
.prod-secs{
  padding: 10px 11px;
}
h3.prod-name a,h3.prod-name,h3.sell-name a,h3.sell-name {
    font-size: 20px;
    font-weight: 400;
    color: #1A222C;
}
p.prodc-price.price ins,p.sell-price.price ins{
  color: #4171EC;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  margin-left: 2px;
}
p.prodc-price.price del span.woocommerce-Price-amount.amount,p.sell-price.price del span.woocommerce-Price-amount.amount {
    font-size: 17px;
    font-weight: 300;
    color: #757575;
}
p.produc-tag,p.sell-tag {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto';
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 3px;
}
.prod-img-det,.sell-img-det {
    position: relative;
    border: 2px solid #f1f1f1;
    border-radius: 10px;
}
ul.product-icon-list a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after,ul.seller-icon-list a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after {
    color: #fff;
    background: #1a222c;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
a.prod-cart,a.sell-cart {
    background: #1A222C;
    color: #ffffff;
    border-radius: 50%;
    padding: 16px 16px;
}
ul.product-icon-list li,ul.seller-icon-list li {
    margin-top: 20px;
}
ul.product-icon-list,ul.seller-icon-list {
    list-style: none;
    position: absolute;
    bottom: 50px;
    right: 30px;
    display: none;
}
.row .prod-inn,.serv-bg {
  display: flex;
  flex-wrap: wrap;
}
.product-box,.seller-box,.serv-box-info{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.prod-img-det,.sell-img-det,.services-outer{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.produc-imagebg,.sell-imagebg,.services-img{
  flex-grow: 1;
}
.product-box:hover ul.product-icon-list,.seller-box:hover ul.seller-icon-list {
    display: block;
}
a.btn.prod-outr-btn,a.btn.sell-outr-btn {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background: #4171EC;
    border-radius: 15px;
}
/*---------------best seller------------*/
/*-------------service------------*/
.services-img {
    width: 25%;
    background: #ffffff;
    border-radius: 50%;
    padding: 17px 16px;
}
.serv-box-info {
    background: #252F3C;
    border-radius: 20px;
    position: relative;
}
h6.services-title, h6.services-title a {
    font-size: 17px;
    font-weight: 600;
        font-family: 'Jost';
}
p.serv-txt {
    font-size: 17px;
    font-weight: 400;
    font-family: 'Roboto';
}
.serv-box-info:after {
    content: '';
    background: #4171EC;
    position: absolute;
    width: 90%;
    height: 40px;
    bottom: -10px;
    z-index: -1;
    border-radius: 20px;
    margin: auto;
    left: 15px;
}
.services-img:hover {
    background: #fbc3ba;
}
/* Add this CSS to your stylesheet */
.services-img {
  transition: transform 0.3s ease-in-out; /* Adjust the duration and easing as needed */
}
.services-img:hover {
  transform: rotate(360deg); /* Adjust the degree of rotation for the desired effect */
}
/*------------collection------*/
.clln-bg {
    background: #4171EC;
    border-radius: 10px;
    position: relative;
}
.colln-left-img img {
    position: absolute;
    bottom: 0;
    left: 20%;
}
h2.colln-main-hd1,h2.colln-main-hd2 {
    font-size: 36px;
    font-weight: 500;
}
h1.colln-prc{
  font-weight: 800;
}
a.btn.colln-btn {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Roboto';
    background: #fff;
}
/*----------video-------*/
section#video {
    background-color: rgba(0, 0, 0, 1);
}
a.popup-youtube i {
    font-size: 30px;
    color: #000;
    background: #ffffff;
    border-radius: 50%;
    padding: 25px 25px 25px 30px;
}
h6.vid-sm-hd {
    font-size: 20px;
    letter-spacing: 5px;
}
h2.vid-main-hd {
    font-size: 60px;
}
a.btn.vid-outr-btn,a.btn.blog-outr-btn {
    font-size: 18px;
    font-weight: 500;
    color: #FEFEFE;
    border-radius: 10px;
}
/*----------testimonial----------*/
p.testi-sm-hd,p.blog-txt,p.sell-sm-hd,p.insta-txt {
    width: 28%;
}
h3.testi_inn_title a,h3.testi_inn_title {
    font-size: 20px;
    font-weight: 700;
    color: #1A222C;
}
p.test_short_text {
    line-height: 26px;
    border-bottom: 2px solid #edeffb;
}
.testimonial-box .star-rating span.star {
    color: #4171EC;
    font-size: 20px;
}
h6.test-name {
    font-size: 16px;
    font-weight: 700;
    color: #233654;
}
.quote-icon i {
    color: #4171EC;
    font-size: 40px;
}
section#testimonials {
    position: relative;
}
section#testimonials button.owl-prev,section#testimonials button.owl-next{
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  background: #4171EC;
  border: none;
  color: #fff;
  border-radius: 50%;
  padding: 12px 18px;
  font-size: 15px;
  display: inline-block;
}
section#testimonials button.owl-prev{
  left: -5%;
}
section#testimonials button.owl-next{
  right: -5%;
}
section#testimonials .owl-dots{
  text-align: center;
}
section#testimonials .owl-dots button.owl-dot.active {
    opacity: 1;
}
section#testimonials .owl-dots button.owl-dot {
    margin: 15px 5px;
    background: #4171EC;
    border: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0.3;
}
/*-----------explore----*/
h2.exp-hd {
    font-size: 54px;
    font-weight: 600;
    width: 75%;
    line-height: 70px;
}
span.explr-prc-txt {
    font-size: 34px;
    font-weight: 400;
}
span.expl-prc {
    color: #FBB835;
    font-size: 68px;
    font-weight: 600;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    line-height: normal;
}
a.btn.explr-btn {
    font-size: 18px;
    font-weight: 400;
    border-radius: 10px;
}
.exp-timer-box h6 {
    font-size: 26px;
    color: #454545;
    font-weight: 600;
}
.exp-timer-box p {
    font-size: 14px;
    font-weight: 400;
    color: #727272;
}
.exp-timer-box .row{
    background: #fff;
    width: 25%;    
    border-radius: 15px;
}
.timr1,.timr2,.timr3 {
    border-right: 1px solid #eaeaea;
}
/*-------------blog-------*/
h3.blogtitle a,h3.blogtitle {
    font-size: 22px;
    font-weight: 700;
    color: #1A222C;
    line-height: 36px;
}
a.blog-button {
    font-size: 16px;
    font-weight: 700;
}
/*---newsletter-------------*/
h2.ltr-main-hd {
    font-size: 22px;
    font-weight: 700;
}
.lettr-icon i {
    font-size: 50px;
}
input[type="email"].lttr-mail {
    font-size: 15px;
    font-weight: 400;
    background: #ffffff;
    position: relative;
    border-radius: 8px;
    padding: 20px;
}
input[type="submit"].ltr-btn {
    border-radius: 8px;
    position: absolute;
    right: 18px;
    top: 6px;
    padding: 14px 30px;
    font-size: 15px;
    font-weight: 500;
}
section#newsletter {
    background: #232D39;
    border-radius: 10px;
}
span.wpcf7-spinner {
    display: none;
}
input[type="email"].lttr-mail::placeholder{
    color: #CBC8C8;
}
/*--footer-------*/
p.ftr-txt {
    font-size: 18px;
    font-weight: 400;
    color: #9EABBB;
    margin: 30px 0px;
}
span.ftr-txt-soco {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
.footer-social-box i {
    font-size: 15px;
    margin: 0px 5px;
    background: #323C48;
    padding: 12px 12px;
    border-radius: 50%;
    display: inline-block;
    color: #ffffff;
}
a.ftr-linkedin i {
    padding: 12px 13px;
}
a.ftr-youtube i {
    padding: 12px 10px;
}
div#footer_box h3.widget-title,div#footer_box h3.wp-block-heading {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Outfit';
    color: #4171EC;
    margin-bottom: 10px;
}
ul#menu-quick-links li a,ul#menu-services-menu li a,ul.ftr-socil-names li a,div#footer_box ul li a {
    color: #9EABBB;
    font-size: 16px;
    font-weight: 400;
    line-height: 45px;
}
ul#menu-quick-links,ul#menu-services-menu,ul.ftr-socil-names{
  margin: 0;
  list-style: none;
}
.footer-social-box i:hover {
    background: #4171EC;
}
.copy-box p {
    color: #9EABBB;
    font-family: 'Inter';
}
/*-------------- media section ---------------*/

@media screen and (max-width:767px) {
  div#wpadminbar {
    position: fixed;
}

  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
 .slide-arrows i{
  display: none;
 } 
 .cat-dropdown-toggle,.cat-dropdown-menu,p.testi-sm-hd, p.blog-txt, p.sell-sm-hd, p.insta-txt,.exp-timer-box .row{
  width: 100%;
 }
 a#dropdownMenuLink-cat i {
    padding-left: 23%;
}
h6.slid-sm-head {
    font-size: 10px;
}
p.slid-txt {
  display: none;
}
h1.slid-main-hd {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
} 
a.btn.slid-btn {
  font-size: 14px;
} 
#slider .carousel-caption {
    right: 55%;
    left: 0;
    top: 30%
  }
  .offer-content2 {
    position: static;
    text-align: center;
}
.off-dis-box {
    bottom: 0;
    right: 3%;
}
.colln-left-img img {
  display: none;
}
h2.vid-main-hd {
    width: 100% !important;
    font-size: 20px;
}
h6.vid-sm-hd {
    font-size: 15px;
  }
a.popup-youtube i {
    font-size: 15px;
    padding: 16px 16px 15px 18px;
}
a.btn.vid-outr-btn {
    font-size: 12px;
  }
section#testimonials button.owl-prev, section#testimonials button.owl-next {
    padding: 6px 10px;
    font-size: 10px;
  }
  section#testimonials button.owl-prev{
  left: -3%;
}
section#testimonials button.owl-next{
  right: -3%;
}
.exp-timer-box p {
    font-size: 12px;
  }
  h2.exp-hd {
    font-size: 22px;
    width: 100%;
    line-height: normal;
}
span.expl-prc {
    font-size: 35px;
  }
  span.explr-prc-txt {
    font-size: 20px;
  }
  input[type="submit"].ltr-btn {
    padding: 17px 5px;
    font-size: 12px;
  }
}
@media screen and (max-width:576px) {
  
}

@media screen and (min-width: 768px) and (max-width:1023px){
  select.gt_selector.notranslate {
    padding: 10px;
}
.carousel-control-next, .carousel-control-prev {
    width: 10%;
  }
  #slider .carousel-caption {
    right: 30%;
    left: 10%;
    top: 28%;
  }
  h1.slid-main-hd {
    font-size: 50px;
    line-height: normal;
  }
  h2.offer-main-hd1, h2.offer-main-hd3,h2.offer-main-hd2 {
    font-size: 22px;
  }
  span.ofr-price {
    font-size: 25px;
  }
  h2.ofr-discount {
    font-size: 50px;
    line-height:normal;
    }
  h6.offer-dis-txt1, h6.offer-dis-txt2 {
    font-size: 20px;
  }
  .off-dis-box{
    bottom: 0;
  }
  .offer-box3 {
    margin-top: 15px;
}
h1.colln-prc{
  font-size: 35px;
}
h2.colln-main-hd1, h2.colln-main-hd2{
  font-size: 30px;
}
.colln-left-img img {
    left: 5%;
}
h2.vid-main-hd {
    width: 100% !important;
    font-size: 35px;
}
a.popup-youtube i {
    font-size: 20px;
    padding: 20px 20px 20px 25px;
}
p.testi-sm-hd, p.blog-txt, p.sell-sm-hd, p.insta-txt {
    width: 45%;
}
.exp-timer-box .row{
  width: 50%;
}
h2.exp-hd {
    font-size: 20px;
    line-height: normal;
  }
  span.explr-prc-txt {
    font-size: 15px;
  }
  span.expl-prc {
    font-size: 25px;
  }
  a.btn.explr-btn {
    font-size: 12px;
  }
  section#explore {
    background-size: contain;
}
.prod-dys {
    padding: 6px 16px;
}
.off-dis-box.mt-5 {
  margin-top: 20px !important;
}
.prod-hrs {
    padding: 6px 14px;
}
.prod-mint {
    padding: 6px 9px;
}
.prod-secs {
    padding: 6px 7px;
}
.imgone {
  position: unset;
  top: 0px;
}
.row.price-offr-box.pt-5 {
  padding-top: 20px !important;
}
.offer-content3 {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.abc {
  order: 2;
}
img.offr-img-3 {
  width: 100%;
}
.ofr-img-box3.text-lg-end {
  position: unset;
  /* top: -36px; */
}
.offer-content3.p-4 {
  padding-bottom: 10px !important;
}
section#slider img {
  width: 100%;
  height: 330px;
  object-fit: cover;
}
.offer-box2.py-4 {
  margin-top: 15px;
}

}
@media screen and (min-width: 1024px) and (max-width:1439px){
  select.gt_selector.notranslate {
    padding: 10px 5px;
  }
  .curr{
  padding: 2px;
  }
  .cat-dropdown-toggle,.cat-dropdown-menu.show{
  width: 100%;
  }
  a#dropdownMenuLink-cat i {
    padding-left: 22%;
  }
  #slider .carousel-caption {
    right: 45%;
    top: 34%;
  }
  .imgone {
    position: relative;
    top: 0px;
  }
  .row.price-offr-box.pt-5 {
    padding-top: 20px !important;
  }.offer-content2 {
    padding-left: 30px;
  }
  .ofr-img-box3.text-lg-end {
    position: unset;
    /* top: -36px; */
  }
  .ofr-img-box3.text-lg-end {
    padding-top: 30px;
  } 
  img.offr-img-3 {
    width: 100%;
  }
  span.ofr-price {
    font-size: 50px;
  }
  h2.offer-main-hd2 {
    font-size: 30px;
  }
  h2.ofr-discount {
    font-size: 60px;
    line-height: normal;
  }
  h2.offer-main-hd1, h2.offer-main-hd3 {
    font-size: 25px;
  }
  .serv-box-info:after{
    width: 85%;
  }
  .services-img {
    width: 35%;
  }
  a.btn.colln-btn {
    padding: 10px 15px !important;
  }
  h2.vid-main-hd {
    font-size: 40px;
  }
  a.popup-youtube i {
    font-size: 20px;
    padding: 18px 18px 18px 24px;
  }
  h6.vid-sm-hd {
    font-size: 18px;
  }
  .vid-bg-info {
    margin: 0 !important;
  }
  p.testi-sm-hd, p.blog-txt, p.sell-sm-hd, p.insta-txt {
    width: 35%;
  }
  .exp-timer-box .row {
    width: 40%;
  }
  h2.exp-hd {
    font-size: 30px;
    width: 56%;
    line-height: normal;
  }
  span.expl-prc {
    font-size: 30px;
  }
  .inner_sec {
    padding-top: 15px !important;
  }
 .exp-timer-box h6,span.explr-prc-txt {
    font-size: 20px;
  }
  .exp-timer-box p {
    font-size: 10px;
  }
  a.btn.explr-btn {
    font-size: 14px;
  }
  section#explore {
    background-size: 100% 100%;
} 
}
@media screen and (max-width:719px) {
  .menubar.scrolled.hmenu {
    background-color: #1A222C;
    height: auto;
  }
  .menubar .nav ul li ul{
    display:none;
    z-index:2;
    font-weight:normal;
  }
}
@media screen and (max-width:768px) {
  .menubar {
    position: relative;
    right: 0;
  }
  section#testimonials button.owl-prev {
    left: -20px;
  }
  section#testimonials button.owl-next {
    right: -20px;
  }
}
@media screen and (max-width:991px) {
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  #sidebar aside {
    padding: 6px;
  }
  .widget td {
    padding: 2px;
  }
}

@media screen and (max-width: 1024px){
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: none;
    position: relative;
    float: none;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #4171EC;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer;
    text-align: right;
  }
	iframe {
    width: 100%;
    height: auto;
	}
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
    padding: 5px 0;
  }

  .main-navigation a{
    color: #4171EC;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before,
  .menu > ul > li.current_page_item:before,
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{
    width:100%;
    margin-top:0;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid;
    display:block;
    text-align:left;
    float:none;
    width: 100%;
  }
  .nav ul li a{
    padding:5px 10px;
    display:block;
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
}
@media screen and (min-width: 1500px){


}
@media screen and (min-width: 990px) and (max-width:1200px) {
a.btn.offr-btn1 {
    padding: 10px 5px !important;
}
.prod-dys {
    padding: 6px 15px;
}
.prod-hrs {
    padding: 6px 13px;
}
.prod-mint {
    padding: 6px 8px;
}
.prod-secs {
    padding: 6px 6px;
}
.countdown-date {
    font-size: 20px;
  }
  p.position-timer{
    font-size: 10px;
  }

}
@media screen and (min-width: 1200px) and (max-width:1500px) {
  a.phone-top, a.mail-top {
    font-size: 14px;
  }
  #slider .carousel-caption{
    right: 54%;
  }
h2.exp-hd {
    font-size: 42px;
    width: 55%;
}
.off-dis-box.mt-5 {
  margin-top: 15px !important;
}
.ofr-img-box3.text-lg-end {
  position: relative;
  top: -15px;
}
.imgone {
  position: relative;
  top: 30px;
}
}
@media screen and (min-width: 1501px) and (max-width:1935px) {
  section#explore {
    padding: 3% 0px !important;
}
}
@media screen and (min-width: 1936px) and (max-width:2560px) {
  a#dropdownMenuLink-cat i {
    padding-left: 50%;
}
#slider .carousel-caption{
    right: 54%;
  }
  section#explore {
    padding: 6% 0px !important;
}
}
@media screen and (min-width: 992px) and (max-width:1199px) {
  a.phone-top, a.mail-top {
    font-size: 9px;
  }
  span.cll-txt, span.mail-txt {
    font-size: 10px;
  }
  .hd-call-icon i {
    padding: 5px 4px;
    font-size: 14px;
  }
  .hdr-mail, .hedr-call {
    line-height: 15px;
  }
  section#testimonials button.owl-prev {
    left: -30px;
  }
  section#testimonials button.owl-next {
    right: -30px;
  }
}
@media screen and (min-width: 1200px) and (max-width:1406px) {
  a.phone-top, a.mail-top {
    font-size: 11px;
  }
  span.cll-txt, span.mail-txt {
    font-size: 12px;
  }
  .hd-call-icon i {
    font-size: 15px;
  }
  h2.exp-hd {
    font-size: 42px;
    width: 55%;
}
h2.ltr-main-hd {
    padding-right: 0px !important;
}
}
 
 

.woocommerce-currency-switcher-form .dd-selected {
    color: #000000;
    display: block;
    font-weight: bold;
    overflow: hidden;
    height: 20px;
    padding: 0px 0px;
}

a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after span,a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after span,a.wishlist_products_counter.top_wishlist-heart.top_wishlist- span {
  display: none;
}
a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after:before,a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after:before {
  font-size: 32px;
  background: #1A222C;
  border-radius: 50px;
  padding: 7px;
  color: #fff !important;
}


@media screen and (max-width: 900px){
  a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after:before,a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after:before {
    font-size: 18px;
    background: #1A222C;
    border-radius: 50px;
    padding: 5px;
    color: #fff !important;
  }
  a.prod-cart, a.sell-cart {
    background: #1A222C;
    color: #ffffff;
    border-radius: 50%;
    padding: 6px;
  }
  ul.product-icon-list, ul.seller-icon-list {
    list-style: none;
    position: absolute;
    bottom: 20px;
    right: 0;
    display: none;
  }
  section#explore {
    padding-top: 20px;
  }
}
@media screen and (max-width: 600px){
section#testimonials button.owl-prev {
  left: 0px;
}  ul.product-icon-list, ul.seller-icon-list {
  list-style: none;
  position: absolute;
  bottom: 20px;
  right: 10px;
  display: none;
}
section#explore {
  padding-top: 40px;
}
.imgone {
    position: unset;
    top: 0px;
}
.offer-content2 {
  padding-left: 0px;
}
section#testimonials button.owl-next {
  right: 0px;
}
h6.offer-sm-hd1.text-right.p-0, h2.offer-main-hd1.text-right.pt-1{
  text-align: center !important;
}
.ofr-img-box3.text-lg-end {
  position: unset;
  /* top: -36px; */
}
img.offr-img-3 {
  width: 70%;
  padding-top: 20px;
}
section#slider img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after:before,a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after:before {
  font-size: 22px;
  background: #1A222C;
  border-radius: 50px;
  padding: 8px;
  color: #fff !important;
}
a.prod-cart, a.sell-cart {
  background: #1A222C;
  color: #ffffff;
  border-radius: 50%;
  padding: 10px;
}
}

@media screen and (max-width: 400px) {
  #slider .carousel-caption {
      right: 50%;
      left: 0%;
      top: 35% !important;
  }
}
