/*
Theme Name: Business Cover Pro
Theme URI: https://www.themescave.com/themes/wordpress-theme-multipurpose-business-cover-pro/
Author: themescave
Author URI: https://themescave.com
Description: Business Cover Lite multipurpose WordPress has used for most of all type of business. Its used for the multipurpose business like Marketing, Finance, Stock Market, IT infrastructure, Consultant, Manufacture plant, Services, Retailer, Wholesaler, Online business, Store, IT Firm, Cloth business, and many more business. For more info visit our demo: http://themescave.com/demo/business-cover-pro/
Demo: https://themescave.com/demo/business-cover-pro/

Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: business-cover-pro
Tags: custom-menu,one-column,right-sidebar,theme-options,threaded-comments,translation-ready,blog,custom-background,custom-colors,custom-header,custom-logo,editor-style,featured-images,full-width-template,two-columns,photography,portfolio

business-cover WordPress Theme has been created by ThemesCave(themescave.com), 2018.
business-cover WordPress Theme is licensed under the GPL.
*/
/* main tags */

/*extra Classes */

*{ margin:0; padding:0; outline:none;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
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;}
.space5{ height:5px; clear:both;}
.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;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.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;}
#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: #ffffff;	/* 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;
}

section{ padding:50px 0;}
h2.section_title{ font-weight:400; font-size:30px; margin-bottom:20px;text-align:center; text-transform: capitalize; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
.container{ width:1100px; margin:0 auto; position:relative;}
.header.fixed {
	position: fixed;
	top: 0;
	z-index: 999999;
	padding: 14px 25px;
	border-bottom: 1px solid #ccc;
}

.header-top {
    background-color: #425E79;
    color: #fff;
    line-height: 36px;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    padding: 5px 0;
}
.left {
	float: left;
}
.header-top .right {
	text-align: right;
}
.right {
	float: right;
}
.header-top .fa {
	margin-right: 5px;
}
.logo h1, .logo a { text-transform: capitalize; }
.right span.phno {
	padding-right: 10px;
	margin-right: 5px;
}

/* = header css
-------------------------------------------------------------- */
.logo{float:left; padding:15px 0; text-align:right;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1100px;}
.logo h1{font-weight:400; margin:0px; line-height:28px;}
.header span.tagline{ font-size:13px; display:block;}
.logo a{ color:#000;}
.logo img{ height:55px; }
.fixed .logo{ padding:6px 0;}
.header{width:100%; height:auto;  padding:0; z-index:999; position:relative; top:0;  -webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out; }
.logo.logo-left.header-box{ text-align: left; }.header-middle.header-box{padding: 16px 0 0; text-align: center; color:#fff;}.header-middle.header-box a{ color: #fff; }.header-middle.header-box ul{ text-align: center; display: inline-block; }.header-middle.header-box ul li{ text-align: left; }.header-middle.header-box .fa{ margin: 0 10px 0 0; }			
.header-box{ display: inline-block; width:30%; }
.header-box.header-right {  text-align: right;  float: right;  padding: 0 0 0 0; width: 69%;}
/*fixed header css*/
/*body.home .fixed, body.blog .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}*/
/*fixed header home and inner page*/
body .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}
.fixed .header-inner .header-nav ul li a{ padding:20px 20px !important;}
.fixed .header-inner .header-nav ul li ul li a{padding-top:10px !important; padding-bottom:10px !important; }
.header_right {	float: right;
	text-align: right;
}

/* = Header menu css
-------------------------------------------------------------- */
.header-navigation{ margin:0 auto; padding:0; position:relative; width:auto;}
.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:left; float:none;}
.header-nav ul { float:none; 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:#000; font-weight:600; border-bottom:1px solid transparent; }
.header-nav ul li a:hover, .header-nav ul li.current_page_item a { color:#000; border-bottom:1px solid; }

.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; text-align:left; border-bottom:1px solid #1a1a1a;}


.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:rgba(0,0,0,0.9);}
.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;}

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

.UnderLine{ width:50%; position:relative; display:block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#4C4C4C; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

/* = section first css
-------------------------------------------------------------- */

/*services section css*/
.services-wrap .one_third { margin-bottom:0;}
.services-wrap .one_third .fa{ color:#333; font-size:24px; float:left; margin:0 20px 0 0;}
.services-wrap .one_third h4{ margin:0 0 15px;}
.services-wrap .one_third a.rdmore, #aboutsection .one_half a.rdmore, a.rdmore{background:#333333; color:#ffffff; margin-top:25px; display:inline-block; padding:5px 15px; border:1px solid #A8B1B8;  width: 100%;}
.services-wrap .one_third:hover .fa{ color:#425E79;}
.services-wrap .one_third:hover h4{ color:#425E79;}
.services-wrap .one_third:hover a.rdmore, #aboutsection .one_half a.rdmore:hover, a.rdmore:hover{ border-color:#425E79; color:#425E79;}

#ThemeFeaturd{ padding-bottom:5px;}
#welcomearea, #wrapsecond, #ThemeFeaturd, #ourclients, #creativeteam, #testimonialsarea{background: #F7F6F6; border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
#ourgallery .container, #ourclients .container{ width: 100%; }
#aboutsection .one_half { margin-bottom:0; text-align:right;}
#aboutsection .one_half.last_column {text-align:left;padding:0 0 0;}

#aboutsection .one_half p{ margin-bottom:25px;}
#aboutsection .one_half .hr-style{ left:auto; right:0;}
#aboutsection .one_half .UnderLine{ display:inline-block;}

#testimonialsarea{ background-attachment:fixed;}
#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:100%; margin:0 auto;}
#testimonialsarea .testimonials-wrap h2{ color:#ffffff;}
.tm_description{ color: #ffffff; }

#sidebar #testimonialsarea .testimonials-wrap h2{ color:#000000;}
#sidebar .tm_description{ color: #000000; }
#sidebar #testimonials ul li h6 {
	color: #000000;
}
#sidebar #testimonials .clientdetails span {
	color: #000000;
}

.tmlisting{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.tmlisting img{ float:left; margin:0 25px 0 0;}
.tmlisting h5{ margin:0 0 5px;}
.tmlisting span{ margin-bottom:15px; display:block;}

/* = 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:24%; margin:0 0.5% 3% 0; float:left; }
.BlogPost .recentthumb{ height:160px; overflow:hidden; margin-bottom:0;}
.newstop{ border: 1px solid #ccc; padding: 5px; text-align: center; }
.tpostdetails {    border: 1px solid #ccc;    padding: 9px; text-align: center;}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ margin:0 0 12px 0;}
.BlogPost h5:hover{color:#425E79;}
.BlogPost span{ margin-bottom:10px; display:block; color:#425E79;}

/* = counter section css
-------------------------------------------------------------- */
.skillwrap{text-align: center;}
.counterlist { vertical-align: top;
	width: 16%;
	padding: 30px 0;
	color: #fff;
	float: none;
	margin: 00 20px;
	text-align: center;
	display: inline-block;
}
.counterlist .fa{ font-size:40px;}
.counterlist .counter{ display:block; font-size:50px; color:#ffffff; line-height:70px;}
.counterlist h6{ font-size:18px; color:#fff; margin-bottom:0; text-transform:uppercase; margin-top: 15px;}

.featureslists{ margin-bottom:15px; min-height:70px;}
.featureslists .fa{ font-size:50px; color:#333333; float:left; margin:0 25px 0 0; width:65px; height:65px; line-height:65px; border-radius:0; border:none; text-align:center; }
.featureslists h5{ font-size:16px; font-weight:600; margin-bottom:10px;}
.featureslists p{ font-size:12px; line-height:18px;}

#welcomearea .one_half {width: 63%;margin-right: 1%;}
#welcomearea .one_half.last_column {width: 35%;margin-right: 0;}
#welcomearea .featureslists{ width: 45%; float: left; margin-right: 25px;}


.serviceswrap .one_fourth{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.serviceswrap br{ display: none; }

/* = Team Member Part css
-------------------------------------------------------------- */
section#ourteam{ background-attachment:fixed; background-size:inherit; }
.teammember-list{ float:left; width:29%; margin:0 6% 6% 0; }
.teammember-list img{}
.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:2px solid #34c6f6; padding-bottom:5px; display:inline-block; margin-bottom:10px;}
.member-social-icon{  margin-top:20px;}
.member-social-icon a{ margin:0 10px; color:#555;}
.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;}


/* = Team Member Flipbox css
-------------------------------------------------------------- */
.team_column{ width:24.6%; float:left; margin:0 0.30% 2% 0; position: relative;	display:inline;	display: inline-block;}
.team_column h5{ margin-bottom:5px;}
.team_column h5 a{ color:#333;}
.member-designation{ color:#333333; text-transform:uppercase; display:block; margin-bottom:15px;}

.og-grid li:hover .memmberdetails{ background-color:rgba(49,202,253,0.7); padding:10px 0; margin-top:-60px; position:relative; display:block;}
.memmberdetails h5{ font-size:18px; color:#fff; margin:0;}
.test{ position:relative;}
.team-thumb{ background-color:#696969; width:270px; height:310px; overflow:hidden;}
.team-thumb img{ width:100%; height: auto;}
.og-grid li:hover .team-thumb img{ opacity:0.6;}

.member-designation{ color:#333333; font-size:12px;  display:inline-block; text-transform:uppercase; font-style: italic; }
.member-social-icon{ margin-bottom:20px;}
.member-social-icon a{ margin:0 2px 2px 0; display:inline-block; color:#000; width:35px; height:35px; line-height:35px;}
.member-social-icon a:hover{ color:#fff;}
.quovolve-nav.quovolve-nav-below{ clear: both; }

.end { margin-right: 0 !important; }

.buttonstyle2{border:1px solid; background-color:#555; color:#fff ; padding:6px 15px; font:normal 14px/20px 'Roboto Condensed'; display:inline-block; border-radius:0 !important;-moz-border-radius:20px; -webkit-border-radius:20px; width: 100%;}
.buttonstyle2:hover{ background-color:#fff; color:#555; }
.buttonstyle2


/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */

.panel {
	margin: 0 auto;
	height: auto;  
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}

.panel .front,
.panel .back {
	text-align: center;
}
	
.panel .front {
	height: inherit;
	position: relative;
	top: 0;
	z-index: 900;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.panel .back {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 1000;
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.panel.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.panel.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1{width: auto;	height:252px;margin: 0 auto; overflow:hidden;}
.box1 img { width:100%;}
.box2{background-color: #425E79;color:#fff;	width: auto;height:auto;	margin: 0 auto;	padding:0 6px 20px; text-align: center;}
.box2 p{ margin-bottom:20px;}
.topbox{
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    padding-top: 15px;
}



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;}


/* = section first css
-------------------------------------------------------------- */
.fourbox{ color:#333333; width:23.9%; float:left; margin:0 3px 0; text-align:justify; position:relative; min-height:280px;padding:0}
.fourbox p{line-height:20px; text-align: left; }
.fourbox h3{ font-size:18px; font-weight:400; color:#333333; margin:15px 0;}
.fourbox:hover h3{ color:#425E79;}
.resourcebox{ border: 1px solid #cccccc; padding: 20px 5px 20px;  text-align: center;}
.top-resourcebox{ border: 1px solid #ccc; padding: 5px; text-align: center; }
.fourbox .resourcebox p{ text-align: center; }
.fourbox .thumbbx {
	border: 0;
	width: auto;
	height: 148px;
	overflow: hidden;
	margin: 0 auto 0;
	border-radius: 0;
	-moz-border-radius: 50%;
	-wbkit-border-radius: 50%;
}
.fourbox .thumbbx img {	width: auto;	height: auto;	min-height:auto;	margin: 0 0 0 0;}
	
.threebox{ color:#333333; width:31.8%; float:left; margin:0 4% 0 0; text-align:center; position:relative; min-height:280px;padding:5px;}
.threebox p{line-height:20px; }
.threebox h3{ font-size:18px; font-weight:400; color:#333333; margin:0 0 15px;}
.threebox:hover h3{ color:#425E79;}
.threebox .thumbbx {border:1px solid #333333; width: 80px; height:80px; overflow:hidden; margin:0 auto 20px;border-radius:50%; -moz-border-radius:50%;-wbkit-border-radius:50%;}
.threebox .thumbbx img {	width: 48px;	height: 48px;	min-height: 48px;	margin: 14px 0 0 0;}


.one_column{ width:100%;}
.two_column{ width:48%;}
.three_column{ width:30%;}
.five_column{ width:18.3%; margin-right:2%;}


/* = social icons css
-------------------------------------------------------------- */
.social-icons a{  width:35px; height:35px; border-radius:50%; line-height:33px; text-align:center; border:1px solid #fff;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:14px; color:#c9c8c8; margin:0 4px 0 0; }
.social-icons br{ display:none;}
.social-icons a:hover{ border-color:#425E79;}

/* --------- Pages ------- */
.content-area{ width:1100px; margin:0 auto; padding:50px 0;}
.site-main{ width:710px; 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;}

#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;}

/* = 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 'Roboto',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;}


/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#4C4C4C; position:relative; color:#ffffff;}
.footer ul li a{ color: #fff; }
.footer{ padding:45px 0;}
.footer h5{ font-weight:400; font-size:20px; margin-bottom:30px; border-bottom:1px solid #ffffff; padding-bottom:15px; color:#ffffff; }
.footer p{ margin-bottom:15px;}
.footer ul{ margin:0; padding:0; list-style:inside disc;}
.footer ul li { padding:0;  color:#ffffff; }
.footer ul li a { color:#ffffff; font:normal 12px/24px 'PT Sans', sans-serif; padding:0;}
.footer ul li a:hover, .footer ul li.current_page_item a { color:#fff; transition: all 0.5s ease 0s; }
.footer ul li ul { display:none;}

.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block;}
.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; }
.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px;}

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

/* footer 4 column css*/
.cols-4 .widget-column-1{ width:24%;  float:left; margin:0 4% 0 0; }
.cols-4 .widget-column-2{ width:16%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-3{ width:24%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-4{ width:24%;  float:left; margin-right:0;}

.contactdetail{ line-height:22px; margin-bottom:20px; } 
.contactdetail .fa{ margin-right:15px; font-size:16px;}
.contactdetail p{ margin-bottom:8px;}


.copyright-wrapper { background-color:#333333; position:relative; padding:15px 0;}
.copyright-txt {	float: left;	width: 50%;	text-align: left;}
.design-by { float:right; width:48%; text-align: right;}
.recent-post{ min-height:70px; margin:0 0 20px 0; }
.recent-post img{ float:left; width:55px; margin:3px 10px 5px 0; border:2px solid}
.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;}

/* = 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 'Open Sans', sans-serif;background-color:#425E79; 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{ line-height:20px;}
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{  background-color:rgba(0, 0, 0, 0.6); color:#fff; font:400 14px/22px 'PT Sans', sans-serif; padding:8px 20px; display:inline-block; }

.frdbox{ width:22%; float:left; margin:0 4% 4% 0; min-height:95px;}
.frdbox .fa{ border:none; color:#333; float:left; width:40px; height:40px; line-height:40px; margin:0 15px 0 0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; font-size:50px; }

.frdbox i.fa{ display: inline-block; width: 100%; text-align: center;  float: none; margin:11px 0;}
.frdbox h4{ margin:0 0 10px; color:#425E79;display: inline-block; width: 100%; text-align: center;}
.frdbox p{ margin-left:0;display: inline-block; width: 100%; text-align: center;}

#sidebar #testimonials ul li{ color:#555;}
/* #sidebar aside.widget {    background-color: #4C4C4C;} */

/* 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}
.woocommerce .quantity .qty{ height:30px !important; border:1px solid #ccc;}
.product .summary p{ margin-bottom:10px;}

/* Photogallery CSS
================================================*/
.controls {display: inline-block;width:100%;margin: 0 0 30px;vertical-align: top;text-align:center;}
.controls li {	margin-left: 6px;	cursor: pointer;	list-style-type: square;	display: inline-block;	text-transform: uppercase;	padding: 7px;	border-radius: 0px;	border: 1px solid;}
hr { margin: 0 0 30px;height: 0;border: 0 none;border-top: 1px solid #eee;}
#Grid { margin:0;}
#Grid:after {content: '';display: inline-block;width: 100%;}
#Grid .mix {background-color:#fff; width:24.4%; float:left; margin:0 4px; height:auto; overflow:hidden; vertical-align:top; box-sizing:border-box; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;  list-style:none;}
#Grid .mix img { width:100%; height:auto; min-height:auto; outline:1px solid #fff; outline:none; outline-offset:-5px; border-radius: 0;}
#Grid .mix:hover img{ opacity:0.2;}
#Grid .mix a{ display:block; background: #fff; color: #fff;}
#Grid .mix a:hover{ color: transparent; }
#Grid .mix {display: none;}
#Grid .mix strong{ position:absolute; width:100%; text-align:center; top:50%; color:#fff; opacity:1; display:none; font-size:18px;}
#Grid .mix:hover strong{ display:block; z-index:9999;}
.controls li.active, .controls li:hover{ color:#333333; font-weight:bold;}


/*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; }
.slider-main{ min-height:auto; background:url(images/loading.gif) no-repeat center center #ffffff; }
.slide_info{ opacity: 0.8;  padding: 9px;  text-align: right;}
.header span.tagline{text-align:left;}

/*extra css */
.home .sliderlogo.logo.logo-left.header-box {
    position: absolute;
    top: 35%;
    left: 30%;
    right: 30%;
   
    padding: 15px 10px;
    text-align: center;
    width: auto;
    color: #ffffff;
}
.home .sliderlogo.logo.logo-left.header-box h1{  text-transform: uppercase;}
.sliderlogo span.tagline {
    
}
.home .sliderlogo span.tagline {
    font-size: 15px;
    display: block;
    margin-top: 10px;
}
.home .header-box.header-right {
    text-align: right;
    float: right;
    padding: 0 0 0 0;
    width: 100%;
}
.header-nav ul li a:hover, .header-nav ul li.current_page_item a
{margin-bottom: 7px;}
.header-nav ul li a{padding: 20px 20px; margin-bottom: 7px;}