/*
Template  Name: Lilima Buisness Template;
Template URI: www.bootitems.com
Description: This is a multipurpose Business template;
Author: Masud Rana
Author URI: www.bootitems.com
Version: 1.0  

Note: This is Short code style file. All Short code related style included in this file. 
---------------------------------------------------------------------------------------
CSS INDEX
===================
   1. Accordions
   2. Alarts 
   3. Call To Actions
   4. Divider   
   5. Icons 
   6. Panels
   7. Social Buttons 
   8. Tabs
   9. Typography

--------------------------------------*/
/*============================================ 
    1. Accordions
==============================================*/
.panel{
	background-color:transparent;
}
.panel-heading .panel-title a{
	display:block;
	position:relative;
}
.panel-heading .panel-title a:after{
	position:absolute;
	right:0;
	top:0;
	content:"\f0a5";
	font-family:icofont;
	font-size:12px;
}
.panel-heading.active .panel-title a:after{
	content:"\f074";
	font-size:14px;
}
.accordion-primary .panel-default {
    border-color: #d13f31;
}
.accordion-primary .panel-default > .panel-heading {
	background-color: #d13f31;
	border-color: #d13f31;
}
.accordion-primary .panel-default > .panel-heading {
	color: #ffffff;
}
.accordion-primary .panel-default > .panel-heading a{
	color:#fff;
}
.accordion-secondary .panel-default {
    border-color: #F04903;
}
.accordion-secondary .panel-default > .panel-heading {
	background-color: #F04903;
	border-color: #F04903;
	color: #ffffff;
}
.accordion-secondary .panel-default > .panel-heading a{
	color:#fff;
}
.accordion-tertiary .panel-default {
    border-color: #0078D7;
}
.accordion-tertiary .panel-default > .panel-heading {
	background-color: #0078D7;
	border-color: #0078D7;
	color: #ffffff;
}
.accordion-tertiary .panel-default > .panel-heading a{
	color:#fff;
}
.accordion-quaternary .panel-default {
    border-color: #e99600;
}
.accordion-quaternary .panel-default > .panel-heading {
	background-color: #e99600;
	border-color: #e99600;
	color: #ffffff;
}
.accordion-quaternary .panel-default > .panel-heading a{
	color:#fff;
}
.without-bg .panel-default > .panel-heading {
    background-color: transparent;
}
.without-bg.without-borders .panel-heading .panel-title a:after{
	left:-20px;
	right:inherit;
}
.without-bg.without-borders .panel-heading,
.without-bg.without-borders .panel-body{
	padding-left:30px;
}
.without-bg.without-borders .panel-body{
	padding-top:0;
}
.without-bg.without-borders .panel{
	border:none;
	box-shadow:none;
}
.without-bg.without-borders .panel .panel-body{
	border:none;
}
.without-bg.without-borders .panel-default > .panel-heading {
    background-color: transparent;
}
.panel-heading,.panel-group .panel{
    border-radius:0;
}
/*============================================ 
   2. Alarts 
 =============================================*/
.alert a:hover{
	text-decoration:underline;
	color:inherit;
}
.alert-default {
	background-color: #f1f1f1;
	border-color: #ddd;
	color: #353535;
}
.alert-dark {
	background-color: #333a44;
	border-color: #07080a;
	color: #ced3db;
}
.alert-primary {
	background-color: #d13f31;
	border-color: #d13f31;
	color: #fff;
}
.alert-secondary {
	background-color: #f04903;
	border-color: #f04903;
	color: #fff;
}
.alert-tertiary {
	background-color: #0078d7;
	border-color: #0078d7;
	color: #fff;
}
.alert-quaternary {
	background-color: #e99600;
	border-color: #e99600;
	color: #fff;
}
.alert-quinary {
	background-color: #0F3057;
	border-color: #0F3057;
	color: #fff;
}
.alert.alert-sm {
	font-size: 0.9em;
	padding: 5px 10px;
}
.alert.alert-lg {
	font-size: 1.2em;
	padding: 20px;
}
.alert .fa {
	font-size: 1.1em;
	margin-right: 8px;
}
.alert-primary a,
.alert-secondary a,
.alert-tertiary a,
.alert-quaternary a,
.alert-quinary a{
    color:#fff;
}
.alert .close{
	opacity:0.75;
}
.alert .mb-30{
	margin-bottom:30px !important;
}
/*============================================ 
   3. Call To Actions 
 =============================================*/
.call-to-action{
	border: 1px solid #cacaca;
	border-radius: 4px;
	padding: 35px 25px;
	display:block;
	height:auto;
	overflow:hidden;
	width: 100%;	
}
.call-to-action.callto-primary{
	background-color:#d13f31;	
	color:#fff;
}
.call-to-action.callto-primary h4{
	color:#fff;
}
.call-to-action.callto-primary-borders{
	border: 1px solid #d13f31;
    color:#d13f31;
}
.call-to-action.callto-primary-borders h4{
    color:#d13f31;
}
/*============================================ 
   4. Divider
 =============================================*/
 hr.dashed {
    border-top: 1px dashed #999;
}
hr.color1 {
	border-color:#D13F31;	 
}
hr.color2 {
	border-color:#f04903;	 
}
hr.color3 {
	border-color:#0078d7;	 
}
hr.color4 {
	border-color:#e99600;	 
}
hr.color1.h-2 {
	border:1px solid #D13F31;
}
hr.color2.h-2 {
	border:1px solid #f04903;
}
hr.color3.h-2 {
	border:1px solid #0078d7; 
}
hr.color4.h-2 {
	border:1px solid #e99600;
}
/*============================================ 
   4. Icons 
 =============================================*/
.shortcode-icons .sample-icon a {
	display: block;
	padding: 6px 20px;
	color:#555;
}
.shortcode-icons .sample-icon a:hover{
	color:#fff;
}
.shortcode-icons .sample-icon a:hover .text-muted {
    color: #fff;
}
.shortcode-icons .sample-icon a:hover{
	background-color:#d13f31;
}
/*============================================ 
   5. Panels 
 =============================================*/
.panel-primary {
    border-color: #d13f31;
}
 .panel-primary > .panel-heading {
	background-color: #d13f31;
	border-color: #d13f31;
	color: #fff;
}
 
.panel-secondary {
    border-color: #f04903;
}
.panel-secondary > .panel-heading {
	background-color: #f04903;
	border-color: #f04903;
	color: #fff;
}
 
.panel-tertiary {
    border-color: #0078d7;
}
.panel-tertiary > .panel-heading {
	background-color: #0078d7;
	border-color: #0078d7;
	color: #fff;
}

.panel-quaternary {
    border-color: #e99600;
}
.panel-quaternary > .panel-heading {
	background-color: #e99600;
	border-color: #e99600;
	color: #fff;
}
/*============================================ 
   5. Social Buttons 
 =============================================*/
ul.social-links {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.social-links > li {
	float: left;
	list-style: outside none none;
	margin: 0 5px 0 0;
	padding: 0;
}
.social-links li a {
	display: block;
	border: 1px solid #bcbcbc;	
	text-align: center;	
}
.social-links li a:hover {
	opacity:0.75;
}
.social-links.social-lg li a {
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	width: 42px;
}
.social-links li a, .social-links.social-md li a {
	height: 32px;
	line-height: 32px;
	width: 32px;
}
.social-links.social-sm li a {
	font-size: 13px;
	height: 26px;
	line-height: 25px;
	width: 26px;
}
.social-links.social-xs li a {
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	width: 22px;
}
.social-links.btn-circle li a{
	border-radius:50%;
}
.social-links.bg-color li a.facebook {
    background-color: #395f9f;
}
.social-links.bg-color li a.twitter {
    background-color: #1590c7;
}
.social-links.bg-color li a.linkedin {
    background-color: #005a99;
}
.social-links.bg-color li a.google-plus{
    background-color: #d72626;
}
.social-links.bg-color li a.behance{
    background-color: #0896cd;
}
.social-links.bg-color li a.instagram{
    background-color: #a16a4a;
}
.social-links.bg-color li a.youtube{
    background-color: #d92624;
}
.social-links.bg-color li a.pinterest{
    background-color: #bd2125;
}
.social-links.bg-color li a.skype{
    background-color: #62b1f6;
}
.social-links.bg-color li a.dribbble{
    background-color: #eb4095;
}
.social-links.bg-color li a.rss{
    background-color: #ffa500;
}
.social-links.bg-color li a.github{
    background-color: #17aee1;
}
.social-links.bg-color li a.vimeo{
    background-color: #808080;
}
.social-links.bg-color li a.tumblr{
    background-color: #a6d785;
}
.social-links.bg-color li a{
	border: 1px solid rgba(0, 0, 0, 0.1);	
	color: #fff;	
}
/*============================================ 
   5. Lists 
 =============================================*/
 .icon-list {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.icon-list li {
    position: relative;
}
.icon-list li i{
	color:#d13f31;
}
.icon-list li a{
	color:#555;
}
.icon-list li a:hover{
	color:#d13f31;
}
.icon-list.icon-sm li{
    line-height:28px;
}
.icon-list.icon-sm li i {
	font-size: 12px;
	margin-right: 2px;
}
.icon-list.icon-lg li{}
.icon-list.icon-lg li i {
	font-size: 20px;
	margin-right: 6px;
}
.icon-list.circle li,
.icon-list.square li {
    padding: 0 0 0 24px;
}
.icon-list.circle li::before,
.icon-list.square li::before {
	border-radius: 50%;
	color: #ffffff;
	content: "";
	display: inline-block;
	font-family: FontAwesome;
	height: 16px;
	left: 0;
	line-height: 14px;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 16px;
}
.icon-list.square li::before {
    border-radius: 0;	
}
.icon-list.circle.icon-lg li,
.icon-list.square.icon-lg li{
	padding: 0 0 0 28px;
}
.icon-list.circle.icon-lg li::before,
.icon-list.square.icon-lg li::before {
	font-size: 18px;
	height: 20px;
	line-height: 18px;
	width: 20px;
}
.icon-list.circle.icon-sm li,
.icon-list.square.icon-sm li{
	padding: 0 0 0 20px;
}
.icon-list.circle.icon-sm li::before,
.icon-list.square.icon-sm li::before {
	font-size: 11px;
	height: 13px;
	line-height: 12px;
	top: 7px;
	width: 13px;
}
.icon-list.circle li::before,
.icon-list.square li::before {
	background-color: #d13f31;
}
/*============================================ 
   6. Tabs 
 =============================================*/
.tabs {
    border-radius: 4px;
    margin-bottom: 20px;
}
.nav-tabs {
    border-bottom-color: #cccccc;
    font-size: 0;
    margin: 0;
    padding: 0;
}
.nav-tabs li {
    display: inline-block;
    float: none;
}
.nav-tabs li:last-child a {
    margin-right: 0;
}
.nav-tabs li a {
    font-size: 14px;
    margin-right: 1px;
	border-radius:0;
}
.nav-tabs li a,
.nav-tabs li a:hover {
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #cccccc #cccccc -moz-use-text-color;
    border-style: solid solid none;
    border-width: 3px 1px medium;
	color:#303030;
}
.nav-tabs li a:hover {
    border-bottom-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}
.nav-tabs li a:active,
.nav-tabs li a:focus {
    border-bottom: 0 none;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	background: #ffffff none repeat scroll 0 0;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-radius:0;
	border-bottom: none;
}
.tab-content {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: -moz-use-text-color #cccccc #cccccc;
	border-image: none;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	border-color:#cccccc;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	padding: 15px;
}
.nav-tabs.nav-right {
    text-align: right;
}
/* Tab Bottom */
.tabs.tabs-bottom {
    margin: 0 0 20px;
    padding: 0;
}
.tabs.tabs-bottom .tab-content {
    border-bottom: 0 none;
    border-top: 1px solid #cccccc;
}
.tabs.tabs-bottom .nav-tabs {
    border-bottom: medium none;
    border-top: 1px solid #cccccc;
}
.tabs.tabs-bottom .nav-tabs li {
    margin-bottom: 0;
    margin-top: -1px;
}
.tabs.tabs-bottom .nav-tabs li:last-child a {
    margin-right: 0;
}
.tabs.tabs-bottom .nav-tabs li a {
    font-size: 14px;
    margin-right: 1px;
}
.tabs.tabs-bottom .nav-tabs li a,
.tabs.tabs-bottom .nav-tabs li a:hover {
	border-bottom: 3px solid #cccccc;
	border-top: 1px solid #f4f4f4;
}
.tabs.tabs-bottom .nav-tabs li a:hover {
    border-top: 1px solid #f4f4f4;
}
.tabs.tabs-bottom .nav-tabs li.active a,
.tabs.tabs-bottom .nav-tabs li.active a:hover,
.tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-top-color: rgba(0, 0, 0, 0);
}
/* Tab Vertical */
.tabs-vertical {
    border-top: 1px solid #cccccc;
    display: table;
    padding: 0;
    width: 100%;
}
.tabs-vertical .tab-content {
    display: table-cell;
    vertical-align: top;
}
.tabs-vertical .nav-tabs {
    border-bottom: medium none;
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.tabs-vertical .nav-tabs > li {
    display: block;
}
.tabs-vertical .nav-tabs > li a {
    display: block;
    padding-top: 10px;
}
.tabs-vertical .nav-tabs > li a,
.tabs-vertical .nav-tabs > li a:hover,
.tabs-vertical .nav-tabs > li a:focus {
    border-bottom: medium none;
    border-top: medium none;
}
.tabs-vertical .nav-tabs > li.active a,
.tabs-vertical .nav-tabs > li.active a:hover,
.tabs-vertical .nav-tabs > li.active:focus {
    border-top: medium none;
}
/* Tab Left */
.tabs-left {
    padding: 0;
}
.tabs-left .tab-content {
    border-left: medium none;
}
.tabs-left .nav-tabs > li {
    margin-right: -1px;
}
.tabs-left .nav-tabs > li:last-child a {
    border-bottom: 1px solid #cccccc;
}
.tabs-left .nav-tabs > li a {
    border-left: 3px solid #cccccc;
    border-right: 1px solid #f4f4f4;
    margin-left: -3px;
    margin-right: 1px;
}
.tabs-left .nav-tabs > li.active a,
.tabs-left .nav-tabs > li.active a:hover,
.tabs-left .nav-tabs > li.active a:focus {
    border-right-color: #ffffff;
}
/* Tabs Right */
.tabs-right {
    padding: 0;
}
.tabs-right .tab-content {
    border-right: medium none;
}
.tabs-right .nav-tabs > li {
    margin-left: -1px;
}
.tabs-right .nav-tabs > li:last-child a {
    border-bottom: 1px solid #cccccc;
}
.tabs-right .nav-tabs > li a {
    border-left: 1px solid #f4f4f4;
    border-right: 3px solid #cccccc;
    margin-left: 1px;
    margin-right: 1px;
}
.tabs-right .nav-tabs > li.active a,
.tabs-right .nav-tabs > li.active a:hover,
.tabs-right .nav-tabs > li.active a:focus {
    border-left: 1px solid #ffffff;
}
/* Tab Justified */
.nav-tabs.nav-justified {
    margin-bottom: -1px;
    padding: 0;
}
.nav-tabs.nav-justified li {
    margin-bottom: 0;
}
.nav-tabs.nav-justified li a {
    border-bottom: 1px solid #f4f4f4;
    margin-right: 0;
	border-radius:0;
}
.nav-tabs.nav-justified li a:hover,
.nav-tabs.nav-justified li a:focus {
    border-bottom: 1px solid #f4f4f4;
}
.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus {
    background: #ffffff none repeat scroll 0 0;
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    border-top-width: 3px;
}
.nav-tabs.nav-justified li.active a {
    border-bottom: 1px solid #ffffff;
}
.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus {
    border-top-width: 3px;
}
.nav-tabs.nav-justified li.active a:hover {
    border-bottom: 1px solid #ffffff;
}
/* Tab Bottom */
.tabs.tabs-bottom {
    padding: 0;
}
.tabs.tabs-bottom .nav.nav-tabs.nav-justified {
    border-top: medium none;
}
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
    border-top-color: rgba(0, 0, 0, 0);
    margin-right: 0;
}
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a {
    margin-right: 0;
}
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus {
    border-top-color: rgba(0, 0, 0, 0);
}
.tabs-center .nav-tabs {
    margin: 0 auto;
    text-align: center;
}
.nav-tabs li a:hover {
    border-top: 3px solid #d13f31;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	border-top: 3px solid #d13f31;
	color: #d13f31;
}
.tabs.tabs-bottom .nav-tabs li a:hover {
    border-bottom: 3px solid #d13f31;
}
.tabs.tabs-bottom .nav-tabs li.active a,
.tabs.tabs-bottom .nav-tabs li.active a:hover,
.tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-bottom: 3px solid #d13f31;
}
.tabs-left .nav-tabs > li a:hover {
    border-left-color: #d13f31;
}
.tabs-right .nav-tabs > li a:hover {
    border-right-color: #d13f31;
}
.tabs-right .nav-tabs > li.active a,
.tabs-right .nav-tabs > li.active a:hover,
.tabs-right .nav-tabs > li.active a:focus {
    border-right: 3px solid #d13f31;
}
.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus {
    border-top-color: #d13f31;
}
.highlight.default {
	background-color:#d13f31;
}
.tabs-left .nav-tabs > li.active a,
.tabs-left .nav-tabs > li.active a:hover,
.tabs-left .nav-tabs > li.active a:focus {
    border-left: 3px solid #d13f31;
}

/*============================================ 
   7. Typography 
 =============================================*/
.highlight {
	color: #ffffff;
	padding: 0 6px 2px;
}
.highlight.gray {
    background: #4c4c4c none repeat scroll 0 0;
}
.highlight.light {
    background: #aaaaaa none repeat scroll 0 0;
}
.dropcap {
	float: left;
	font-size: 58px;
	line-height: 54px;
	margin-top: 8px;
	padding: 6px 10px 8px;
}
.dropcap_block {
	color: #ffffff;
	float: left;
	font-size: 50px;
	line-height: 50px;
	margin-right: 10px;
	margin-top: 8px;
	padding: 6px 10px 8px;
}
.dropcap {
	color: #d13f31;
}
.dropcap_block {
	background-color: #d13f31;
}
.dropcap_block.default {
    background-color: #d13f31;
}