/*
Theme Name: Multipurpose Portfolio
Theme URI: https://www.themesglance.com/themes/free-wordpress-portfolio-themes/
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Multipurpose portfolio theme is available in the market and is highly suitable for digital agencies as well as creative portfolios. It is also good for the illustrators, content creator and design studios. If you are interested in a portfolio business, this is a good choice for you and you can easily make the corporate a well as personal websites. This theme is known for its perfection because of the trendy as well as lovely looks and all your works can be showcased online in a very professional and well organised way. This theme perfectly suits the graphic designers, digital agencies, web designers and for any purpose related to art. This is a theme of multipurpose category and you can find multiple unique layouts.  If you are interested in buying this in a package, you will get multiple unique demos and besides this,  It is user friendly with the personalization options and comprises of multiple layout options. It is SEO friendly and comes with a secure and clean code. Multipurpose portfolio WP theme has some very crucial features like the styling options and the call to action button [CTA]. demo: https://themesglance.com/multipurpose-portfolio-pro/
Version: 0.2.2
License: GNU General Public License
License URI: license.txt
Text Domain: multipurpose-portfolio
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, post-formats, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce
Multipurpose Portfolio WordPress Theme has been created by Themesglance(themesglance.com), 2019.
Multipurpose Portfolio 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;
	color:#000;
  letter-spacing: 1px;
  font-weight: 500;
  font-family: 'Staatliches', cursive;
}
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;
  font-weight: normal;
  color: #999aa7;
	line-height: 1.7;
  letter-spacing: 1px;
  font-family: 'Roboto', sans-serif;
}
a{
	text-decoration:none;
	color: #f47bcf;
}
a:hover{
	text-decoration:none;
	color: #f47bcf;
}
a:focus,
a:hover{
	text-decoration:none !important;
}
a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #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{
	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: 16px;
  padding: 10px 18px;
  background: #f47bcf;
  font-weight: 500;
  color: #fff;
  margin: 0 10px;
}
input[type="submit"]:hover{
	background:#484949;
}
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;
}
.widget_calendar td,
.widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1em;
  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: #202020;
  -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:#fff;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 30px;
	font-weight:bold;
}	
a.button:hover{
  background:#202020;
}
/* ---------HEADER--------- */
.logo h1 {
  font-size: 25px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
}
.logo h1 a{
  color: #fff;
}
.logo p{
  color: #fff;
  margin:0;
  font-size: 14px;
  letter-spacing: 0;
}
.logo{
  padding: 20px;
  position: relative;
  left: 30px;
  top: -6px;
  z-index: 99;
  -webkit-clip-path: polygon(0 0, 88% 0%, 100% 100%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 88% 0%, 100% 100%, 100% 100%, 0% 100%);
  background: #f47bcf;
  -webkit-clip-path: polygon(0 0, 88% 0%, 100% 100%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 88% 0%, 100% 100%, 100% 100%, 0% 100%);
  border-top-left-radius: 4px;
}
.page-template-custom-front-page #header {
  position: absolute;
  width: 100%;
  z-index: 999;
  background: transparent;
}
#header {
  background: #efefef;
}
.after-logo {
  background: #fff;
  margin: 15px 0;
  padding: 6px 6px 6px 10px;
}
.search-box {
  margin: 20px 0;
  text-align: center;
}
.search-box i{
  padding: 0 10px;
  color: #f47bcf;
}
.top-bar {
  position: relative;
  top: 20px;
}
.call{
  border-right: 1px solid #aaa;
  text-align: center;
}
.call i,
.mail i{
  padding-right: 10px;
  color: #6c6e83;
}
.call p,
.mail p{
  font-weight: 500;
  color: #6c6e83;
  font-size: 14px;
  letter-spacing: 0;
}
.social-icon i {
  color: #6c6e83;
  font-size: 15px;
  padding: 6px 15px;
  border-left: 1px solid #aaa;
}
.social-icon i:hover {
  color: #f47bcf;
}
.social-icon {
  text-align: right;
}

/*
.call {
  margin-top: 30px;
  color: #fff;
  font-size: 25px;
}

.page-template-custom-front-page .top-bar {
  position: absolute;
  width: 100%;
  z-index: 999;
  background: transparent;
  padding: 0;
}
.top-bar{
  background-color: #202020;
  padding-bottom: 10px;
}
.top-bar .logo{
  padding: 12px 0 30px; 
  margin: 0 50px;
  background: #f47bcf;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.top-bar .logo h1 {
  padding: 0;
}
.top-bar .logo h1 a {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.top-bar .logo p{
  margin: 0;
  color: #fff;
}

#header {
  background: #d3d5d6;
}
span.cart-value {
  position: absolute;
  top: 28px;
  color: #202020;
  font-weight: bold;
  background: #fff;
  right: 5px;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 50%;
}
li.cart_box {
  list-style: none;
}
.cart_no{
  float: right;
}
span.cart_no a img {
  padding: 30px 0;
}*/
#header .nav{
  padding: 6px 0;
}
#header .nav ul {
	font-size:14px;
	text-transform: uppercase;
  margin: 0;
}
#header .nav ul li{
	display:inline-block;	
	margin:0;
	position:relative;
}
#header .nav ul li a:hover{
  color: #f47bcf;
}
#header .nav ul li a{
	color: #202020;
  padding: 15px;
  display: block;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 15px;
}
#header .nav ul li:hover > ul li:hover{
	background: #fff;
}
#header .nav ul li:hover > ul li:hover > a:hover{
  color: #fff;
  background: #202020;
}
/*-----------------Search pop up----------------*/
.serach_inner input.search-field {
  width: 100%;
  padding: 10px;
  background: transparent;
}
.serach_inner label {
  width: 80%;
}
.serach_outer {
 position: fixed;
 width: 100%;
 height: 100%;
 overflow: hidden;
 transition: 0.5s;
 z-index: 999;
 top: 0;
 left: 0;
 background-color: rgba(72, 73, 73, 0.8);
 display: none;
}
.serach_inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.closepop {
 position: absolute;
 top: 20%;
 transform: translateY(-50%);
 width: 100%;
 right: 0;
 text-align: right;
 margin-right: 28px;
}
.serach_outer i {
 font-size: 24px;
 padding: 4px 0 0 0;
 color: #bbb;
 cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach_inner form.search-form {
 display: table;
 border: 1px solid #bababf;
 padding: 14px 20px;
 border-radius: 0;
 background: #ffffff;
 margin: 0 auto;
 max-width: 700px;
 width: 100%;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
  border: none;
  border: 1px solid #f47bcf;
  padding: 9px;
  background: #fff;
  color: #f47bcf;
  width: 95%;
}

/*-----------Banner--------*/
#banner{ 
  max-width:100%;
  margin:auto; 
  padding:0;
  background: #fff;
  position: relative;
}
#banner img {
  width: 100%;
  opacity: 0.4;
}
#banner .inner_carousel h2 {
  font-weight: 500;
  color: #202020;
  font-size: 55px;
  text-transform: capitalize;
  letter-spacing: 3px;
}
#banner .inner_carousel p{
  color: #202020;
}
#banner .banner-box {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: 9%;
  width: 50%;
  float: left;
}
.read-more a:hover {
  color: #fff;
  background: #202020;
}
.read-more a{
  font-size: 16px;
  padding: 15px 25px;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  background: #f47bcf;
  letter-spacing: 1px;
}
.read-more {
  margin-top: 30px;
}
#banner  .social-media {
  float: right;
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-50%);
}
#banner .social-media i{
  display: block;
  width: 40px;
  height: 40px;
  color: #fff;
  margin: 10px 0;
  border-radius: 50%;
  padding:12px;
  line-height: 1;
}
#banner .social-media .fa-facebook-f {
  background: #3B5998;
  padding: 12px 15px;
}

#banner .social-media .fa-twitter {
  background: #55ACEE;
}

#banner .social-media .fa-google-plus-g {
  background: #dd4b39;
}
#banner .social-media .fa-pinterest-p {
  background: #cb2027;
  padding: 12px 14px;
}

#banner .social-media .fa-linkedin-in {
  background: #007bb5;
  padding: 12px 13px;
}

#banner .social-media .fa-youtube {
  background: #bb0000;
}

#banner .social-media .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  padding: 12px 14px;
}
/* ---------blog--------- */
.post-info{
  padding: 10px;
  color: #fff;
  background: #f47bcf;
}
.blog-sec h3 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #242424;
  letter-spacing: .40px;
}
.blog-sec h3 a {
  color: #f47bcf;
}
.blog-sec {
  margin-bottom: 4%;
  border: 1px solid #f47bcf;
  padding: 12px;
  background: #fff;
  text-align: center;
}
.blog-sec p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
}
h1.page-title,
h1.search-title {
  background: #f47bcf;
  margin-bottom: 3%;
  color: #fff;
  text-align: center;
}
/*-----------------Search----------------*/
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  width: 100%;
}
.search-box input[type="search"]::placeholder{
  color: #fff;
}
.search-box input.search-field {
  border: none;
  padding: 4px 0;
}

/* Our Services Section */
#services .service-content {
  margin: 30px 0;
}
#services {
  padding: 3% 0;
  text-align: center;
}
.service-content h4 a {
  text-transform: capitalize;
  color: #202020;
  font-size: 25px;
  font-weight: 500;
  padding: 6px 0;
  letter-spacing: 1px;
}
#services h3{
  text-transform: uppercase;
  color: #202020;
  font-size: 35px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 1px;
  padding: 10px 10px 10px 2.3em;
  background: url(images/service-head.png) no-repeat left center;
}
.service-content p {
  font-size: 14px;
  font-weight: 400;
}

/* Homepage */
.home-content {
  padding: 3% 0;
}
.blogbtn a {
  color: #fff;
  background: #f47bcf;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 10px 20px;
}
.blogbtn a:hover{
  background: #202020;
}
.blogbtn {
  margin: 2% 0;
}
.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%;
  background: #202020;
  padding: 2% 0;
}
.footerinner .widget {
  padding: 5% 0;
}
#footer{
	background: #fff;
	color:#fff;
	padding:0;
	text-align:left;
  clear:both;
}
#footer h3 {
  color: #f47bcf;
  text-transform: uppercase;
  font-size: 25px;
  padding: 0 0 10px 0;
  font-weight: 500;
  margin: 0 0 10px;
  letter-spacing: 2px;
  border-bottom: 1px solid;
}
#footer p {
  margin: 0;
  color: #fff;
}
.rssSummary{
  font-size: 15px;
}
#footer .copyright.text-center p {
  font-size: 16px;
  margin: 0;
  color: #fff;
  letter-spacing: 1px;
  /*font-family: 'Staatliches', cursive;*/
}
#footer .news-form{
	margin-top:24px;
}
#footer input[type="text"]{
  width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
  letter-spacing: 1px;
}
#footer input[type="submit"]{
  width:35%;
	padding:11px 2%;
	float:right;
	border:none;
	background:#f47bcf;
	margin:0;
  font-weight: 500;
}
#footer .search-field {
  width: 59%;
  padding: 10px 5px;
}
#footer label {
  display: inline;
}
#footer form.search-form{
	text-align: left;
}
.copyright a {
  color: #fff;
}
.inner {
  padding: 16px;
  background: #202020;
  border-top: 1px solid #f47bcf;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  font-size: 10px;
  letter-spacing: 1px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 13px;
}
.footerinner ul li a:hover{
  color: #fff;
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
/*.textwidget {
  padding: 15px;
}*/
.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: #f47bcf;
}

/* Woocommerce */
.woocommerce-message::before{
  color: #f47bcf;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce-message{
  border-color: #f47bcf;
}
.woocommerce-checkout #payment {
  background: #fff;
}
.woocommerce #sidebar {
  margin: 5% 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: #f47bcf;
  padding: 0;
  color: #fff;
}
.woocommerce-product-gallery__image {
  margin-bottom: 10px;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  font-weight: 500;
  letter-spacing: 1px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.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: #f47bcf;
  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: #202020;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #f47bcf;
  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;
  background: #fff;
  padding: 10px;
  border: 1px solid #f47bcf;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 25px !important;
}
.woocommerce ul.products li.product .price{
  font-size: 17px;
}

/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  background: #202020;
  color: #fff;
  padding: 5px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 13px;
}
.bradcrumbs a:hover{
	background:#999999;
}
.bradcrumbs span{
	background:#fff;
	color:#000;
	padding:5px 15px;
}

/* Comments BOX */

#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding:40px 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: #f47bcf;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:20px;
	border:none;
}
#comments input[type="submit"].submit:hover,
#comments a.comment-reply-link:hover{
  background: #202020;
  color: #fff;
}
#comments a.comment-reply-link{
	color:#000;
	background:#fff;
	padding:5px 15px;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#wrapper #comments ol.children li{
	list-style: none;
}
#wrapper #comments ol li{
	background:none;
	margin: 0 0 20px;
	padding: 20px;
	background:#eee;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	text-align: right;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
#comments .comment-metadata{
	width:90%;
	float:left;
}
#comments .comment-content{
	width:90%;
	float:left;
	margin-left:7%;
}
#comments p {
	width:90%;
	float:none;
}

/* Sidebar */
#sidebar .widget {
  padding: 10px;
  border: 1px solid #f47bcf;
}
#sidebar form{
 	display: table;
	width: 100%;
}
a.rsswidget{
  color: #fff;
}
#sidebar h3 {
  margin: 0 0 10px;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 5px;
  background: #f47bcf;
}
#sidebar input[type="search"] {
	padding:8px 10px;
	font-size:15px;
	color:#000;
	font-weight: normal;
	width:100%;
  background: #fff;
}
#sidebar label{
	width:70%;
	float:left;
	margin-bottom: 0px; 
}
#sidebar input[type="submit"]{
  background: #f47bcf;
  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;
  border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
  font-size: 14px;
  color: #202020; /*   
  font-weight: bold;*/
}
#sidebar ul li a:hover{
	color:#202020;
}
#sidebar .tagcloud a{
  border: 1px solid;
  background: #fff;
  color: #f47bcf;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
}
#sidebar .tagcloud a:hover{
  background: #f47bcf;
  color: #fff;
}

/* Page */
iframe {
  width: 100%;
}
.notfound {
  padding: 3% 0;
  text-align: center;
}
.title-box h1{  
  font-weight:bold;
  text-transform:uppercase;
  color: #f47bcf;
}
.single .title-box{
	background-size:100% auto;
}
#wrapper {
  padding: 15px;
}
.post-info i, .post-info span {
  padding-right: 10px;
}
#wrapper h1 {
  padding: 5px 0;
  font-weight: bold;
  margin: 10px 0;
  color: #f47bcf;
}
#wrapper p{
	line-height: 25px;
	font-size: 16px;
}
#wrapper hr{
	border:none;
	border-bottom:1px solid #e4e4e4;
	margin:35px 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;
}
.entry-audio audio {
    width: 100%;
}

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

/* ------------Navigation Links------------*/
.nav-next, .nav-previous {
  float: left;
  width: 50%;
}
span.meta-nav {
  clear: both;
  font-size: 18px;
  color: #000;
}
span.post-title {/*
  font-size: 20px;*/
  margin: 4%;
  font-weight: 400;
  line-height: 26px;
}

/* Media Css*/
@media screen and (max-width: 720px) and (min-width: 320px){
  .logo {    
    clip-path: none;
    margin-right: 15px;
  }
	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;
	}
  span.cart-value{
    right: 45%;
  }
  .logo{
    position: static;
    text-align: center;
  }
  #header .nav ul{
    margin: 0;
  }
  #header .nav ul li:after{
    display: none;
  }
  #header .top-bar,
  .social-icon,
  .call{
    text-align: center;
  }
  #banner .inner_carousel h2,
  #banner .inner_carousel p{
    display: none;
  }
  .page-template-custom-front-page #header {
    position: static;
    background: #202020;
    padding-bottom: 10px;
    width: 100%;
  }
  .top-bar{
    position: static;
    padding: 10px 0;
  }
  .call{
    border: none; 
  }
  .read-more{
    margin: 0;
  }
  .serach_inner label{
    width: 70%;
  }
}
@media screen and (min-width:720px){
	#header .nav ul li ul{
	 	display:none;
		z-index:2;
		font-weight:normal;
		margin: 0px;
	}
	#header .nav ul li:hover > ul{
	 	display:block;
		background: #fff;
		width:200px;
		position:absolute;
		top: 45px;
		left:0;
		text-align:left;
		z-index:99;
  }
	#header .nav ul li:hover > ul li{
		display:block;
	}
	#header .nav ul li:hover > ul li a{
		padding: 10px;
		color: #fff;
    background: #f47bcf;
    border-top: 2px solid #f47bcf;
	}
	#header .nav ul li:hover ul li ul{
	 	display:none;
	}
	#header .nav ul li:hover ul li:hover > ul{
	 	display:block;
		position:absolute;
		left: 200px;
		top:5px;
	}
	#header .nav ul.sub-menu{
		margin-top:5px;
	}
	#header .nav ul li a{
		color: #6c6e83;
    display: block;
	}
}
@media screen and (min-width: 720px) and (max-width:768px){
  .page-template-custom-front-page #header {
    position: static;
    background: #202020;
    padding-bottom: 10px;
    width: 100%;
  }
  .logo h1{
    font-size: 20px;
  }
  .top-bar {
    position: static;
    padding: 10px 0;
  }
  .social-icon i{
    padding: 6px 12px;
  }
  #banner .inner_carousel p{
    display: none;
  }
  #banner .carousel-caption{
    top: 40%;
  }
  #footer label{
    display: block;
  }
  #footer .search-field,
  #footer input[type="submit"]{
    width: 100%;
  }
}
@media screen and (max-width:720px) {
	.toggle{
 		display:block;
	}
	.toggle a {
    width: 100%;
    color: #fff;
    background: url(images/mobile_nav_right.png) no-repeat right center #f47bcf;
    padding: 10px 118px;
    font-size: 16px;
  }
	.nav{
	 	display:none;
	}
	#header .nav{
		float:none;
		margin:0;
		z-index:999;
		overflow-x:hidden;
		width: 100%;
	}
  .search-box{
    text-align: center;
  }
  #header .nav ul li a{
    padding: 15px;
  }
	#header .nav ul{
		margin-top:0;
		background-color: #202020;
	}
	#header .nav ul li{
		border-top:1px #303030 solid;
		display:block;
		float:none;
		text-align:left;
	}
	.nav ul li a{
		padding:5px 10px;
		display:block;
		color:#ffffff !important;
	}
	.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;
	}
  #services {
    padding: 6% 0;
  }
  #banner .banner-box{
    float: none;
    width: 100%;
    top: 40%;
    left: 0;
    text-align: center;
  }
  #banner .social-media{
    float: none;
    width: 100%;
    right: 0;
    top: 70%;
    text-align: center;
  }
  .after-logo{
    margin-left: 15px;
  }
  .social-icon i{
    padding: 6px 12px;
  }
  #banner .social-media i{
    display: inline-block;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  .social-icon i{
    padding: 6px 12px;
  }
  .logo h1{
    font-size: 20px;
  }
  .logo {
    padding: 15px;
    top: 3px;
  }
}