/*
Theme Name: Spirited Lite
Theme URI: http://www.sktthemes.net/shop/spirited-lite/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: Spirited Lite is a responsive WordPress theme which is suitable for business, industrial, commercial, office, personal and any other multipurpose website use. Compatible with Nextgen gallery for portfolio purposes and compatible with WooCommerce for shop, selling and E-commerce. Demo Link: http://sktthemesdemo.net/skt-corporate/

Version: 1.4
License: GNU General Public License
License URI: license.txt
Text Domain: spirited-lite

Tags:blue,gray,silver,white,light,two-columns,right-sidebar,responsive-layout,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,translation-ready

Spirited Lite WordPress Theme has been created by SKT Themes(sktthemes.net), 2016.
Spirited Lite WordPress Theme is released under the terms of GNU GPL

This theme is based on Underscores theme (_s) [Underscores is distributed under the terms of the GNU GPL v2 or later.]

*/

body{ margin:0; padding:0;line-height:20px; font-size:13px; color:#5d5c5c; font-family:Arial, Helvetica, sans-serif;}
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#34c6f6;}
a:hover{ color:#7c7c7c;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#515050; font-family:'Montserrat', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; word-wrap:break-word;}
h1{ font-size:36px;}
h2{ font-size:18px;}
h3{ font-size:17px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
.clear{ clear:both;}
.alignnone{width:auto;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px;}
.left{ float:left;}
.right{ float:right;}
.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:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

.header .header-inner .logo{float:left; margin:13px 0;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1180px;}
.header .header-inner .logo h1{font-weight:400; margin:0px; line-height:36px;}
.header span.tagline{ font-size:13px;}
.header .header-inner .logo a{ color:#7f8080;}
.header .header-inner .logo img{ height:55px; }
.container{ width:1180px; margin:0 auto; position:relative;}

/*header menu css*/
.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;}
.nav{display:none;}


.header{width:100%; height:auto; padding:0; z-index:999; position:relative; clear:both; box-shadow:0 0 3px #eee;}
.header .header-inner .nav{ padding:0; text-align:right; float:right;}
.header .header-inner .nav ul { float:right; margin:0; padding:0; font-family:'Montserrat', sans-serif; font-weight:700;}
.header .header-inner .nav ul li{margin:0; position:relative; text-transform:none; float:left; list-style:none;}
.header .header-inner .nav ul li a{padding:31px 12px 31px 12px; display:block; font-weight:700; text-transform:uppercase; text-align:left;}
.header .header-inner .nav ul li a:hover, .header .header-inner .nav ul li.current_page_item a, .header .header-inner .nav ul li.current-menu-ancestor a, .header .header-inner .nav ul li.current-page-ancestor a, .header .header-inner .nav ul li.current_page_parent a{background-color:#36a8eb; color:#FFF !important;}
.header .header-inner .nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header .header-inner .nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px;}

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

/* = header top sign in  css
-------------------------------------------------------------- */
.signin_wrap{ background-color:#36a8eb; color:#fff; line-height:36px; font-size:14px; padding:4px 0;}
.signin_wrap .social-icons a{margin-right:0;}
.signin_wrap .fa{margin:0 2px 0 2px;}
.signin_wrap .right{ text-align:right; line-height:40px;}
.signin_wrap a{ color:#7c7c7c;}

section#home_slider{ padding:0;}
#FrontBlogPost{ padding:50px 0;}
#wrapsecond{padding:0px;}

/* = Services section css
-------------------------------------------------------------- */
#wrapsecond{ background-color:#ffffff; }
#whatwedo .wedobox, #FrontBlogPost .newsbox{ visibility:hidden;}
.services-wrap .one_fourth{border:1px solid #f1f1f1; background-color:#fff; text-align:center; padding:30px 15px; width:20%; margin:0 2.75% 0 0; cursor:pointer; float:left;}
.services-wrap .one_fourth .fa{ font-size:50px; border-bottom:2px solid #383939; padding-bottom:20px;}
.services-wrap .one_fourth img{border-bottom:2px solid #383939; padding-bottom:20px; height:auto; max-width:65px;}
.services-wrap .one_fourth h3{font:600 18px/22px 'Lato',san-serif;  padding:20px 0; margin:0; text-transform:uppercase;}
.services-wrap .one_fourth p{color:#5d5c5c;}
.services-wrap .one_fourth .ReadMore{ margin-top:20px; display: inline-block; border:1px solid #5d5c5c; padding:5px 10px;}
.services-wrap .one_fourth:hover h3{color:#e75300; }
 
.services-wrap .one_fourth a{ color:#5d5c5c;}
.last_column{clear:right; margin-right:0 !important; }
/* = social icons css
-------------------------------------------------------------- */

.social-icons a{ width:27px; height:20px; line-height:20px; text-align:center;  vertical-align:middle; display:inline-block; margin:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:13px; margin-right:5px; margin-top:3px;}

.social-icons .fa:hover{color: #36a8eb;}

.social-icons br{ display:none;}
.social-icons .fa{padding:6px 3px 7px; background-color:#FFF;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:760px; margin:0; padding:0; float:left;}
#sitefull{ width:100%; float:none;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0;}
.page_content p{ margin-bottom:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; }
.blog_lists h2{ margin-bottom:10px;}
.blog_lists h2 a{ color:#484f5e;}
.blog_lists h2 a:hover{ color:#34c6f6;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#000000;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0; text-align:center;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0;}
.MoreLink{ color:#5d5c5c ;display: inline-block; border:1px solid #5d5c5c; padding:5px 10px;}
.MoreLink:hover{ color:#e75300; border-color: #e75300;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:360px; float:right;}
aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; }

h3.widget-title{color:#4f5051; margin-bottom:-5px; padding-bottom:15px; font-size:24px;}

#sidebar ul li{ list-style:none; background:url(images/sidebar-arrow.png) no-repeat 0 14px; border-bottom:1px dashed #d0cfcf; display:block; word-wrap:break-word; padding:10px 0 10px 20px; }
#sidebar ul li a{ font:300 14px/18px "Roboto",sans-serif; color:#3b3b3b; text-transform:uppercase;}

#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}



/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#363839; position:relative; padding:15px 0 0; color:#fff; border-top: 4px solid #41b3e5; clear:both;}
#footer-wrapper .cols-4{margin-top:2%; padding:10px 0 25px 0;}
.cols-4{width:22%; float:left; margin:0 6% 2% 0; }
.widget-column-1 { width:29%;}
.widget-column-2 { width:32%;}
.widget-column-3 { width:20%;}
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:600; font-size:20px; color:#fff; margin-bottom:15px; font-family:'Montserrat';}
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { display:block; padding:0;}
.cols-4 ul li a { color:#fff; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/list-arrow.png) no-repeat 0 2px; padding:0 0 0 20px;}
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { background-position:left -13px; color:#dd5145; transition: all 0.5s ease 0s; }

.cols-4 a.readmore span{ color:#fff;}
.cols-4 p{ margin-bottom:15px;}
.cols-4 h1, .cols-4 h2, .cols-4 h3, .cols-4 h4, .cols-4 h5, .cols-4 h6{color:#fff;}
.phone-no{ margin:10px 0 20px; line-height:22px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no strong { display:inline-block;}
.cols-4 .phone-no p{ margin-bottom:0;}

.copyright-wrapper { background-color:#36a8eb; position:relative; padding:18px 0;}
.copyright-txt { float:left;}
.design-by { float:right;}
.recent-post{margin:0 0 14px 0; border-bottom:1px solid #464646; padding-bottom:14px;}
.recent-post img{ float:left; width:60px; margin:3px 10px 5px 0;}
.recent-post h6{ font-size:13px; color:#8f9092; margin:0 0 5px; font-weight:normal;}
.recent-post h6:hover{color:#34c6f6;}
.recent-post:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}

/* Buttons */
.button, .btnfeatures{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}
.btnfeatures{ background-color:transparent;  border:1px solid #fff; padding:8px 20px; margin-right:20px;}
.btnfeatures:hover{ border-color:#ff6565;}

/* woocommerce CSS
================================================*/
.woocommerce .container{margin-top:20px;}
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}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#0ec7ab; width:auto; border:none; cursor:pointer; text-transform:uppercase; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Roboto',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Roboto',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}



/* New Css */
.topfirstbar{ margin:0 auto; position:relative; width:1180px;}
.topbarleft{float:left; text-align:left; color:#FFF; padding:9px 0 9px 0; margin-left:-10px; cursor: pointer;}
 
.topbarleft a{color:#ffffff;}
.topbarleft a:hover{color:#7c7c7c;}
.topbarleft:hover{color:#7c7c7c;}

.icon-left-top{padding:0 12px 0 0; height:auto; margin:-6px 0; float:left; background:url(images/top-divider.png) center right no-repeat; font-family: 'Montserrat'; font-size:13px;}

.icon-left-top .fa{margin:0 12px !important;}

.icon-left-top i{margin-right:5px;}
.bgnone{background:none !important; background-image:none !important;}
.topbarright{float:right; text-align:right; color:#b1b1b1;}

.social-top{float:left; margin-top:2px;}
.top-phonearea{ position:absolute; right:0;}

.slide_more{font-weight: 700; margin: 0; padding:8px 30px; line-height:22px; display:inline-block; border:2px solid; border-color: #ffffff; color: #515050; font-family: 'Montserrat'; font-size: 13px;}
.slide_more:hover{ border-color: #7f8080; color: #515050;}

.bx-about-box{display: block; float: left; height: 100%; min-height: 290px; padding: 20px 10px; width: 31.55%;}
.bx-about-box p{text-align:center;}

.box-icon{text-align: center;}
.boxheading{display: block; font-family: 'Montserrat'; font-size: 22px; font-weight: 700; line-height: 22px; padding: 10px 0 0; text-align: center; text-transform: uppercase;}
.box-content{font-family: "Roboto Condensed",sans-serif; font-size: 14px; color:#FFF;}
.box-content p{line-height: 26px; margin: 10px 0 20px; padding: 0; text-align: center;}

.simple-btn-small{border: 1px solid #fff; font-size: 14px !important; margin: 10px 0 0 !important; padding: 2px 25px !important; height:25px !important; line-height:25px !important; border-radius: 20px !important; display:inline-block !important;}

.botborder{border: 1px solid #fff; clear: both; display: inline-block; width: 6%;}

.boxcolor1{background-color: #36a8eb; color:#FFF;}
.boxcolor2{background-color: #088edd; color:#FFF;}
.boxcolor3{background-color: #1977cc; color:#FFF;}

h2.section_title {font-size: 30px; font-weight: 600; margin-bottom: 0; text-align: center; color: #4f5051; font-family: "Montserrat",sans-serif; padding:0 0 22px;}
.sectiondesc{margin: 0 auto; padding-bottom: 20px; text-align: center; width: 85%; font-family: "Montserrat",sans-serif; color:#8f9092;}
section{padding: 65px 0;}
.wedobox{background-color: #fbfbfb; border: 1px solid #f2f1f1; float: left; height: auto; margin: 20px 20px 0 0; min-height: 270px; padding: 15px; width: 29.45%;}
.boxicon{background-color: #4f5051; border-radius: 50px; clear: both; color: #fff; font-size: 40px; margin: 10px auto 18px; padding: 0; text-align: center; width: 20%;}
.boxtitle{clear: both; color: #4f5051; font-family: 'Montserrat'; font-size: 22px; font-weight: 700; margin: 0 auto; padding-bottom: 15px; text-align: center;}
.wedobox:hover .boxtitle{color: #36a8eb;}
.wedobox:hover .boxicon{background-color: #36a8eb;}
.boxdescription {clear: both; color: #8f8f90; font-size: 13px; margin: 0 auto 18px; text-align: center; font-family: 'Montserrat';}
.wedobox .btn-small{border: 1px solid #4f5051; display: table; float: none; font-size: 14px; margin: 0 auto; padding: 4px 16px; text-align: center; color:##868787; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.wedobox:hover .btn-small{border-color: #36a8eb; color: #36a8eb;}
.lastbox {margin: 20px 0 0 !important; width: 28.28%;}
section#whatwedo{padding: 25px 0;}

.newsbox{float: left; height: auto; margin-right: 30px; width: 31%;}
.newsdatebox{height: 50px; padding-top: 7px;}
.newsimgbox{display: block; margin-bottom: -40px; position: relative; top: -40px; text-align:center;}
.newsimgbox img{height: 220px; width: auto;}
.boxborder{height: 90%; left: 8px; position: absolute; top: 9px; width: 95%;}
.newstitle{clear: both; color: #58606d !important; font-size: 22px; font-weight: bold; line-height: 26px; padding: 15px 0; font-family: Montserrat; text-align: left;}

.newstitle a{color: #58606d;}
.newscontent{color: #808080; line-height: 22px; padding: 0 0 15px; text-align: left; font-size:13px; font-family: 'Montserrat';}
.newsmore{clear: both; font-family: 'Montserrat';}
.newsmore .news-btn-small{border: 1px solid #4f5051; float: left; font-size: 14px; padding: 4px 16px; border-radius: 20px; display: inline-block; margin: 10px 0; text-decoration: none;}
.last{margin-right: 0 !important;}
section#FrontBlogPost{background-color:#f9fdff;}

.footerdesc{color: #8f9092; font-family: 'Montserrat'; margin-bottom:25px;}
.design-by a{color:#000;}

.somesocial{font-size:14px;}
.somesocial a{text-align:center; background-color:#727c8b; color:#FFF; border-radius:28%; -moz-border-radius:28%; -webkit-border-radius:28%; width:37px; padding: 7px 0; margin:0 14px 10px 0;}
.somesocial a:hover{background-color:#36a8eb; color:#FFF;}

.fa-2x{font-size:20px !important;}
.post-thumb{margin-bottom:15px;}

.footeradrs{clear: both; margin-bottom: 20px; text-align: left; color:#8f9092;}
.footeradrs span{display: table; margin-top: -27px; padding-left: 35px; color:#8f9092;}

/* Widget Sidebar */
#sidebar table{width:100%; text-align:center;}
#calendar_wrap caption{font-weight:700; padding-bottom:10px; text-transform:uppercase;}
#prev{text-align:left;}
#next{text-align:right;}
#sidebar select{ width:100%; height:25px;}
#sidebar select option{width:240px;}
.comment-author-link, .comment-author-link a{font-weight:700 !important; color:#000;}
#sidebar .widget-title a{color:#4f5051;}
#sidebar input[type="text"], #sidebar input[type="search"]{width:78%; height:25px; margin-bottom:10px; padding-left:6px;}
.infomessage{display:block;}
body.wp-custom-logo .logo h1{display:none;}
.tagline{clear:both; display:block;}
#sidebar h1, h2, h3, h4, h5, h6{margin: 0 0 10px;}
#recentcomments li{background-image:none !important; padding-left:0px !important;}
#recentcomments li a{padding-left:0px !important;}
.header_right table{width:100%; text-align:center;}
.container ol, .container ul, .entry-content ul li, .entry-content ol li, .contentCAT li{margin-left:15px;}
body.wp-custom-logo .logo h1{display:none;}