/*  

TABLE OF CONTENTS

01 - Buttons
02 - Columns 
03 - Flexslider
04 - Tabs
05 - Toggles

*/

/* 01 - Buttons */

.ttsc_button, a.ttsc_button, #footer a.ttsc_button {	
	background: #52a3ba;	
	display: inline-block;	
	color: #fff;
	text-decoration: none;		
	position: relative;
	cursor: pointer;	
	padding: 15px 20px;
	border: none;		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 3px 0 0;	
	line-height: normal !important;
	-webkit-appearance: none;	
	font-size: .9em;
	font-weight: bold;
	transition-property: all;
	-webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: 3px solid rgba(0,0,0,.2);
}

.ttsc_button:hover, a.ttsc_button:hover, #footer a.ttsc_button:hover {
	background: #4a4a4a !important;	
}

/* 02 - Columns */

.ttsc_one_half{ width:48%; }
.ttsc_one_third{ width:31%; }
.ttsc_two_third{ width:65.33%; }
.ttsc_one_half,.ttsc_one_third,.ttsc_two_third{ position:relative; margin-right:3%; float:left; }
.ttsc_last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

@media only screen and (max-width: 700px) {
.ttsc_one_half{ width:100%; }
.ttsc_one_third{ width:100%; }
.ttsc_two_third{ width:100%; }
.ttsc_one_half,.ttsc_one_third,.ttsc_two_third{ position:relative; margin-right:0%; float:none; }
.ttsc_last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
}

/* 03 - Flexslider */

#content .flexslider {	
	margin: 0 0 30px 0 !important;	
}

.flexslider p {
	margin: 0 !important;
}

.slideshow li, #content .flexslider li, #content .flexslider ol {
	list-style: none !important;
	list-style-type: none !important;	
}

#content .flexslider ol {	
	padding-bottom: 5px !important;
	margin-bottom: 0 !important;
}

#content .flexslider .slides {
	margin: 0;	
}

.flexslider {  min-height: 100px; border: 0 !important; margin: 0 0 0 0!important; padding: 0 0 1px 0 !important; background: transparent !important; border: none; position: relative; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0!important; border-radius: 0!important; box-shadow: none !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; zoom: 1;}
.flexslider .slides li{	margin-bottom: 0 !important; }
.flexslider .slides li p{ margin: 0 !important; }
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
.flexslider .slides img { height: auto; max-width: 100%; width: auto !important; margin: 0 auto;}
.flex-direction-nav, .flex-control-nav, .flex-caption { margin-bottom:0 !important;}
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}

/* Caption style */
/* IE rgba() hack */

.flex-caption {width: auto; position: absolute; color: #fff; }
.flex-caption p {font-size: .9em !important; margin-bottom: 0;}

/* Direction Nav */

.flex-direction-nav {	
	position: absolute;
	width: 100%;
	margin: 0 0 15px !important;
	right: 0;
	bottom: 50%;
	display: block;	
}

.flex-direction-nav li a { z-index: 100; width: 31px!important; height: 31px; display: block; cursor: pointer; text-indent: -9999px !important; border-radius: 15px; margin-top: 0; background-size: 15px 15px !important; text-align: left !important;}
.flex-direction-nav li a.flex-next {right: 30px !important; background: rgba(0,0,0,0.2) url(../images/flexslider/direction_next.png) no-repeat center center;}
.flex-direction-nav li a.flex-next:hover {}
.flex-direction-nav li a.flex-prev {left: 30px !important; background: rgba(0,0,0,0.2) url(../images/flexslider/direction_prev.png) no-repeat center center;}
.flex-direction-nav li a.flex-prev:hover {  }
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flex-direction-nav .flex-disabled {display: none;}

/* Control Nav */

.flex-control-nav { position: absolute; margin: 0!important; bottom: 0px !important; left: 0 !important; right: 0 !important; width: auto !important; z-index: 100;}
.flex-control-nav li {width: 10px !important; height: 10px !important; margin: 0 5px 0 !important; display: inline-block !important; z-index: 100;}
.flex-control-nav li:first-child {margin-left: 0 !important;}
.flex-control-paging li a {width: 100% !important; height: 100% !important; display: block !important; background: none !important; cursor: pointer; text-indent: -9999px; box-shadow: none !important; border: 3px solid rgba(255,255,255,.3);}
.flex-control-nav li a:hover {border: 3px solid rgba(255,255,255,1); !important;}
.flex-control-nav li a.flex-active {background: rgba(255,255,255,0.7) !important; cursor: default !important; border: 3px solid rgba(255,255,255,0); }

.flex-direction-nav {}
.flex-control-nav { margin: 30px 0 0 !important; position: relative !important; bottom: 0 !important; right: 0 !important; width: auto !important; }
.flex-direction-nav li a.flex-next { background-position: 9px center !important; margin-top: -15px !important;}
.flex-direction-nav li a.flex-prev { background-position: 7px center !important; margin-top: -15px !important;}
.flex-control-nav li a { border: 3px solid rgba(0,0,0,.3); background: none !important; box-shadow: none !important;}
.flex-control-nav li a:hover { background: none !important; border: 3px solid rgba(0,0,0,.5);}
.flex-control-nav li a.flex-active { background: rgba(0,0,0,0.3) !important; border: 3px solid rgba(0,0,0,0);}

/* 04 - Tabs */

.nav-tabs {
margin-bottom: 0 !important;
}

.nav {
padding-left: 0;
list-style: none;
}

.nav-tabs li {
margin-bottom: -1px !important;

}

.nav-tabs>li {
float: left;
margin-bottom: -1px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom: 1px solid #fff;
border-bottom-color: transparent;
cursor: default;
}

.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border: 1px solid #ddd;
background-color: #f8f8f8;
color: #555;
-webkit-transition: background-color .35s ease;
-moz-transition: background-color .35s ease;
-o-transition: background-color .35s ease;
transition: background-color .35s ease;
}

.nav-tabs>li>a:hover {
background-color: #f3f3f3;
}

.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
}

.nav>li {
position: relative;
display: block;
}

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
display: table;
line-height: 0;
content: "";
}

.nav-tabs:after, .nav-pills:after {
clear: both;
}

.tab-content {
overflow: auto;
border: 1px solid #ddd;
padding: 20px;
margin-bottom: 30px;
}

.tab-content>.tab-pane, .pill-content>.pill-pane {
display: none;
}

.tab-content>.active, .pill-content>.active {
display: block;
}

/* 05 - Toggles */

.panel-default, .accordion-group {
border-color: #ddd;
}

.panel-group .panel, .accordion {
margin-bottom: 20px;
background-color: #fff;
border-radius: 4px;

}

.panel-default>.panel-heading, .accordion-heading {
color: #333;
background-color: #f8f8f8;
border-color: #ddd;
-webkit-transition: background-color .35s ease;
-moz-transition: background-color .35s ease;
-o-transition: background-color .35s ease;
transition: background-color .35s ease;
}

.panel-heading, .accordion-heading {
border: 1px solid transparent;
background-color: #f8f8f8;
}

.panel-heading:hover, .accordion-heading:hover {
background-color: #f3f3f3;
}

.panel-heading h4, .accordion-heading h4 {
font-size: 1.2em;
margin-bottom: 0;
}

.panel-heading h4 a, .accordion-heading h4 a {
display: block;
padding: 10px 15px 10px 20px;
}

.panel-heading h4 a:hover, .accordion-heading h4 a:hover {
color: #333 !important;
}


.panel-body, .accordion-inner {
padding: 15px;
border: 1px solid #ddd;
border-top: none;
}

.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}

.collapse.in {
height: auto;
}

/* The following classes are in use in the HTML and can be used to further style the accordion elements */

.accordion {
}

.accordion-group {
}

.accordion-heading {
}

.accordion-title {
}

.accordion-body {
}