/*

	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 {

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

	}

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

	}

}









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

/*  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

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