/*

	1. 	Columns

	2. 	Buttons

	3. 	Tooltip

	4.	Share Box

	5.	Separator

	6.	Custom Heading

	7.	Gap

	8.	Mailto

	9.	Wrap

	10.	Google Map

	11.	Accordion

	12. Tabs

	13. Vertical Tabs

	14. Notifications

*/



/*------------------------------------------------*/

/*  1. Columns

/*------------------------------------------------*/

.one_half { width: 48%; }

.one_third { width: 30.66%; }

.two_thirds { width: 65.33%; }

.one_fourth { width: 22%; }

.three_fourths { width: 74%; }

.one_fifth { width: 17.5%; }

.two_fifths { width: 37.6%; }

.three_fifths { width: 58.4%; }

.four_fifths { width: 77.2%; }

.one_sixth { width: 13.33%; }

.five_sixths { width: 82.67%; }

.one_half,.one_third,.two_thirds,.three_fourths,.one_fourth,.one_fifth,.two_fifths,.three_fifths,.four_fifths,.one_sixth,.five_sixths{

	position: relative;

	margin-right: 3%;

	margin-bottom: 25px;

	float: left;

}

.column-last, .last-column{

	margin-right: 0!important;

	clear: right;

}

@media screen and (max-width: 800px){

	.two_thirds, .three_fourths {

		width: 98%;

		clear: both;

	}

	.one_third + .two_thirds{ margin-left: 0; }

	.two_thirds + .one_third{

		width: 100%;

		margin: 0 auto;

	}

}

@media screen and (max-width: 600px){

	.one_half,

	.one_third,

	.one_fourth,

	.one_fifth,

	.one_sixth{

		width: 99%;

	}
	
	.two_fifths, .three_fifths {

		width: 98%;

		clear: both;

	}

	.one_half + .one_half, .one_third + .one_third, .two_thirds + .one_third, .one_fourth + .one_fourth, .one_fifth + .one_fifth, .one_third + .two_thirds, .one_sixth + .one_sixth {

		margin-left: 0;

	}

	.one_third .closeable-x,

	.one_fourth .closeable-x,

	.one_fifth .closeable-x {

		background: url(images/notification-closeable-x.png) 98% 8px no-repeat;

	}

}



/*------------------------------------------------*/

/*  2. Buttons

/*------------------------------------------------*/

a.button {

	text-decoration:none;

	line-height:2.5em;

	display:inline-block;

	padding:0 10px 0;

	margin:0 10px 10px 0;

}

a.inline-button.button{ margin-top: 10px; }

a.button.default{

	color:#FFF;

}

a.button.default:hover{	

	background:#5a5a5a;

}

a.button.black{

	border:1px solid #4C4C4C;

	color:#FFF;

	text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);

}

a.button.black:hover{

	border:1px solid #2C2C2C;

	background:#5a5a5a;

}

a.button.blue{

	border:1px solid #8DC5DA;

	color:#42788E;

}

a.button.blue:hover{

	border:1px solid #7CAEC0;

	background:#92dbf6;

}

a.button.grey {

	border:1px solid #B5B5B5;	

	color:#555;

}

a.button.grey:hover {

	border:1px solid #989898;	

	background-color: #bcbcbc;	

	background-image: -moz-linear-gradient(top, #bcbcbc, #c2c2c2);	

	background-image: -ms-linear-gradient(top, #bcbcbc, #c2c2c2);	

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcbcbc), to(#c2c2c2));	

	background-image: -webkit-linear-gradient(top, #bcbcbc, #c2c2c2);	

	background-image: -o-linear-gradient(top, #bcbcbc, #c2c2c2);	

	background-image: linear-gradient(top, #bcbcbc, #c2c2c2);	

	background-repeat: repeat-x;	

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2', GradientType=0);

}

a.button.red {

	border:1px solid #DF6F8B;	

	color:#913944;	

	text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);

}

a.button.red:hover {

	border:1px solid #C36079;	

	background-color: #f56c7e;	

	background-image: -moz-linear-gradient(top, #f56c7e, #f78297);	

	background-image: -ms-linear-gradient(top, #f56c7e, #f78297);	

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f56c7e), to(#f78297));	

	background-image: -webkit-linear-gradient(top, #f56c7e, #f78297);	

	background-image: -o-linear-gradient(top, #f56c7e, #f78297);	

	background-image: linear-gradient(top, #f56c7e, #f78297);	

	background-repeat: repeat-x;	

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297', GradientType=0);

}

a.button.white {

	border:1px solid #D3D3D3;	

	color:#555;	

	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);	

	background-color: #fbfbfb;	

	background-image: -moz-linear-gradient(top, #fbfbfb, #f0f0f0);	

	background-image: -ms-linear-gradient(top, #fbfbfb, #f0f0f0);	

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#f0f0f0));	

	background-image: -webkit-linear-gradient(top, #fbfbfb, #f0f0f0);	

	background-image: -o-linear-gradient(top, #fbfbfb, #f0f0f0);	

	background-image: linear-gradient(top, #fbfbfb, #f0f0f0);	

	background-repeat: repeat-x;	

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f0f0f0', GradientType=0);

}

a.button.white:hover {

	border:1px solid #C4C4C4;	

	background-color: #efefef;	

	background-image: -moz-linear-gradient(top, #efefef, #f8f8f8);	

	background-image: -ms-linear-gradient(top, #efefef, #f8f8f8);	

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#f8f8f8));	

	background-image: -webkit-linear-gradient(top, #efefef, #f8f8f8);	

	background-image: -o-linear-gradient(top, #efefef, #f8f8f8);	

	background-image: linear-gradient(top, #efefef, #f8f8f8);	

	background-repeat: repeat-x;	

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8', GradientType=0);

}

a.button.green {

	border:1px solid #467612;

	color:#FFF;

	text-shadow:none;

}

a.button.green:hover {

	color:#FFF;	

	text-shadow:none;	

	background-color: #467612;	

	background-image: -webkit-gradient(linear, left top, left bottom, from(#467612), to(#AED613));	

	background-image: -webkit-linear-gradient(top, #467612, #AED613);	

	background-image:    -moz-linear-gradient(top, #467612, #AED613);	

	background-image:      -o-linear-gradient(top, #467612, #AED613);	

	background-image:         linear-gradient(to bottom, #467612, #AED613);	

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#467612', endColorstr='#AED613');

}

a.button.silver {

	border:1px solid #5C5C5C;

	color:#FFF;

	text-shadow:none;

}

a.button.silver:hover {

	color:#FFF;

	text-shadow:none;

	background-color: #5C5C5C;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#5C5C5C), to(#ACACAC));

	background-image: -webkit-linear-gradient(top, #5C5C5C, #ACACAC);

	background-image:    -moz-linear-gradient(top, #5C5C5C, #ACACAC);

	background-image:      -o-linear-gradient(top, #5C5C5C, #ACACAC);

	background-image:         linear-gradient(to bottom, #5C5C5C, #ACACAC);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5C5C5C', endColorstr='#ACACAC');

}





/*------------------------------------------------*/

/*  3. Tool Tips

/*------------------------------------------------*/



.tooltips a {

  border-bottom:1px dotted #1abc9c

  }

.tooltip {

  position: absolute;

  z-index: 1030;

  display: block;

  visibility: visible;

  font-size: 12px;

  line-height: 1.4;

  opacity: 0;

  filter: alpha(opacity=0);

}

.tooltip.in {

  opacity: 0.8;

  filter: alpha(opacity=80);

}

.tooltip.top {

  margin-top: -3px;

  padding: 5px 0;

}

.tooltip.right {

  margin-left: 3px;

  padding: 0 5px;

}

.tooltip.bottom {

  margin-top: 3px;

  padding: 5px 0;

}

.tooltip.left {

  margin-left: -3px;

  padding: 0 5px;

}

.tooltip-inner {

  max-width: 200px;

  padding: 8px;

  color: #ffffff;

  text-align: center;

  text-decoration: none;

  background-color: #000000;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;



}

.tooltip-arrow {

  position: absolute;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

}

.tooltip.top .tooltip-arrow {

  bottom: 0;

  left: 50%;

  margin-left: -5px;

  border-width: 5px 5px 0;

  border-top-color: #000000;

}

.tooltip.right .tooltip-arrow {

  top: 50%;

  left: 0;

  margin-top: -5px;

  border-width: 5px 5px 5px 0;

  border-right-color: #000000;

}

.tooltip.left .tooltip-arrow {

  top: 50%;

  right: 0;

  margin-top: -5px;

  border-width: 5px 0 5px 5px;

  border-left-color: #000000;

}

.tooltip.bottom .tooltip-arrow {

  top: 0;

  left: 50%;

  margin-left: -5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000000;

}



/*------------------------------------------------*/

/*  4. Share Box

/*------------------------------------------------*/

.post-share {

	clear:both;

	width:auto;

	max-width:100%;

	padding:15px 20px;

	background-color:#fff;

	border:1px solid #e8e8e8;

	border-radius:3px;

	-webkit-border-radius:3px;

}



.post-share-menu {

	list-style:none;

	padding:0;

	margin:0;

	float:right;

}

.post-share-menu li{

	list-style-type:none;

	display:inline-block;

	padding:0;

	margin:0;

}



.post-share-menu li a {

	color: #696969;

	display: inline-block;

	padding:0 10px!important;

	font-size:16px;

}



.post-share-menu li:last-child a {

	padding-right:0!important;

}



.post-share-menu li a i{

	vertical-align:-1px;

}



.post-share-menu li a:hover {

	color: #666;

}



.post-share .share-label{

	display:inline-block;

	font-size:13px;

	line-height:1;

	margin-right:10px;

	margin-bottom:0;

}



/*------------------------------------------------*/

/*  5. Separator

/*------------------------------------------------*/

.hr {

	clear: both;

	border: 0;

	height: 2px;

	width: 100%;

	margin: 5px auto 25px;

	text-align:center;

	white-space:nowrap;

	overflow:hidden;

}

.counter-title .hr,

.portfolio-item .hr,

.feature_box .hr{

	display:none;

	text-align:left;

	margin:15px 0 20px;

}

#titlebar .hr{

	display:none;

	text-align:left;

	margin:15px 0 20px;

}

.hr-type-tiny .feature_box .hr{

	margin:10px 0 20px!important;

}

.portfolio-item .hr{

	margin:5px 8px;

}

.counters.align-center-yes .counter-title .hr,

.portfolio-item .hr,

.feature_boxes.box-style3.align-content-center-yes .feature_box .hr,

#titlebar.titlebar-alignment-center .hr{

	text-align:center;

}

.portfolio-style1.portfolio-style1.info-style-left .portfolio-item .hr{

	text-align:left;

}

.feature_boxes.box-style2.icon-side-right .feature_box .hr{

	text-align:right;

}

.enable-hr-yes .counter-title .hr ,

.enable-hr-yes .portfolio-item .hr,

.enable-hr-yes .feature_box .hr,

#titlebar.enable-hr-yes .hr{

	display:block;

}

.hr.alignleft{

	text-align:left;

	float:none;

}

.hr.alignright{

	text-align:right;

	float:none;

}

.hr.hr-with-icon{

	height:20px;

}

.hr span:before ,

.hr span:after{

	content:"";

	position:relative;

	height:1px;

	width:50%;

	background-color:#e8e8e8;

	vertical-align:top;

	display:inline-block;

	top:0;

}

.hr.hr-border-dark span:before ,

.hr.hr-border-dark span:after,

.hr-color-dark .hr span:after,

.hr-color-dark .hr span:before{

	background-color:#555;

}

.hr.hr-border-primary span:before ,

.hr.hr-border-primary span:after ,

.hr-color-primary .hr span:after,

.hr-color-primary .hr span:before{

	background-color:#1abc9c;

}

.content-box.scheme1 .hr span:before,

.content-box.scheme1 .hr span:after{

	background-color:rgba(255,255,255,0.65);

}

.content-box.scheme1 .hr.hr-border-dark span:before,

.content-box.scheme1 .hr.hr-border-dark span:after{

	background-color:#fff!important;

}

.hr.hr-with-icon span:before{

	margin-left:-10px;

	left:-13px;

	top:10px;

}

.hr.hr-with-icon span:after{

	margin-right:-10px;

	right:-13px;

	top:10px;

}

.hr span i{

	width:20px;

	height:20px;

	line-height:20px;

	text-align:center;

	color:#ccc;

}

.hr.hr-border-dark span i{

	color:#666;

}

.hr.double-border span:after ,

.hr.double-border span:before,

.hr-style-double .hr span:after ,

.hr-style-double .hr span:before{

	height:2px;

}

.hr span{

	width:100%;

	display:inline-block;

	height:2px;

	vertical-align:top;

}

.hr.hr-with-icon span{

	height:20px;

}

.hr.border-small span,

.hr-type-small .hr span{

	width:120px;

}

.hr-type-small .portfolio-item  .hr span{

	width:80px;

}

.hr.border-medium span,

.hr-type-medium .hr span{

	width:300px;

}

.hr.border-tiny span,

.hr-type-tiny .hr span{

	width:30px;

}



/*------------------------------------------------*/

/*  6. Custom Heading

/*------------------------------------------------*/

.title.style2,

.title.style1{

	width:100%;

	overflow:hidden!important;

}

.title.style1 span {

	padding: 0 0 15px;

	display: inline-block;

	position: relative;

	white-space:inherit;

}

h6.title.style1 span {

	padding-bottom:8px;

}

.title.style1 span:after {

	content: "";

	position: absolute;

	display: inline-block;

	left: 0;

	bottom: 0;

	width: 30px;

	background-color: #454545;

	height:1px

}

.title.style1.textcenter span:after {

	left:50%;

	margin-left:-15px;

}

.title.style2 span{

	overflow:hidden;

	position:relative;

	padding-right:15px;

}

.title.style2.textcenter span{

	padding:0 15px;

}

.title.style2 span:after {

	content: "";

	position: absolute;

	display: inline-block;

	top:50%;

	width: 40px;

	left:100%;

	background-color: #454545;

	height: 1px;

}

.title.style2.textcenter span:after {

	width:20px;

}

.title.style2.textcenter span:before {

	content: "";

	position: absolute;

	display: inline-block;

	top:50%;

	width: 20px;

	left:-20px;

	background-color: #454545;

	height: 1px;

}

.title.style1.divider-medium.textcenter span:after{

	margin-left:-10px;

}

.title.style1.divider-light span:after,

.title.style2.divider-light span:after,

.title.style2.divider-light span:before{

	background-color:#e8e8e8;

}

.content-box.scheme1 .title.style1 span:after,

.content-box.scheme2 .title.style1 span:after,

.content-box.scheme2 .title.style1 span:before{

	background-color:#fff;

}

.title.style1.divider-medium span:after{

	width:150px;

}

.title.style1.divider-parent span:after{

	width:1170px;

}

.title.style2.divider-medium span:after{

	width:150px;

}

.title.style2.divider-medium.text-center span:after{

	width:75px;

}

.title.style2.divider-medium.text-center span:before{

	width:75px;

	left:-75px;

}

.title.style1.divider-medium.textcenter span:after{

	margin-left:-75px;

}



.title.style1.divider-full span:after{

	width:100%;

}

.title.style1.divider-full.textcenter span:after{

	margin-left:0px;

}

.title.style2.divider-full span:after{

	width:1170px;

}

.title.style2.divider-full.textcenter span:after{

	width:585px;

}

.title.style2.divider-full.textcenter span:before{

	margin-left:-585px;

	width:585px;

}



/*------------------------------------------------*/

/*  7. Gap

/*------------------------------------------------*/

.gap {

	display: block;

	width: 100%;

	margin: 0;

	height: 20px;

	line-height: 20px

}

.gap.small {

	height: 10px;

	line-height: 20px

}

.gap.large {

	height: 30px;

	line-height: 30px

}

.gap.extra-large {

	height: 50px;

	line-height: 50px

}

.doublegap {

	display: block;

	width: 100%;

	height: 1px;

	margin: 50px 0;

}





/*------------------------------------------------*/

/*  8. MailTo

/*------------------------------------------------*/



/*------------------------------------------------*/

/*  9. Wrap

/*------------------------------------------------*/



/*------------------------------------------------*/

/*  10. Google Map

/*------------------------------------------------*/



/*------------------------------------------------*/

/*  11. Accordion

/*------------------------------------------------*/

.accordion {

	font-size:13px;

	margin-bottom:40px;

	margin: 10px 0;

}

.accordion dt {

	width:100%;

	margin-bottom:4px;

	position:relative;

	cursor:pointer;	

    border: 1px solid #e1e2e3;

	background: none;

    margin-bottom: 10px;

    padding: 15px 25px 15px 57px;

	font-size: 18px;

    font-weight: 700;

	color: #aaa6a6;

	clear: both;

}

.accordion dt:before{

	content:"\f067";

	font-family: FontAwesome;

	margin-top: 2px;

	position: absolute;

	left: 21px;

	font-weight: normal!important;

}

.accordion dt.current:before{

	content:"\f068";

}

.accordion dd {

	display:none;

	line-height:20px;

	padding: 10px 10px 25px;

	margin:0 !important;

}

.accordion dd.current { display:block; }

.accordion dd p:first-child { margin-top:8px; }





/*------------------------------------------------*/

/*  12. Tabs

/*------------------------------------------------*/

.tabs-horizontal {

	position:relative;

	margin-top:40px;

	font-size:13px;

	padding-top:10px;

	height:380px;

	margin:0;

}

.tabs-horizontal dt {

	float:left;

	margin: 0;

	cursor:pointer;

	font-weight:bold;

}

.tabs-horizontal dd {

	background: #f9f9f9;

	width: 100%;

	padding: 20px 15px 10px;

	border: 1px solid #e8e8e8;

	top: 46px;

	transition: all 0.3s ease-in-out;

	min-height: 200px;

	display:none;

	position:absolute;	

	margin:0 !important;	

	min-width: 50%;

}

.tabs-horizontal dd.current { display:block; }



.tabs-horizontal_arrow {

	position:absolute;

	top:38px;

	z-index:1001;

	width:28px;

	height:15px;

	background-image:url(../images/arrow-up-2.png);

	background-repeat:no-repat;

}



/*------------------------------------------------*/

/*  13. Vertical Tabs

/*------------------------------------------------*/



/*------------------------------------------------*/

/*  14. Testimonials

/*------------------------------------------------*/

.testimonials { margin-bottom:15px;	}

.testimonial strong { font-size:13px; }

.client_identity { margin-left:36px; }

.dots { z-index:200; }

.testimonial blockquote {

	margin-top:20px;

	font-size:13px;

	line-height:1.6em;

	padding-left:36px;

	position:relative;

	font-style:normal;

}

.testimonial blockquote:before {

	content:url(images/testimonials.png);

	position:absolute;

	top:0;

	left:0;

}

.testimonial blockquote,q { quotes:none; }

.circle {

	float:left;

	border:6px solid #ebebeb;

	border-radius:6px;

	width:0;

	margin-left:8px;

	cursor:pointer;

}

.circle.current,circles:hover { border-color:#d6d6d6; }





/*------------------------------------------------*/

/*  15. Notifications

/*------------------------------------------------*/