/* ==================================================
   Buttons
================================================== */

.button {
  	display: inline-block;
  	margin-bottom: 0;
  	padding: 13px 26px;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  	/*background-color: #3C3F45;*/
	background-color: rgba(100, 100, 100, 1);
  	/*color: #23262C;*/
	color: rgba(255, 255, 255, 1);
  	vertical-align: middle;
  	text-align: center;
  	text-transform: uppercase;
  	font-weight:500;
  	font-size: 16px;
  	cursor: pointer;
	border:none;
  
	-webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
  	*border: 0;
  	*zoom: 1;
}

/*--- Hover/Active/Focus State ---*/

.button:hover,
.button:active,
.button:focus {
	/*background-color: #DE5E60;*/
	background-color: rgba(255, 150, 0, 1);
	/*color:#FFFFFF;*/
	color: rgba(255, 255, 255, 1);
}

/* --- Button Sizes --- */

.button.button-large {
  	padding: 16px 30px;
  	font-size: 18px;
}

.button.button-small {
  	padding: 8px 18px;
  	font-size: 14px;
}

.button.button-mini {
  	padding: 4px 12px;
  	font-size: 12px;
}

.button.button-block {
	padding-right: 0;
	padding-left: 0;
	width: 100%;	
}

.button + .button {
	margin-left: 10px;	
}

/* ==================================================
Accordion and Toggle
================================================== */

.panel-group {
    /*margin-bottom: 50px;*/
	margin-bottom: 0px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.panel-group .panel+.panel {
    margin-top: 0px;
}

/*use this if you want space between*/

.panel-default {
    border: none;
}

.panel-default > .panel-heading {
    border: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(65, 65, 65, 1);
}

.panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
}

.panel-heading.active {
    background-color:  rgba(255, 150, 0, 1);
}


.panel-heading:hover {
    background-color:  rgba(255, 150, 0, 1);
}

.panel-heading .panel-toggle {
    position: relative;
    display: block;
    padding: 15px 15px 15px 15px;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

/*-webkit-transition: all .1s linear 0s;
-moz-transition: all .1s linear 0s;
transition: all .1s linear 0s;*/

.panel-heading .panel-toggle:after {
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -10px 0px 0px 0px;
    font-size: 12px;
    content: "\f078";
}

.panel-heading .panel-toggle.collapsed:after {
    content: "\f077";
}

.panel-heading .panel-toggle.toggle:after {
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -10px 0px 0px 0px;
    font-size: 12px;
    content: "\f068";
}

.panel-heading .panel-toggle.toggle.collapsed:after {
    content: "\f067";
}


/*had animation info here*/

.panel-body {
    background: rgba(145, 145, 145, 1);
    /*padding: 15px 20px;*/
	padding: 15px 10px;
    color: rgba(255, 255, 255, 1);
    border: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.toggle-item {
    margin-bottom: 0px;
}

/* ==================================================
   Alerts
================================================== */

.alert {
  	margin-bottom: 20px;
	margin: 10px 0px 10px 0px;
  	padding: 15px 35px 15px 15px;
	border: none;
	text-shadow: none;
  	-webkit-border-radius: 0px;
       -moz-border-radius: 0px;
          	border-radius: 0px;
  	background-color: #DBA571;
}

.alert,
.alert h4 {
	color: #FFFFFF;
}

.alert h4 {
  	margin: 0;
}

.alert .close {
 	position: relative;
  	top: 2px;
  	right: -22px;
  	line-height: 20px;
	color: #FFFFFF;	
	text-shadow: none;
	
	-webkit-transition: opacity 0.1s linear 0s;
	-moz-transition: opacity 0.1s linear 0s;
	-ms-transition: opacity 0.1s linear 0s;
	-o-transition: opacity 0.1s linear 0s;
	transition: opacity 0.1s linear 0s;
}

.alert .close:hover {
	opacity: 1;	
}

.alert-standard {
  	/*background-color: #3C3F45;*/
	background-color: rgba(65, 65, 65, 1)
}

.alert-success {
  	background-color: #1F7F5C;
}

.alert-danger,
.alert-error {
  	background-color: #E56C69;
}

.alert-info {
  	background-color: #5A9AA8;
}


.alert-block {
  	padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  	margin-bottom: 0;
}

.alert-block p + p {
  	margin-top: 5px;
}

/* ==================================================
   Tabs
================================================== */

.nav {
 	margin-bottom: 0px;
  	margin-left: 0;
  	list-style: none;
}

.nav > li > a {
  	display: block;
  	color: #23262C;
  	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
          	border-radius: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  	background-color: rgba(255, 150, 0, 1);
	color: rgba(255, 255, 255, 1);
  	text-decoration: none;
  	display: block;
}

.nav > li > a > img {
  	max-width: none;
}

.nav > .pull-right {
  	float: right;
}

.nav-tabs {
  	*zoom: 1;
}

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

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

.nav-tabs {
  	border-bottom: none;
}

.nav-tabs > li {
	float: left;
	/*margin: 0 4px 0 0;*/
	/*margin: 0 1px 0 0;*/
}

.nav-tabs > li > a {
	/*background: #3C3F45;*/
	background: rgba(65, 65, 65, 1);
	padding: 15px;
  	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	margin: 0 1px 0 0;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border: none;
  	background-color: rgba(255, 150, 0, 1);
	color: rgba(255, 255, 255, 1);
  	cursor: default;
}

/*.nav-tabs > li.active > a {
	color: rgba(255, 255, 255, 1);
	cursor: default;

	background-color: #3C3F45;

	border: 2px solid rgba(75, 75, 75, 1);
	border-bottom-color: transparent;
}*/

.tabtable {
  	*zoom: 1;
}

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

.tabtable:after {
  	clear: both;
}

.tab-content {
  	overflow: auto;
	padding: 20px;
	background-color: rgba(145, 145, 145, 1);
	/*background: #26292E;*/
}

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

.tab-content > .tab-pane > p {
  	/*display: none;*/
	color: rgba(255, 255, 255, 1);
}

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


/* ==================================================
   Blockquotes
================================================== */

blockquote {
  	padding: 15px 20px;
  	border-left: 2px solid #DE5E60;
}

blockquote p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

blockquote small {
  	display: block;
  	color: #65676c;
  	font-weight:400;
  	font-size: 13px;
  	line-height: 20px;
	margin-top: 10px;
}

blockquote small:before {
  	content: '';
}

/* ==================================================
   Tooltip
================================================== */

.tooltip {
  	position: absolute;
  	z-index: 999;
  	display: block;
  	visibility: visible;
  	padding: 5px;
  	font-weight:400;
  	font-size: 14px;
  	opacity: 0;
  	filter: alpha(opacity=0);
}

.tooltip.in {
  	opacity: 1;
  	filter: alpha(opacity=100);
}

.tooltip.top {
  	margin-top: -3px;
}

.tooltip.right {
  	margin-left: 3px;
}

.tooltip.bottom {
  	margin-top: 3px;
}

.tooltip.left {
  	margin-left: -3px;
}

.tooltip-inner {
  	padding: 16px;
  	max-width: 300px;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
          	border-radius: 0;
  	background-color: #FFFFFF;
  	color: #26292E;
  	text-align: center;
  	text-decoration: none;
}

.tooltip-arrow {
  	position: absolute;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-color: transparent;
}

.tooltip.top .tooltip-arrow {
  	bottom: 0;
  	left: 50%;
  	margin-left: -15px;
  	border-width: 10px 10px 0;
  	border-top-color: #FFFFFF;
}

.tooltip.right .tooltip-arrow {
  	top: 50%;
  	left: 0;
  	margin-top: -15px;
  	border-width: 10px 10px 10px 0;
  	border-right-color: #FFFFFF;
}

.tooltip.left .tooltip-arrow {
  	top: 50%;
  	right: 0;
  	margin-top: -15px;
  	border-width: 10px 0 10px 10px;
  	border-left-color: #FFFFFF;
}

.tooltip.bottom .tooltip-arrow {
  	top: 0;
  	left: 50%;
  	margin-left: -15px;
  	border-width: 0 10px 10px;
  	border-bottom-color: #FFFFFF;
}

/* ==================================================
   Info Block
================================================== */

.info-block {
    /*border-left: 2px solid #DE5E60;*/
	border-left: 2px solid rgba(255, 150, 0, 1);
    overflow: hidden;
    padding: 20px;
    position: relative;
}

    /*margin: 0 0 20px 0*/

.accent-text {
	color: rgba(255, 150, 0, 1);
}

.info-text {
	/*only if you want button*/
    padding-right: 20%;
	/*padding-right: 5%;*/
    position: relative;
}

.info-block h3 {
    font-size: 24px;
	line-height: 1em;
	margin: 0 0 20px 0;
	/*text-transform: uppercase;*/
}

.info-block p {
	margin-bottom: 0;	
}

.info-block a.button {
    margin-top: -22px;
    position: absolute;
    right: 0;
    top: 50%;
}

/* ==================================================
   Video
================================================== */

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}


/* ==================================================
   Icons Example
================================================== */

.icons ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.icons ul li {
	display: inline-block;
	margin: 10px;
	list-style: none;
	cursor: pointer;
}

.icons ul li a {
	display: block;
	width: 90px;
	height: 90px;
	/*width: 12.5%;*/
	/*height: 12.5%;*/

	/*background: #26292E;*/
	background: rgba(100, 100, 100, 1);
	
	/*-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);	*/
}

.animated ul li a {
	/*display: block;*/
	/*width: 70px;*/
	/*height: 70px;*/

	/*background: #26292E;*/
	/*background: rgba(100, 100, 100, 1);*/
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);	
}

.icons ul li a span {
	display: inline-block;
	margin: 0;
	/*color: #55606a;*/
	color: rgba(215, 215, 215, 1);
	/*font-size: 32px;*/
	font-size: 40px;
	line-height: 90px;
	
	/*opacity: 0.3;*/
	/*filter: alpha(opacity=30);*/

	opacity: 0.4;
	filter: alpha(opacity=40);
	
	/*-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);*/
}

.animated ul li a span {
	/*display: inline-block;*/
	/*margin: 0;*/
	/*color: #55606a;*/
	/*color: rgba(215, 215, 215, 1);*/
	/*font-size: 32px;*/
	/*line-height: 70px;*/
	
	/*opacity: 0.3;*/
	/*filter: alpha(opacity=30);*/

	/*opacity: 0.4;*/
	/*filter: alpha(opacity=40);*/
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}

.icons ul li:hover a,
.icons ul li.active a {
	/*background-color: #DE5E60;*/
	background-color: rgba(255, 150, 0, 1);	
	
	/*-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
		    transform: rotateY(180deg);*/
}

.animated ul li:hover a,
.animated ul li.active a {
	/*background-color: #DE5E60;*/
	/*background-color: rgba(255, 150, 0, 1);	*/
	
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
		    transform: rotateY(180deg);
}

.icons ul li:hover a span,
.icons ul li.active a span {
	color: #FFFFFF;
	/*color: rgba(215, 215, 215, 1);*/
	opacity: 1;
	filter: alpha(opacity=100);
	
	/*-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);*/
}

.animated ul li:hover a span,
.animated ul li.active a span {
	/*color: #FFFFFF;*/
	/*color: rgba(215, 215, 215, 1);*/
	/*opacity: .75;*/
	/*filter: alpha(opacity=100);*/
	
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}