/*
Theme Name: Business Web
Theme URI: https://gracethemes.com/themes/bizweb-creative-wordpress-themes/
Author: Grace Themes
Author URI: https://www.gracethemes.com
Description: Business Web is a Creative WordPress Themes it is Perfect for multipurposes business. Business Web is 100% responsive pixel perfect WordPress theme which comprises of different page templates and widgets to help able to edit and handle the theme easily. It is translation ready and can be translated for any language. also it is compatible with many WordPress Popular Plugin. Check demo at: https://gracethemes.com/demo/business-web/

Version: pro 1.1
License: GNU General Public License version 3
License URI: license.txt
Text Domain: business-web
Tags:one-column,two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

Business Web WordPress Theme has been created by Grace Themes(gracethemes.com), 2016.
Business Web WordPress Theme is released under the terms of GNU GPL
*/

/* = Default css
-------------------------------------------------------------- */
*{ margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#ffffff; line-height:20px; color:#484F5E;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}
.left{float:left;}
.right{float:right;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:13px; margin-top:4px; margin-bottom:6px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-left:10px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}


section{ padding:50px 0;}
h2.section_title{ font-weight:400; font-size:30px; margin-bottom:45px;text-align:center; }
h2.section_title span{ border-bottom:1px solid #484F5E; padding-bottom:5px; display:inline-block; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
.container{ width:1100px; margin:0 auto; position:relative;}

/* = header css
-------------------------------------------------------------- */
.logo{float:left; padding:10px 0; text-align:right;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1100px;}
.logo h1{font-weight:600; margin:0px; line-height:22px;}
.header span.tagline{ font-size:13px;}
.logo a{ color:#000;}
.logo img{ height:55px; }
.header{width:100%; height:auto;  padding:0; z-index:999999; border-top:2px solid #5095CE;}

/*fixed header css*/
body .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:99;}
.fixed .header-inner .logo{ margin-top:13px !important;}
.header.fixed .signin_wrap{ display:none;}
.header.fixed{ box-shadow:0 0px 3px #333}
.header.fixed .logo{ padding:0;}

.sitewrapper .header.fixed{ width:100%;}
.boxlayout{ width:1140px; margin:0 auto; box-shadow:0 5px 10px #000; position:relative; }
.boxlayout .container, .boxlayout .header-inner{ padding:0 20px;}
.boxlayout .footer{ padding:40px 20px;}
.boxlayout .header.fixed{ width:auto;}

/* = Header menu css
-------------------------------------------------------------- */
.toggleMenu{display:none;}
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.header-nav{ padding:0; text-align:right; float:right;}
.header-nav ul { float:right; margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400;}
.header-nav ul li{display:inline-block; margin:0; position:relative; text-align:center;}
.header-nav ul li a{padding:30px 20px; display:block; color:#666666; border-top:1px solid transparent; }
.header-nav ul li a:hover, .header-nav ul li.current_page_item a { color:#5095CE; border-top:1px solid #5095CE; }

.header-nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header-nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left; border-top:1px solid #ccc;}


.header-nav ul li ul{display:none; z-index:9999999; position:relative;}
.header-nav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#fff;}
.header-nav ul li:hover ul li ul{display:none; position:relative;}
.header-nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}

/* = innerbanner css
-------------------------------------------------------------- */
.innerbanner{ text-align:center;}
.innerbanner img{ position: relative; background-size:cover; width:100%; }

/* = header top sign in  css
-------------------------------------------------------------- */
.signin_wrap{ background-color:#ede2d6; color:#413930; border-bottom:1px solid #E4E8ED; line-height:36px; font-size:14px; font-family: 'PT Sans', sans-serif; }

.signin_wrap .left span{ float:left; line-height:40px;  border-right:1px solid #E4E8ED; padding-right:8px;}
.signin_wrap .social-icons a{ border-right:1px solid #E4E8ED; margin-right:0;}
.signin_wrap .fa{ margin-right:5px;}
.signin_wrap .right{ text-align:right; line-height:40px;}
.right span.phno{  border-right:1px solid #d0d0d0; padding-right:10px; margin-right:5px;}
.signin_wrap .right .fa{ color:#34c6f6;}

/* = section first css
-------------------------------------------------------------- */
.fourbox{ padding:0; width:23.5%; float:left; margin:0 2% 0 0; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.fourbox:hover{ cursor:pointer;}
.fourbox p{ margin-bottom:20px; line-height:20px; }
.fourbox h3{ font-size:20px; font-weight:600; color:#404040; margin:0 0 25px;}
a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}
a.ReadMore:hover{ background-color:#ffae00; color:#fff; }
.pagemore{ border:1px solid #404040; color:#404040 ; padding:8px 20px; display:inline-block; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.fourbox:hover .pagemore{ background-color:#5095ce; border-color:#5095ce; color:#fff; }
.fourbox:hover h3{ color:#5095ce;}	
.fourbox .thumbbx{ height:190px; overflow:hidden;}
.fourbox .thumbbx img{ width:100%; height:auto; }
.pagecontent{ padding:20px 0; position:relative;  background-color:#ffffff; }
.one_column{ width:100%;}
.two_column{ width:47.5%;}
.three_column{ width:30%; margin-right:5%;}
.five_column{ width:18.4%; margin-right:2%;}
.six_column{ width:15.8%; margin-right:1%;}


/* = section first css
-------------------------------------------------------------- */
#wrapsecond{ border-bottom:1px solid #eaeaea;}
/*services section css*/
.services-wrap .one_fourth { text-align:center; margin-bottom:0;}
.services-wrap .one_fourth .fa{ background-color:#A8B1B8; color:#fff; padding:35px; font-size:50px; border-radius:50%;}
.services-wrap .one_fourth h4{ margin:15px 0;}
.services-wrap .one_fourth:hover .fa{ background-color:#5095CE; color:#fff;}
.services-wrap .one_fourth:hover h4{ color:#5095CE;}
.services-wrap .one_fourth a.rdmore{ color:#78797c; margin-top:25px; display:inline-block; padding:8px 20px; border:1px solid #A8B1B8;  border-radius:20px;}
.services-wrap .one_fourth:hover a.rdmore{ border-color:#5095CE; color:#5095CE;}

#aboutsection{ padding-bottom:0; border-bottom:1px solid #EAEAEA; border-top:1px solid #EAEAEA;}
#aboutsection .one_half { margin-bottom:0; }
#aboutsection .one_half ul{ margin:0; padding:0;}
#aboutsection .one_half ul li{font:300 14px/34px 'raleway', sans-serif; color:#000; }
#aboutsection .one_half ul li .fa{ font-size:14px; font-weight:300; margin-right:10px}

#testimonialsarea{ padding:0;}
#testimonialsarea .container{ width:100%; min-height:307px; overflow:hidden;}
#testimonialsarea .last_column img{ background-size: cover;  bottom: 0; float: right; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%;}
#testimonialsarea #testimonials{ width:83%; float:right; }
#testimonialsarea .testimonials-wrap h2{ text-align:right; color:#fff; padding-top:25px;}

/* = latest news section css
-------------------------------------------------------------- */
.last { margin-right:0 !important;}
.view-all-btn{ text-align:center;}
.view-all-btn a{ font:400 16px/18px "Roboto",sans-serif; color:#454545; border:1px solid #454545; padding:12px 25px; display:inline-block; border-left:5px solid #454545; }
.view-all-btn a:hover{ border-color: #34c6f6; }

.BlogPost{ width:47%; margin:0 5% 5% 0; float:left; border:1px solid #efefef; background-color:#ffffff; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.BlogPost .postthumbx{ float:left; margin:0 20px 0 0; width:38%; height:125px; overflow:hidden;}
.BlogPost .postthumbx img{ width:100%; height:auto;}
.BlogPost h5{ margin:0 0 10px 0;}
.BlogPost h5:hover{color:#5095CE;}


.team-wrap .BlogPost p{ margin:0 0 10px 0;}
.team-wrap .BlogPost span{ margin:0 0 10px 0; display:block;}

/* = Team Member Part css
-------------------------------------------------------------- */
section#ourteam{ background-attachment:fixed; background-size:inherit; }
#ourteam h2.section_title{ color:#fff;}
#ourteam  h2.section_title span{ border-color:#fff;}
.teammember-list{ float:left; width:22.5%; margin:0 3% 6% 0; padding:10px; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;text-align:center; background-color:#fff;}
.teamthumbox{ width:150px; height:150px; border-radius:50%; overflow:hidden; margin:0 auto; border:1px solid #ccc}
.teamthumbox img{ width:100%; height:auto; min-height:150px;}
.teammember-list h5{ font-size:17px; color:#fff; margin:7px 0; text-transform:none; font-weight:400;}
.teammember-list p{ color:#fff;}
.member-desination{ color:#fff; font-size:12px; border-bottom:1px solid #5095ce; padding-bottom:5px; display:inline-block; margin-bottom:10px;}
.member-social-icon{ border-top:1px solid #e6e6e6; padding:10px 0; margin-top:20px;}
.member-social-icon a{ margin:0 10px; color:#ccc;}
.member-social-icon a:hover{ color:#34c6f6;}

.content-area .teammember-list p{ color:#454545;}
.content-area .teammember-list h5, .content-area .member-desination{color:#454545;}

h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
#sidebar #testimonials .tm_thumb{ float:none; width:auto; text-align:center;}
#sidebar #testimonials ul li img{ margin-top:0; float:none;}
#sidebar #testimonials .quovolve-nav{ display:none;}
#sidebar #testimonials ul li .tm_description{ float:none; padding:0; width:auto;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:20px; height:40px; line-height:40px; text-align:center;  vertical-align:middle; display:inline-block; padding:0 8px 0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#c9c8c8; }
.social-icons br{ display:none;}

.MoreButton{ color:#78797c; margin-top:25px; display:inline-block; padding:8px 20px; border:1px solid #A8B1B8;  border-radius:20px;}
.MoreButton:hover{ border-color:#5095CE; color:#5095CE;}

/* --------- Pages ------- */
.content-area{ width:1180px; margin:0 auto; padding:50px 0;}
.site-main{ width:760px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:360px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget{margin-bottom:30px; background-color:#f9f9f9; padding:20px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#34c6f6; padding:12px 15px; margin-bottom:1px; color:#fff;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}
#contactform_main p{ margin-bottom:0px;}

#sidebar ul li{ list-style:none;}
#sidebar ul li a{ font:300 14px/18px "Roboto",sans-serif; background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b; border-bottom:1px dashed #d0cfcf; display:block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#364558; position:relative;}
.footer{ padding:50px 0;}
.footer h5{ font-weight:400; margin-bottom:25px; border-bottom: 1px solid #46576C; padding-bottom:15px; position:relative;}
.footer a.readmore span{ color:#fff;}
.footer ul li{ list-style:disc inside none; border-bottom:#46576C 1px solid;}
.footer ul li:last-child{ border:none;}
.footer ul li a{ padding:5px 0 5px 10px; display:inline-block; color:#fff;  }
.footer ul li a:hover, .footer ul li.current_page_item a{ color:#ef2e2e;}
.footer ul li:last-child a{ border-bottom:none;}

.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block; border:none;}
.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block; border-right:1px solid}
.cols-1 .widget-column-1 ul li:last-child a{border:none;}

.cols-2 .widget-column-1{width:45%; float:left; margin:0 10% 0% 0; box-sizing:border-box; }
.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px; box-sizing:border-box;}

.cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0; box-sizing:border-box; }
.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0; box-sizing:border-box;}
.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px; box-sizing:border-box;}

.cols-4 .widget-column-1{ width:24%;  float:left; margin:0 4% 0 0; box-sizing:border-box; }
.cols-4 .widget-column-2{ width:16%;  float:left; margin:0 4% 0 0; box-sizing:border-box;}
.cols-4 .widget-column-3{ width:24%;  float:left; margin:0 4% 0 0; box-sizing:border-box;}
.cols-4 .widget-column-4{ width:24%;  float:left; margin-right:0; box-sizing:border-box;}
/**social icons*/
.footer .social-icons a{ padding:0; margin:0 5px 0 0; border:1px solid #fff; width:30px; height:30px; border-radius:50%; line-height:30px;}
.footer .social-icons a:hover{ border-color:#5095CE;}

.recent-post{ min-height:70px; margin:0 0 20px 0; }
.recent-post img{ float:left; width:55px; margin:3px 10px 5px 0;}
.recent-post h6{ font-size:15px; color:#fff; margin:0 0 5px; font-weight:600;}
.recent-post h6:hover{color:#34c6f6;}
.recent-post.last{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.content-area .recent-post h6{ color:#454545;}

.phone-no{ margin-bottom:10px; line-height:22px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no strong {display:inline-block; color:#5095CE;}
.phone-no .fa { margin-right:10px;}
.phone-no p { margin-bottom:5px;}

/* = Copyright
--------------------------------------------------------------*/
.copyright-wrapper { background-color:#28374a; position:relative; padding:15px 0;}
.copyright-txt { float:left;}
.design-by { float:right;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto',san-serif; color:#d6d6d6;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}


#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea, .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{width:40%; border:1px solid #eee; padding:15px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
   -webkit-box-shadow: inset 0 0 5px #f1f1f1;
   box-shadow:         inset 0 0 5px #f1f1f1;}
#contactform_main textarea, .wpcf7 form textarea{ width:85.6%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; margin:0 5px 0 0;  border:1px solid #eee; padding:13px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
   -webkit-box-shadow: inset 0 0 5px #f1f1f1;
   box-shadow:         inset 0 0 5px #f1f1f1; }
   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto', sans-serif; text-transform:uppercase; cursor:pointer; }


iframe{ border:1px solid #ccc; padding:9px; margin-bottom:25px;}
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right h3{ margin-bottom:15px;}
.post-title{ margin-bottom:0px; font-weight:400;}
.post-title a{ color:#3d3d3d;}

.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:15px;}
p.read-more a{font:600 12px/22px 'raleway', sans-serif;background-color:#5095CE; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px;}
.blog-post-repeat .post-thumb.blogsingle{ width:300px; height:auto;}
.blog-post-repeat .post-thumb.blogsingle img{ width:100%; margin-top:7px; }

/*default css*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
h1.entry-title, h1.page-title{padding-bottom:20px; line-height:30px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto; margin-bottom:15px;}
article p{margin:5px 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:8px 15px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#34c6f6; border-bottom:1px solid #ccc;}


.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}


/* Buttons */
.button{ border:1px solid #fff; color:#fff; font:400 14px/22px 'PT Sans', sans-serif; padding:8px 20px; display:inline-block; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; }
.button:hover{ border-color:#1898c2; color:#fff;}

#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px;}
#back-top a {width:64px;	display: block;	text-align: center;	font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;	text-decoration: none;color: #bbb;	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;opacity:0.5;
}


/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/*post nav css*/
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#333333; padding:5px 10px; color:#ffffff; font:15px 'Roboto',san-serif;}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }

/* = skill bar css
-------------------------------------------------------------- */
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.skillbar-title { font:16px 'Lato',san-serif;color:#6e6d6d;}
.skillbar-title span { display:block; color:#6e6d6d; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background:#65676a;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#6e6d6d;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#e0dfdf;}