/*
Theme Name: U-Rock Business Template
Author: MS Rahman
Author URI: https://web.facebook.com/msrahman.zero
Version: 1.0
Description: U-Rock multipurpose business template.
Tags: Business,Blog
*/
/*
 *
 *                        	Copyright (C) U-Rock Network
 *
 *							Designed By Kevin Timothy
 *							 Developed By MS Rahman
 *     
 */
.first-header{
	width:100%;
}
.second-header-bg{
	background:#0ea850;
}
.navbar{
	padding:0;
}
.navbar-brand{
	padding:20px 0;
}
.navbar-brand h1{
	color:#FFF;
	font-size:24px;
	margin-top:-15px;
	margin-bottom:0;
	text-transform:uppercase;
	padding:0;
}
.navbar-brand p{
	color:#F0F0F0;
	font-size:13px;
	padding:0;
	margin-bottom:-10px;
}
.bn-logo{
	width:180px !important;
	height:30px !important;
}
.navbar-text{
    font-size: 18px;
    font-family: Verdana;
	margin-top:10px;
}
.fa-color {
    margin: 0 5px;
    font-size: 18px !important;
}
/*Menu*/
.social {
    margin-top: 20px;
	padding:0;
}
.social li {
    list-style: none;
    float: left;
}
.navbar-toggler{
	margin-bottom:5px;
}
/*Search*/
.btn-outline-success{
	color:#FFFFFF;
}
.btn-outline-success:hover{
	color:#0ea850;
}
.bn-search{
	width:73%;
	border:none;
	border-radius:0;
}
.bn-btn{
	border:none;
	border-radius:0;
	margin-left:5px;
}
/*Ad*/
.header-ad{
	margin: 10px 0 10px auto;
}
.header-ad img{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}
/*Slider*/
.slider{
	width:100%;
	margin:10px auto;
}
.carousel-item .img-fluid {
  width:100%;
  height:100%;
}
.carousel-item img{
	width:100%;
}
.carousel-caption p a{
	color:#0EA850;
}
/*Services*/
.services{
	width:100%;
	display:block;
	margin:30px auto 30px auto;
}
.single-service{
	margin:10px 0;
}
.services h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
}
.services h1:before{
	content:'\2190';
}
.services h1:after{
	content:'\2192';
}
.services h2{
	text-align:center;
	font-family:verdana;
	font-size:20px;
}
.services p{
	text-align:center;
	font-family:verdana;
	font-size:14px;
	margin:5px 0;
}
.services img{
	width: 100%;
	height:auto;
	border:2px solid #eee;
	padding:10px;
}
/*Recent Work*/
.recent-work{
	width:100%;
	display:block;
	margin:0 auto 30px auto;
}
.single-recent-work{
	margin:10px 0;
}
.recent-work h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
}
.recent-work h1:before{
	content:'\2190';
}
.recent-work h1:after{
	content:'\2192';
}
.recent-work h2{
	text-align:center;
	font-family:verdana;
	font-size:20px;
}
.recent-work p{
	text-align:center;
	font-family:verdana;
	font-size:14px;
	margin:5px 0;
}
.recent-work img{
	width: 100%;
	height:auto;
	border:2px solid #eee;
	padding:10px;
}
/*Reviews*/
.reviews{
	width:100%;
	display:block;
	margin:0 auto 30px auto;
}
.single-review{
	margin:10px 0;
}
.reviews h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
}
.reviews h1:before{
	content:'\2190';
}
.reviews h1:after{
	content:'\2192';
}
.reviews h2{
	text-align:center;
	font-family:verdana;
	font-size:20px;
}
.reviews p{
	text-align:center;
	font-family:verdana;
	font-size:14px;
	margin:5px 0;
}
.reviews img{
	width: 100%;
	height:auto;
	border:2px solid #eee;
	border-radius:100%;
	padding:10px;
}
/*Team*/
.team{
	width:100%;
	display:block;
	margin:0 auto 30px auto;
}
.single-team{
	margin:10px 0;
}
.team h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
}
.team h1:before{
	content:'\2190';
}
.team h1:after{
	content:'\2192';
}
.team h2{
	text-align:center;
	font-family:verdana;
	font-size:20px;
}
.team h3{
	text-align:center;
	font-family:verdana;
	font-size:16px;
}
.team p{
	text-align:center;
	font-family:verdana;
	font-size:14px;
	margin:5px 0;
}
.team img{
	width: 100%;
	height:auto;
	border:2px solid #eee;
	border-radius:100%;
	padding:10px;
}
/*Mobile Device*/
@media only screen and (max-width:768px){
.services h1,.recent-work h1,.reviews h1,.team h1{
	font-size:24px;
	padding:5px 0;
}
}
/*Ad*/
.footer-ad{
	margin: 10px auto 50px auto;
}
.footer-ad img{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}
@media only screen and (max-width:768px){
	.footer-ad{
		margin:10px auto;
	}
}
/*Footer*/
.footer-bg{
	padding:10px 0;
}
.single-footer{
	margin:10px 0;
}
.single-footer h2 {
    text-align: left;
    text-transform: uppercase;
	font-size:24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.single-footer ul{
	list-style:none;
	padding:0;
}
.single-footer li{
	list-style:none;
}
/*Copyright*/
.copyright{
	padding:20px 0;
}
.copyright p{
	text-align:center;
	padding:0 15px;
}
/*Content*/
.content{
	display:block;
}
.main_content{
	padding:10px;
	border:1px dashed #ddd;
	margin-bottom:10px;
	overflow:hidden;
	background:#FFFFFF;
}
.main_content:first-child{
	margin-top:15px;
}
.main_content:last-child{
	padding-bottom:20px;
	margin-bottom:15px;
}
.main_content img{
	float:left;
	width:260px;
	height:180px;
	border:1px solid #ddd;
	padding:5px;
	border-radius:5px;
	margin-right:10px;
}
.feed-summery h3{
	font-size:15px;
	font-weight:bold;
}
/*Mobile Device*/
@media only screen and (max-width:991px){
	.content{
		margin-bottom:10px;
	}
	.main_content img{
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
}
/*Single Content*/
.single_content{
	padding:10px;
}
.single_content img{
	width:100%;
	height:auto;
	margin:10px auto;
	border:1px solid #ddd;
	padding:5px;
	border-radius:5px;
}
.single_content h3{
	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
}
/*Author*/
.author{
	padding:15px;
}
.author img{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display:block;
	margin:0 auto;
}
.post_by{
	background:#0EA850;
	color:#FFFFFF;
	padding:5px;
}
.author_post_title{
	font-size:24px;
}
.author ul{
	list-style:none;
	padding:0;
}
.author ul li{
	margin-bottom: 10px;
	background: #FFFFFF;
	padding: 10px;
	border:1px dashed #DDD;
}
/*Business Pagination*/
.business_pagination{
	display:block;
	float:right;
}
.business_pagination ul li{
	border:1px transparent;
	width:auto;
	display:inline-block;
	padding: 5px 10px;
	background:#FFFFFF;
}
.business_pagination_active{
	background:#0EA850 !important;
}
.business_pagination_active a{
	color:#FFFFFF !important;
}
/*Sidebar*/
.sidebar{
	padding:15px;
	list-style:none;
}
.sidebar #wp-calendar{
	width:100%;
}
.sidebar h2{
	padding: 3px 5px;
}
.main_sidebar{
	background:#FFF;
	padding:10px;
	
}
.sidebar .widget{
	margin-bottom:30px;
}
.sidebar img{
	width:95%;
	height:auto;
}
.sidebar #cat{
	width:100%;
}
.sidebar ul{
	list-style:none;
	padding:0;
}
.widget_search input{
	float:left;
	border:1px solid #ddd;
	margin-bottom:5px;
}
.btn.btn-outline-success.my-2.my-sm-0.bn-btn{
	display:block;
}
/*Page*/
.special_page_title{
	margin-top:10px;
	padding:3px 10px;
}
.full_width_page{
	padding:10px 20px;
}
.full_width_page img{
	margin: 10px auto;
	float: none;
	overflow: hidden;
	display: block;
	width: 50%;
	height: auto;
}
.page_with_sidebar img{
	margin: 10px auto;
	float: none;
	overflow: hidden;
	display: block;
	width: 100%;
	height: auto;
}
@media only screen and (max-width:991px){
	.full_width_page img{
		width:100%;
	}
}
@media only screen and (max-width:768px){
	.sidebar{
		margin:0px auto 0 auto;
	}
}
/*Comments*/
.comments_template{
	margin-top:20px;
}
.logged-in-as a{
    display: inline-block;
    margin-bottom: 10px;
}
.comment-author.vcard{
	margin-bottom:10px;
}
.comment-author.vcard img{
	width:40px;
	height:40px;
	padding:2px;
	border-radius:100%;
}
.comment-meta.commentmetadata{
	margin-bottom:10px;
}
.reply{
	margin:5px 0;
}
.reply a{
	color:#0074aa;
}
h3#comments{
	margin-bottom:10px;
	color: #999;
    font-family: verdana;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
	font-family: verdana;
}
p.comment-notes{
	color: #888;
	margin-bottom:10px;
	font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}
textarea#comment{
	width:100%;
}
h3#reply-title{
	color: #444;
    font-size: 15px;
    margin-bottom: 10px;
}
textarea#comment{
	 border: 1px solid #ddd;
	 margin-bottom: 20px;
	 padding:5px;
}
label[for="author"],label[for="email"],label[for="url"]{
	color: #444;
    display: block;
    margin-bottom: 5px;
}
input#author,input#email,input#url{
	border: 1px solid #ddd;
    height: 30px;
    margin-bottom: 5px;
    padding: 0 5px;
    width:100%;
}
input[type="submit"]{
	border: 1px solid #ddd;
    border-radius: 4px;
    height: 30px;
    padding: 0 20px;
	float:right;
	margin-top:20px;
	cursor:pointer;
	background: #0EA850;
	color:#FFF;
}
input[type="submit"]:hover{
	background: #0EB850;
}
label[for="comment"]{
	display:none;
}
/*Move to top*/
.topbutton {
height:50px;
width:50px;
position:fixed;
right:5px;
bottom:5px;
z-index:1;
background-repeat:no-repeat;
display:none;
}
.svg-inline--fa.fa-arrow-alt-circle-up.fa-w-16.movetotop {
    width: 30px;
    height: 30px;
}
/*Breadcrumb*/
.breadcrumb {
    padding: 8px 15px;
    margin-top: 10px !important;
    margin-bottom: 10px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
	width:100%;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}
#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}
  
#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}
/*WooCommerce*/
.woocommerce-MyAccount-content{
	width:64% !important;
}
@media only screen and (max-width:768px){
	.woocommerce-MyAccount-content{
	width:100% !important;
}
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
	border:1px solid #ddd;
	height:30px;
	padding:5px
}

.woocommerce-Addresses .col-1{
	max-width: 41.1764705882% !important;
	float: left;
    margin-right: 4.8823529412%;
}
.woocommerce-Addresses .col-2 {
    max-width: 52.9411764706% !important;
    float: right;
    margin-right: 0;
}
.woocommerce-Addresses h3{
	font-size:20px;
}

.col2-set .col-1,.woocommerce .col2-set .col-1{
    max-width: 100% !important;
    float: none;
    margin-right: 0%;
}
.col2-set .col-2,.woocommerce .col2-set .col-2{
    max-width: 100% !important;
    float: none;
    margin-right: 0;
    clear: right;
}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{
	width: 100% !important;
	margin-right: 0;
	float: none;
}

#order_review{
	width: 100% !important;
	margin-right: 0;
	float: none;
}
#order_review_heading{
	float:none;
	margin:0 auto;
 }
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
    width: 100%;
    display: block;
    float: left;
}
.woocommerce ul.order_details li{
    margin-right: 0em !important;
    padding-right: 0em !important;
    padding-left: 0em !important;
	width:50% !important;
	border:1px dashed !important;
	text-align:center;
	min-height:100px;
}
.woocommerce ul{
	padding:0;
}
.woocommerce-bacs-bank-details {
	width:100%;
    float: left;
}
.wc-bacs-bank-details.order_details.bacs_details {
    float: left;
	width:100%;
}
.woocommerce .wc-bacs-bank-details-account-name{
	margin-bottom:20px;
}
.woocommerce-loop-product__title{
	font-weight:bold !important;
}
.woocommerce ul.products li.product .price{
	color:#FFF !important;
	font-weight:bold !important;
	padding:5px;
	border-radius:5px;
}
/*Products*/
.woocommerce-ordering {
    margin-bottom: 20px;
    margin-left: 10px;
}
.page_with_sidebar ul{
	padding:0;
}
.woocommerce div.product div.images{
	width:46% !important;
}
@media only screen and (max-width:850px){
	.woocommerce div.product div.images{
	width:100% !important;
	}
}
.woocommerce .quantity .qty {
    border: 1px solid #ddd;
    padding: 5px;
}
.woocommerce-Price-amount.amount{
	background:#0EA850 !important;
	font-weight:bold !important;
	padding:5px;
	border-radius:5px;
	display:block;
	text-align:center;
	margin-bottom:5px;
	margin-top:5px;
}
.woocommerce ul.product_list_widget li a{
	margin-bottom:5px;
}
.woocommerce-product-gallery__trigger{
	background:#0EA850 !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after{
	background:#FFF !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before{
	border:2px solid #FFF !important;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{
	width:60px !important;
	height:60px !important;
	border:1px solid #ddd;
	padding:4px;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li img{
	width:100%;
	height:100%;
}
#coupon_code {
    padding: 6px;
    width: 50%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
	border-bottom: 1px transparent !important;
}