/*
Theme Name: IT Company
Theme URI: https://www.themesglance.com/themes/free-it-company-wordpress-theme/
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: IT Company is a modern, stylish, feature-rich and robust WordPress theme for information technology companies, IT start-ups, corporates, digital agencies, techno-savvy firms, IT and business endeavours, technical businesses and similar websites. Its developers have designed the theme to present all your products and services with absolute precision without compromising on the professional look of the website. With its visual composer plugin, you can create or edit the content on the web page. The elementor page builder saves you a lot of time while creating pages. It also shows compatibility with popular plugins such as WooCommerce, social media, etc. It is a retina ready theme with absolute stunning look on varying screen sizes and browsers with its responsive layout and cross-browser compatibility. With sliders and banners, the website looks impressive. The theme is readily translatable into different languages. It is secured with clean and bug-free Bootstrap based coding. It is optimized for search engines to get good traffic influx. IT Company theme is extremely lightweight loading with a lightning fast speed. It is deeply customizable to give the website any look through theme customizer which offers customization options right at your fingertips. Give an easy publicity to your website by using social media icons. This theme offers integration of different media like image, videos, audios, links etc. Demo: https://www.themesglance.com/it-company-pro/
Version: 0.2.5
License: GNU General Public License
License URI: license.txt
Text Domain: it-company
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-menu, custom-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce

IT Company WordPress Theme has been created by Themesglance(themesglance.com), 2018.
IT Company WordPress Theme is released under the Terms of GNU GPL
*/

/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#fff;
	font-size: 16px;
  letter-spacing: .51px;
	color:#000;
	font-family: 'Raleway', sans-serif;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin:0;
	padding:10px 0;
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:15px;
	line-height:1.8;
  color: #666;
}
a, code{
	text-decoration:none;
	color: #c5351f;
}
a:hover{
	text-decoration:none;
	color: #232c2b;
}
a:focus,
a:hover{
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, button:focus,
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
  outline: 1px dotted #000;
}
ul{
	margin:0 0 0 15px;
	padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select{
  width:100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
  clear:both;
}
.clear{
	clear:both;
}
input[type='submit']:hover{
	cursor: pointer;
}
.center{
	text-align:center;
	margin-bottom:40px;
}
.main-wrap-box{
	margin:0 auto;
	padding:20px 0 20px;
}
.wp-caption{
	margin:0;
	padding:0;
	font-size:13px;
	max-width:100%;
}
.wp-caption-text{
	margin:0;
	padding:0;
}
.screen-reader-text {
	position: absolute;
	top:-9999em;
	left:-9999em;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{
  left: 0;
  position: fixed;
	margin:0;
	padding:0;
}
.gallery-caption{
	margin:0;
	padding:0;
}
.alignleft,
 img.alignleft {
 	display: inline;
	float: left;
	margin-right:20px;
	margin-top:4px;
	margin-bottom:10px;
	padding:0;
	border:1px solid #bbb;
	padding:5px;
}
.alignright,
 img.alignright {
	display: inline;
	float: right;
	border:1px solid #bbb;
	padding:5px;
	margin-bottom:10px;
	margin-left:25px;
}
.aligncenter,
 img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	border:1px solid #bbb;
	padding:5px;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
#respond{
	clear:both;
}
.toggle{
 	display:none;
}
.bypostauthor{
	margin:0;
	padding:0;
}
small{
	font-size:14px !important;
}
input[type="text"],
input[type="email"],
input[type="phno"],
 textarea{
	border:1px solid #bcbcbc;
	width:100%;
	font-size:16px;
	padding:10px 10px;
	margin:0 0 23px 0;
	height:auto;
}
textarea{
	height:111px;
}
input[type="submit"] {
	border: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  padding: 10px 18px;
  line-height: 1.7;
  background: #c5351f;
  font-weight: bold;
  color: #fff;
  margin: 0 10px;
}
table,
th,
td {
	border: 1px solid #d1d1d1;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th,
td {
	padding: 0.4375em;
}
/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}
#footer .widget_calendar td a{
  color: #fff;
}
.widget_calendar td,
.widget_calendar th {
	line-height: 2;
	padding: 0;
	text-align: center;
}
#sidebar .widget_calendar caption{
  color: #000;
}
.widget_calendar caption {
  font-weight: 900;
  color: #fff;
  font-size: 20px;
}
.widget_calendar tbody a {
	background-color: #007acc;
	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: 0em;
}
span.page-links-title {
	clear: both;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  font-weight: bold;
  padding: 15px;
}
span.page-number {
  padding: 10px 15px;
}
span.page-number,span.page-links-title{
	display: block;
  float: left;
  margin: 2px 2px 2px 0;
	text-decoration: none;
  width: auto;
  color: #fff;
  font-weight: bold;
  background: #1b1b1b;
  -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;
}

/* ---------Buttons--------- */
a.button{
	background:#c5351f;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 30px;
	font-weight:bold;
}	
a.button:hover{
  background: #232c2b;
  color:#fff;
}

/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  list-style-type:none;
}
.nav-menu ul{
  /*float:right;*/
  margin:0;
  padding:0;
  font-weight:400;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold; 
}
.nav-menu li{
  display:inline-block;
  margin:0;
  position:relative;
}

 /*individual navigator menu tab;*/
.nav-menu li a{
  color: #fff;
  padding: 20px;
  display:block;
  font-size: 13px;
  list-style: none;
}


.nav-menu ul ul{
  display: none;
  position: absolute;
  background: #252525;
  z-index: 9999;
  width: 200px;
  border:1px solid #006ccc;
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}

/*sub-menu;*/
.nav-menu ul ul a{
  color: #006ccc;
  padding: 10px;
  background: #fff;
}
.nav-menu ul ul a:hover{
  background: #232c2b;
  color: #fff;
  border-left: 4px solid #c5351f;
}
.nav-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  padding: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul{
  padding: 10px;
}
.sf-arrows .sf-with-ul{
  padding: 19px 25px 13px 13px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: absolute;
  right: 12px;
  top: 15px;
  font-size: 15px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.sf-arrows ul .sf-with-ul:after{
  top: 6px;
}
.toggle-menu, a.closebtn{
  display: none;
}

/* ---------HEADER--------- */
#header .nav ul li:after {

  color: #fff;
  font-size: 1.5em;
  padding: 10px;
  position: absolute;
  top: 5px;
  right: -15px;
}
#header .nav ul li:last-child:after {
  display: none;
}
.top-header {
  border-bottom: 1px solid #fff;
}
.page-template-custom-front-page .top-header {
  border-bottom:none;
  background: rgba(35, 44, 43, 0.7) ;
  padding: 0 10px;
}
.page-template-custom-front-page .header {
  position: absolute;
  z-index: 9999;
  width: 100%;
  background: transparent;
}
.header {
  background: #232c2b;
}
.page-template-custom-front-page .top-bar {
  background: #232c2b;
}
.search-box{
  background: #232c2b;
  padding: 12px 8px 11px;
}
/*.page-template-custom-front-page .welcome p {
  color: #c5351f; 
}*/
.welcome p {
  padding: 10px 0;
  margin: 0;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.header label {
  width: 80%;
}
.cart_icon i {
  background: #ff5ba9;
  color: #fff;
  border-radius: 50%;
  padding: 10px;
  text-align: center;
  font-size: 15px;
  margin-right: 0 !important;
}
span.cart_icon{
  margin:1px;
}
span.cart-value {
  position: absolute;
  top: 28px;
  color: #2c2c2c;
  font-weight: bold;
  background: #fff;
  right: 38px;
  padding: 0px 5px;
  font-size: 10px;
  border-radius: 50%;
  border: 1px solid;
}
li.cart_box {
  list-style: none;
}
.cart_no{
  text-align: center;
}
span.cart_no a img {
  padding: 30px 0;
  width: 35px;
}
.social-media i {
  font-size: 15px;
  color: #fff;
  padding: 0 6px;
  background: transparent;
}
.social-media {
  padding: 10px 0;
  display: flex;
  float: right;
}
.social-media a {
  color: #fff;
  padding-left: 25px;
}
.social-media i:hover {
  color: #c5351f;
}
.logo {
  padding: 8px;
}
.logo h1 a,
.logo p.site-title a{
  color: #fff;
}
.logo h1,
.logo p.site-title{
	font-size:25px;
	font-weight:bold;
  padding: 0;
  line-height: 1.2;
}
.logo p{
	font-size:12px;
  color: #fff;
  margin: 0
}
.conatct-font {
  padding-right: 0;
  text-align: right;
}
.contact-details {
  padding: 10px 0;
}
.contact-details p {
  font-size: 14px;
  margin-bottom: 0;
  color: #fff;
  padding: 0px 5px;
  font-weight: 500;
}
p.bold-font {
  margin-bottom: 2px;
  font-weight: 800;
  color: #fff;
  font-size: 13px;
}
.contact-details i {
  color: #fff;
  font-size: 15px;
}
#header .header-top {    
  color: #fff;
  padding: 10px 0;
}
.buttonbox a{
	background:#3890cb;
	color:#fff;
	padding:8px 15px;
	display:block;
	margin:27px 0 0 0;
	border-radius:5px;
	text-align:center;
}
.buttonbox a:hover{
	background:#000;
	color:#fff;
}
.search-field{
  width: 100%;
  padding: 4%;
}
input[type="search"] {
  border: solid 1px #bbb;
  padding: 10px 25px 10px 10px;
  color: #232c2b;
}
.account {
    margin-top: 35px;
}
.account a {
    color: #2c2c2c;
}
.account a:hover {
    color: #c5351f;
}
.account i {
    font-size: 20px;
}

/* ---------blog--------- */
.blog-sec {
  margin-bottom: 4%;
  box-shadow: 2px 2px #c5351f;
}
.blog-sec h2 {
  font-size: 24px;
  font-weight: 600;
  color: #242424;
  letter-spacing: .40px;
  text-align: left;
}
.blog-sec h2 a {
  color: #c5351f;
}
.box-image img {
  width: 100%;
}
.blog-sec {
  border: 1px solid #e4e4e4;
  padding: 12px;
}
.blog-sec p {
  color: #666;
  font-size: 15px;
  line-height: 1.8;
}
h1.page-title,
h1.search-title {
  background: #c5351f;
  margin-bottom: 3%;
  color: #fff;
  text-align: center;
}
.header input[type="submit"] {
  background: url(images/search.png) no-repeat 0px 6px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
  margin: 0;
  padding: 6px 12px;
}

/*-----------------category-------------*/
button.product-btn {
 width: 100%;
 border: none;
 background: #fff;
 padding: 7px 0;
 cursor: pointer;
 font-size: 14px;
 color: #2c2c2c;
 border-left: 1px solid #ededed;
}
.product-btn i {
 margin-left: 20px;
}
.product-cat {
 background: #fff;
 position: absolute;
 width: 255px;
 z-index: 999;
 list-style: none; 
}
.product-cat i {
 float: right;
 font-size: 10px;
 margin-top: 4px;
 color: #3f3f3f;
}
.product-cat li a {
 color: #3f3f3f;
}
.product-cat li {
 padding: 10px 0;
 border-bottom: solid 1px #efefef;
 margin: 0 20px;
 text-align: left;
}
.product-btn i {
  color: #2c2c2c !important;
  padding: 0 30px;
}
/*-----------------Search pop up----------------*/
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  background: #fff;
  width: 100%;
}
.search-box input[type="search"]::placeholder{
  color: #fff;
}
.search-box input.search-field {
  border: none;
  padding: 6px 0;
  color: #fff;
  background: #232c2b;
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0;
  background: #232c2b; 
}
#slider img {
  width: 100%;
  opacity: 0.5;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image: none;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 8px 18px;
  color: #fff;
  border: 1px solid;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider .carousel-caption{
  top: 50%;
  transform: translateY(-50%); 
  left: 24%;
  right: 23%;
}
#slider .inner_carousel h1 {
  font-size: 50px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 3px;
}
#slider .inner_carousel h1 a{
  color:#fff;
}
#slider .inner_carousel p {
  line-height: 2;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
#slider .inner_carousel {
  text-align: center;
  color: #fff;
}
.more-btn {
  padding: 15px;
}
.more-btn a {
  color: #fff;
  padding: 12px 22px;
  background: #c5351f;
  font-weight: 800;
  font-size: 13px
}
.more-btn span{
  border: 2px solid;
  padding: 12px 4px 16px 5px;
}
/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

/* about Section */
#about {
  padding: 3% 0;
}
#about h2 {
  color: #232c2b;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#about h3 {
  font-size: 15px;
  font-weight: 700;
  color: #232c2b;
  padding-top: 0;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#about p {
  color: #666;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  text-align: left;
}
.abt-image img {
  margin-left: -19px;
  margin-bottom: -19px;
  margin-top: 17px;
  width: 100%;
}
.abt-image {
  border: 7px solid #cecccc;
  margin: 13px;
  margin-bottom: 36px;
}
#about span a {
  float: right;
  font-size: 11px;
  font-weight: 700;
  margin-top: -30px;
}
#about .right-part, 
#about .left-part {
  margin-bottom: 40px;
}
#about .abt-img-box {
  text-align: center;
}
.border-image {
  text-align: center;
  margin-bottom: 3%;
}

.border-image i {
  padding: 7px;
  position: absolute;
  margin-top: -18px;
  background: #fff;
  color: #c5351f;
  font-size: 18px;
  margin-left: -1%;
}
.description p {
  text-align: center;
  color: #232c2b;
  padding: 0 13%;
}
/* Homepage */
.post-info {
  padding: 6px;
  font-size: 15px;
  text-align: left;
  background: #c5351f;
}
.post-info i {
  color: #fff;
}
.post-info a:focus,
.copyright a:focus,
.more-btn a:focus,
.header a:focus, .header input:focus,
.footerinner a:focus{
  outline-color: #fff;
}
.post-info span {
  margin-left: 1%;
  margin-right: 1%;
  color: #fff;
}
.blogbtn a {
  color: #fff;
  background: #c5351f;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.3px;
  padding: 10px 20px;
}
.blogbtn a:hover{
  background: #1b1b1b;
  color: #fff;
}
.blogbtn {
  margin-top: 3%;
}
.mainimage{
overflow: hidden;
}
.innerlightbox {
  padding-top: 4%;
}
#blog_post small{
	color:#6d6d6d;
	margin:0 0 20px 0;
}
#blog_post .small-button{
	margin-top:30px;
}
#blog_post .page-box,.postbox{
	color:rgba(74, 69, 69, 0.75);
	padding:15px;
	margin: 0 0 4% 0;
	box-shadow: 0 0 15px 3px #bbb;
}
#blog_post .page-box p{
	font-size:15px;
	margin:0;
	line-height: 25px;
}
#blog_post .box-image{
	margin:0;
}
#blog_post .services-box{
	margin:40px 0 20px 0;
}
img.alignnone.wp-image-755.size-large {
  width: 100%;	
}

/* Footer Section */
.footerinner {
  width: 100%;
}
#footer{
	background: #232c2b;
	color:#fff;
	padding:0;
	text-align:left;
  clear:both;
}
#footer h3 {
  text-align: left;
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  padding-top: 25px;
}
#footer a.rsswidget{
  color: #fff;
}
#footer p {
  font-size: 16px;
  margin: 0;
  color:#fff;
}
.copyright.text-center p {
  color: #fff;
}
#footer .news-form{
	margin-top:24px;
}
#footer input[type="text"]{
  width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"]{
  width:35%;
	padding:11px 2%;
	float:right;
	border:none;
	background:#c5351f;
	margin:0;
}
#footer .search-field {
  width: 100%;
  padding: 10px 5px;
}
#footer label {
  width: 60%;
  float: left;
}
#footer form.search-form{
	text-align: left;
}
.copyright a {
  color: #fff;
}
.inner{
  background: #c5351f;
  padding: 16px;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  font-size: 14px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 15px;
}
.footerinner ul li a:hover{
  color: #c5351f;
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
.footerinner .tagcloud a{
 	border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.footerinner .tagcloud a:hover{
  background: #c5351f;
}

/* Woocommerce */
.woocommerce a.button:focus{
  outline-color: #000;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  max-width: 100%;
}
.woocommerce-message::before{
  color: #c5351f;
}
.woocommerce-message{
  border-color: #c5351f;
}
.woocommerce #sidebar {
  margin: 10% 0;
}
select.orderby {
  padding: 10px;
}
span.posted_in {
  display: block;
}
.woocommerce div.product p {
  line-height: 1.5;
  font-size: 16px;
}
.woocommerce span.onsale{
  background: #c5351f;
  padding: 0;
}
#featured-product .products li {
  padding: 10px !important;
  width: 23% !important;
  text-align: center;
  margin: 0px 2% 2.992em 0 !important;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 500;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a,
a.woocommerce-privacy-policy-link {
  color: #000;
}
.woocommerce form .form-row .required{
  color:#df0000;
}
.woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled{
  color: #fff !important;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.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: #c5351f;
  color: #fff;
  border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #c5351f;
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}



/* Comments BOX */
#comments{
	margin-top:15px;
}
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding:25px 0 0 0;
}
#comments h3.comment-reply-title{
	font-size:20px;
	font-weight:bold;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
	padding:12px 10px;
	font-size:18px;
	margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
	background: #c5351f ;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0 0;
	border:none;
}
#comments a.comment-reply-link{
	color:#fff;
	background:#c5351f;
	padding:5px 15px;
}
#comments a.comment-reply-link:hover,
#comments input[type="submit"].submit:hover{
	background: #232c2b;
  color: #fff;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#wrapper #comments ol li{
	background:none;
	margin: 0 0 20px;
}
.comment-body{
  background: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	text-align:right;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
.comment-author.vcard img {
  margin-right: 10px;
}
#comments .comment-content{
	margin-left:7%;
}
#comments p {
  color: #121212;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
.comment-meta.commentmetadata a{
  color: #c5351f;
}

/* Sidebar */
#sidebar aside {
  border: 1px solid #eeeeee;
  box-shadow: 2px 2px #c5351f;
}
#sidebar .widget {
    padding: 10px;
}

#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar h3 {
  margin: 0 0 5px;
  text-align: left;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  color: #c5351f;
  border-bottom: 1px solid;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border:none;
	font-size:15px;
	color:#000;
	font-weight: normal;
	width:100%;
  margin: 0;
  background: #fff;
}
#sidebar label{
	width:70%;
	float:left;
	margin-bottom: 0px; 
}
#sidebar input[type="submit"]{
  background: #c5351f;
  border: none;
  color: #fff;
  padding: 11px 0;
  width: 30%;
  font-size: 12px;
  font-weight: normal;
  float: left;
  margin: 0;
  border-radius: 0;
}
#sidebar aside,
#wrapper {
  margin-bottom: 30px;
} 
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li {
  padding: 8px 0;
  font-size: 13px;
  border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
  font-size: 14px;
  color: #242424;    
  font-weight: bold;
}
#sidebar ul li a:hover{
	color:#c5351f;
}
#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:#c5351f;
	color: #fff;
}

/* Page */
iframe {
  width: 100%;
}
.notfound {
  padding: 2% 0;
}
.notfound h1{
  font-weight: bold;
}
.notfound p{
  line-height: 1.5;
  margin-bottom: 10px;
}
.read-moresec {
  margin: 20px 0px 0;
}
.title-box h1{  
  font-weight:bold;
  text-transform:uppercase;
}
.single .title-box{
	background-size:100% auto;
}
#wrapper {
  padding: 15px;
}
#wrapper h1 {
  padding: 5px 0;
  font-weight: bold;
  margin: 10px 0;
  color: #1b1b1b;
}
#wrapper p{
	line-height: 1.7;
  font-size: 15px;
  margin-top: 10px;
}
#wrapper hr{
	border:none;
	border-bottom:1px solid #e4e4e4;
	margin:15px 0;
	clear:both;
}
#wrapper h2{
	font-size:40px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h3{
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h4{
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#333;
	margin:0 0 25px;
}
#wrapper ul{
	margin:0 0 0 10px;
	font-size:16px;
}
#wrapper ul li{
	line-height:25px;
}
#wrapper ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
#wrapper ol li{
	padding:0 0 0 0;
}

/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
} 
.pagination span,
.pagination a {
	display:block;
  float:left;
  margin: 2px 5px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#242424;
  border: 1px solid #1b1b1b;
  -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;
} 
.pagination a:hover{
	color:#fff;
  background: #1b1b1b;
} 
.pagination .current {
  padding: 10px 15px;
  color: #fff;
  background: #c5351f;
  border: 1px solid #1b1b1b;
}

/* ------------Navigation Links------------*/
.nav-links{
  margin: 10px 0;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.nav-previous i{
  margin-right: 6px;
}
.nav-next i{
  margin-left: 6px;
}
.nav-next{
  float: left;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.meta-nav {
  clear: both;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  padding: 6px 10px;
  background: #c5351f;
}
span.post-title {
  font-size: 20px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: #c5351f;
}
.tags {
  margin-top: 15px;
}
.tags a {
  font-size: 15px;
  color: #666;
  padding: 6px 10px;
  margin-right: 10px;
  border:1px solid;
}
.tags a:hover{
  background: #c5351f;
  color: #fff;
  border-color:#c5351f;
}
.tags a:hover i{
  color: #fff;
}
.tags a i{
  font-size: 12px;
  margin-right: 5px;
  color: #c5351f;
}
.entry-content{
  margin: 20px 0;
}
.entry-content p a,
.entry-content li a,
.comment p a,
#sidebar .textwidget p a{
  text-decoration: underline;
}
#footer .textwidget p a{
  color: #fff;
  text-decoration: underline;
}

.entry-audio audio {
  width: 100%;
}

/* Media Css*/
@media screen and (max-width: 1000px){
  .sf-arrows .sf-with-ul:after{
    top: 5px;
  }
  .social-media{
    text-align: center;
  }
  .sf-arrows .sf-with-ul{
    padding: 10px;
  }
  .nav-menu .nav ul li a:focus,
  a.closebtn.responsive-menu:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    top: 0;
    cursor: pointer;
    padding: 12px;
    z-index: 999999;
    text-align: left;
    font-size: 20px;
    background: #000;
    border-bottom: 1px solid #333;
  }
  .toggle-menu button:focus{
    outline: none;
  }
  .nav-menu ul ul a:hover{
    background: none !important;
  }
  .nav-menu ul ul a{
    color: #fff;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
    margin-right: 10px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
  }
  .side-nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    right: 0;
    overflow-y: scroll;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    font-size: 18px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .side-nav .closebtn i{
    margin: 15px;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  .toggle-menu{
    display: block;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .nav-menu .nav ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #ffffff;
    border: none;
    text-align: left;
    border-bottom: 1px solid #333;
    background: none !important;
  }
  .sf-arrows .sf-with-ul:after{
    right: 20px;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #333;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav ul li ul li a:before{
    content:"__";
    padding-right: 10px;
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .nav-menu ul ul{
    position: static;
    width: 100%;
    background: none;
    border:none;
  }
  .nav-menu li{
    padding: 0;
    display: block;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 1px dotted #fff;
  }
  .nav-menu ul li a:hover{
    color: #fff !important;
    border-left: 4px solid #fff;
  }
  #header .nav ul li:after{
    display: none;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
  .social-media,
  .more-btn, #about .right-part, #about .left-part{
    text-align: center;
  }
  .page-template-custom-front-page .top-header{
    background: none;
  }
  #about .right-part, #about .left-part{
    margin-bottom: 20px;
  }
  .search-box{
    border-top: 1px solid #fff;
    margin-left: 15px;
    padding-bottom: 0;
  }
  #slider .inner_carousel p,
  #slider .inner_carousel h1{
    display: none;
  }
  .conatct-font{
    padding-right: 15px;
    text-align: right;
  }
	ol.children {
    margin: 0 !important;
	}
	ol.children img {
    width: 30px;
    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	#wrapper #comments ol li{
		padding:0 !important;
	}
	#wrapper h2 {
    font-size: 30px !important;
	}
  hr.hr-border {
    width: 35%;
    margin: 0 32%;
  }
  .border-image i{
    margin-left: -4%;
  }
  .social-media{
    width: 75%;
  }
  form.woocommerce-product-search button[type="submit"]{
    padding: 10px 42px;
  }
  span.cart_no a img {
    padding: 35px 47%;
  }
  span.cart-value{
    right: 45%;
  }
  .account {
    padding: 10px;
  }
  .account {
    padding: 10px;
    margin: 0;
    text-align: center;
  }
  button.product-btn{
    border-top: 1px solid #878787;
    border-left: none;
  }
  .welcome p,
  .logo{
    text-align: center;
  }
  form.woocommerce-product-search button[type="submit"]{
    left: 16px;
  }
  .social-media{
    display: block;
    text-align: center;
    width: 100%;
    padding-right: 15px;
  }
  #about h2{
    font-size: 20px;
  }
  .page-template-custom-front-page .header{
    position: relative;
    background: #c5351f;
  }
  .header{
    background: #232c2b;
  }
  .header input[type="submit"]{
    left: 0;
  }
  #header .nav ul li:after{
    display: none;
  }
  #about span a{
    float: none;
  }
  #about p{
    margin-bottom: 5px;
  }
  .page-template-custom-front-page .welcome p{
    color: #fff;
  }
  #about h3,
  #about p{
    text-align: center;
  }
  #about h3{
    padding: 10px;
  }
}
@media screen and (min-width:720px){
  #header .nav ul.sub-menu li:after,
  #header .nav ul.children li:after{
    content: none;
  }
}
@media screen and (min-width: 720px) and (max-width:768px){
  .page-template-custom-front-page .header{
    position: static;
    background:#232c2b;
  }
  #slider .inner_carousel h1{
    font-size: 35px;
    letter-spacing: 1px;
  }
  #slider .carousel-caption{
    left: 15%;
    right: 15%;
  }
  .page-template-custom-front-page .top-header{
    border-bottom: 1px solid #fff;
  }
  #header .nav ul li:after{
    top: -10px;
    right: -16px;
  }
  .contact-details{
    padding: 15px 0;
  }
  .contact-details p{
    font-size: 12px;
  }
  #slider .more-btn a{
    padding: 10px;
  }
  .woocommerce .products ul, .woocommerce ul.products {
    padding: 0 13% !important;
  }
  .border-image i{
    margin-left: -2%;
  }
  .social-media a{
    padding: 7px;
  }
  .more-btn span{
    padding: 12px 4px 14px;
  }
  #sidebar input[type="submit"] {
    padding: 14px 0;
    font-size: 9px;
  }
  #footer input[type="submit"] {
    padding: 15px 2%;
    font-size: 11px;
  }
  .product-cat{
    width: 150px;
  }
  span.cart-value{
    right: 7px;
  }
  #about span a{
    margin-top: -17px;
  }
  #slider .inner_carousel p{
    display: none;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {	
  span.cart-value{
    right: 25px;
  }
  #slider .inner_carousel h1{
    font-size: 36px;
  }
  #slider .inner_carousel p{
    line-height: 1.5;
  }
  #about span a{
    margin-top: -18px;
  }
}