/* Grid */

.respo-sc-grid_1,

.respo-sc-grid_2,

.respo-sc-grid_3,

.respo-sc-grid_4,

.respo-sc-grid_5,

.respo-sc-grid_6,

.respo-sc-grid_7,

.respo-sc-grid_8,

.respo-sc-grid_9,

.respo-sc-grid_10,

.respo-sc-grid_11,

.respo-sc-grid_12 {

	display: inline-block;

	float: left;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

}





 .respo-sc-grid_1 { width:6.333%; }

 .respo-sc-grid_2 { width:14.667%; }

 .respo-sc-grid_3 { width:23.0%; }

 .respo-sc-grid_4 { width:31.333%; }

 .respo-sc-grid_5 { width:39.667%; }

 .respo-sc-grid_6 { width:48.0%; }

 .respo-sc-grid_7 { width:56.333%; }

 .respo-sc-grid_8 { width:64.667%; }

 .respo-sc-grid_9 { width:73.0%; }

 .respo-sc-grid_10 { width:81.333%; }

 .respo-sc-grid_11 { width:89.667%; }

 .respo-sc-grid_12 { width:98.0%; }

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

	 .respo-sc-grid_1,

	 .respo-sc-grid_2,

	 .respo-sc-grid_3,

	 .respo-sc-grid_4,

	 .respo-sc-grid_5,

	 .respo-sc-grid_6,

	 .respo-sc-grid_7,

	 .respo-sc-grid_8,

	 .respo-sc-grid_9,

	 .respo-sc-grid_10,

	 .respo-sc-grid_11,

	 .respo-sc-grid_12 {

		display: block;

		float:none;

		margin:0 auto;

		width:100%;

	}

}



/* Buttons */



.respo-sc-button {

	display: inline-block;

	margin: 0 0 1em;

	padding: 8px 15px;

	border: 0;

	border-radius: 2px;

	border: 1px solid transparent;

	color: #ffffff;

	vertical-align: middle;

	text-align: center;

	font-weight: bold;

	font-size: 13px;


	line-height: 1.5384615384615385;

	cursor: pointer;

	outline: none;

	background-color: #434a54;

	border-color: #434a54;

	-webkit-transition: all 0.15s ease-in-out;

	-moz-transition: all 0.15s ease-in-out;

	-o-transition: all 0.15s ease-in-out;

	transition: all 0.15s ease-in-out;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	font-style:normal;

	text-decoration:none;

}

.respo-sc-button.medium {

	padding: 12px 24px;

	font-size: 18px;

}

.respo-sc-button.medium .respo-sc-genericon {

	line-height: 1.25;

	font-size: 18px;

}

.respo-sc-button.large {

	padding: 20px 32px;

	font-size: 24px;

}

.respo-sc-button.large .respo-sc-genericon {

	line-height: 1.5;

	font-size: 24px;

}

.respo-sc-button.block {

	display: block;

}

.respo-sc-button-icon-left {

	padding-right: 0.5em;

}

.respo-sc-button-icon-right {

	padding-left: 0.5em;

}

.respo-sc-button-icon-left.respo-sc-genericon, .respo-sc-button-icon-right.respo-sc-genericon {

	vertical-align: top;

	height: 10px;

}

.respo-sc-button:hover {

	opacity: 0.8;

}

.respo-sc-button span.respo-sc-button-inner {

	display: block;

	font-weight: normal;

	line-height: 1.5384615384615385;

	text-decoration: none;

	text-align: center;

	white-space: nowrap;

	color: #fff;

}



.respo-sc-button span.respo-sc-button-inner a:hover{ text-decoration:none !important



}



.respo-sc-button.darkgrey, .respo-sc-box.darkgrey, .respo-sc-highlight.darkgrey, .respo-sc-pricing-header.darkgrey, .respo-sc-pricing-header.darkgrey h5 {

	background-color: #3b3b3b;

	border-color: #ccc;

	color: #fff;

}



.respo-sc-button.olive, .respo-sc-box.olive, .respo-sc-highlight.olive, .respo-sc-pricing-header.olive, .respo-sc-pricing-header.olive h5 {

	background-color: #c6b343;

	border-color: #ccc;

	color: #fff;

}



.respo-sc-button.olive2, .respo-sc-box.olive2, .respo-sc-highlight.olive2, .respo-sc-pricing-header.olive2, .respo-sc-pricing-header.olive2 h5 {

	background-color: #c6b343;

	border:none;

	color: #fff;

}



.respo-sc-button.grey, .respo-sc-box.grey, .respo-sc-highlight.grey, .respo-sc-pricing-header.grey, .respo-sc-pricing-header.grey h5 {

	background-color: #ccc;

	border-color: #ccc;

	color: #fff;

}



.respo-sc-button.yellow, .respo-sc-box.yellow, .respo-sc-highlight.yellow, .respo-sc-pricing-header.yellow, .respo-sc-pricing-header.yellow h5 {

	background-color: #f6bb42;

	border-color: #f6bb42;

	color: #fff;

}



.respo-sc-button.green, .respo-sc-box.green, .respo-sc-highlight.green, .respo-sc-pricing-header.green, .respo-sc-pricing-header.green h5 {

	background-color: #8cc152;

	border-color: #8cc152;

	color: #fff;

}



.respo-sc-button.red, .respo-sc-box.red, .respo-sc-highlight.red, .respo-sc-pricing-header.red, .respo-sc-pricing-header.red h5 {

	background-color: #da4453;

	border-color: #da4453;

	color: #fff;

}



.respo-sc-button.pink, .respo-sc-box.pink, .respo-sc-highlight.pink, .respo-sc-pricing-header.pink, .respo-sc-pricing-header.pink h5 {

	background-color: #d770ad;

	border-color: #d770ad;

	color: #fff;

}



.respo-sc-button.black, .respo-sc-box.black, .respo-sc-highlight.black, .respo-sc-pricing-header.black, .respo-sc-pricing-header.black h5 {

	background-color: #434a54;

	border-color: #434a54;

	color: #fff;

}



.respo-sc-button.blue, .respo-sc-box.blue, .respo-sc-highlight.blue, .respo-sc-pricing-header.blue, .respo-sc-pricing-header.blue h5 {

	background-color: #3bafda;

	border-color: #3bafda;

	color: #fff;

}



.respo-sc-button.purple, .respo-sc-box.purple, .respo-sc-highlight.purple, .respo-sc-pricing-header.purple, .respo-sc-pricing-header.purple h5 {

	background-color: #967adc;

	border-color: #967adc;

	color: #fff;

}







/*  Alert Boxes  */



/* Dividers */



.respo-sc-divider {

	display: block;

	width: 100%;

	height: 0;

	margin: 0;

	background: none;

}

.respo-sc-divider.solid {

	border-top: 1px solid #eee;

}

.respo-sc-divider.dashed {

	border-top: 1px dashed #eee;

}

.respo-sc-divider.dotted {

	border-top: 1px dotted #eee;

}

.respo-sc-divider.double {

	height: 5px;

	display: block;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

}



.respo-sc-divider.yellow {

	background-color: #f6bb42;

}

.respo-sc-divider.green {

	background-color: #c6b343;

}

.respo-sc-divider.red {

	background-color: #da4453;

}

.respo-sc-divider.pink {

	background-color: #d770ad;

}

.respo-sc-divider.black {

	background-color: #434a54;

}

.respo-sc-divider.blue {

	background-color: #3bafda;

}

.respo-sc-divider.gray {

	background-color: #ededed;

}

.respo-sc-divider.purple {

	border-color: #967adc;

}





/* Toggle

================================================== */

.respo-sc-toggle .respo-sc-toggle-trigger {

	display: block;

	color: #3d3d3d;

	display: block;

	padding: 0.8em;

	border: 1px solid #ddd;

	background: #f9f9f9;

	outline: 0;

	text-transform: none;

	font-weight: normal;

	font-size: 1em;

	line-height: 1.5em;

	margin: 0;

	cursor: pointer;

}

.respo-sc-toggle .respo-sc-toggle-trigger:hover {

	background-color: #fcfcfc;

	text-decoration: none;

}



.respo-sc-toggle .respo-sc-toggle-container {

	display: none;

	overflow: hidden;

	padding: 15px;

	border: 1px solid #ddd;

	border-top: 0px;

}





/* Accordion

================================================== */

.respo-sc-accordion {

	border: 1px solid #ddd

}

.respo-sc-accordion h3.respo-sc-accordion-trigger {

	display: block;

	color: #3d3d3d;

	display: block;

	padding: 0.8em;

	border-bottom: 1px solid #ddd;

	background: #f9f9f9;

	outline: 0;

	text-transform: none;

	letter-spacing: normal;

	font-weight: normal;

	font-size: 1em;

	line-height: 1.5em;

	margin: 0;

	cursor: pointer;

}

.respo-sc-accordion h3.respo-sc-accordion-trigger a {

	color: #555;

	text-decoration: none !important;

}

.respo-sc-accordion .ui-state-focus {

	outline: none;

}

.respo-sc-accordion .respo-sc-accordion-trigger:hover {

	background-color: #fcfcfc;

	text-decoration: none;

}

.respo-sc-accordion .respo-sc-accordion-trigger.ui-state-active {

	background-color: #fff;

	text-decoration: none;

}

.respo-sc-accordion .respo-sc-accordion-trigger.ui-state-active a {

	color: #000

}

.respo-sc-accordion .ui-accordion-content {

	background-color: #fff;

	padding: 15px;

	border-bottom: solid 1px #ddd;

}

.respo-sc-accordion .ui-accordion-content p:last-child {

	margin: 0px;

}

.respo-sc-accordion .ui-icon {

	margin-right: 7px;

}





/* Tabs

================================================== */

.respo-sc-tabs ul.ui-tabs-nav {

	display: block;

	margin: 0;

	padding: 0;

	border-bottom: solid 1px #ddd;

	margin-left: 1px;

}

.respo-sc-tabs ul.ui-tabs-nav li {

	display: block;

	width: auto;

	height: 40px;

	padding: 0 !important;

	float: left !important;

	margin: 0 !important;

	outline: none;

}

.respo-sc-tabs ul.ui-tabs-nav li a {

	display: block;

	text-decoration: none;

	width: auto;

	height: 39px;

	padding: 0px 20px;

	line-height: 40px;

	border: solid 1px #ddd;

	border-width: 1px 1px 0 0;

	margin: 0;

	background-color: #f9f9f9;

	font-size: 1em;

	color: #444;

	outline: none;

}

.respo-sc-tabs ul.ui-tabs-nav li a:hover {

	color: #333;

	background: #fcfcfc;

}

.respo-sc-tabs ul.ui-tabs-nav .ui-state-active a {

	background: #fff;

	height: 40px;

	position: relative;

	top: -4px;

	padding-top: 4px;

	border-left-width: 1px;

	margin: 0 0 0 -1px;

	color: #111 !important;

	-moz-border-radius-topleft: 2px;

	-webkit-border-top-left-radius: 2px;

	border-top-left-radius: 2px;

	-moz-border-radius-topright: 2px;

	-webkit-border-top-right-radius: 2px;

	border-top-right-radius: 2px;

}

.respo-sc-tabs ul.ui-tabs-nav .ui-state-active a:hover {

	background: #fff

}

.respo-sc-tabs ul.ui-tabs-nav li:first-child .ui-state-active a {

	margin-left: 0

}

.respo-sc-tabs ul.ui-tabs-nav li:first-child a {

	border-width: 1px 1px 0 1px

}

.respo-sc-tabs .tab-content {

	background: #fff;

	padding: 20px;

	border-left: solid 1px #ddd;

	border-right: solid 1px #ddd;

	border-bottom: solid 1px #ddd;

	margin: 0;

}

.respo-sc-tabs ul.tabs:before, ul.tabs:after {

	content: '\0020';

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

.respo-sc-tabs ul.tabs:after {

	clear: both

}

.respo-sc-tabs ul.tabs {

	zoom: 1

}

.respo-sc-tabs .ui-tabs-hide {

	display: none

}

.respo-sc-tabs:before, ul.respo-sc-tabs:after {

	content: '\0020';

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

.respo-sc-tabs:after {

	clear: both

}

.respo-sc-tabs {

	zoom: 1

}

.respo-sc-tabs .ui-tabs-hide {

	display: none

}



.respo-sc-tabs .ui-tabs-nav {

	margin-bottom: 0 !important;

}







/* Pricing Table

================================================== */

.respo-sc-pricing-table {

	list-style: none;

	margin: 0 0 30px 0;

	padding: 0;

	font-size: 16px;-webkit-box-shadow: 8px 8px 4px -4px rgba(135,135,135,0.56);

-moz-box-shadow: 8px 8px 4px -4px rgba(135,135,135,0.56);

box-shadow: 8px 8px 4px -4px rgba(135,135,135,0.56);

	

}





.respo-sc-pricing-table div {

	list-style: none;

}

.respo-sc-pricing-table > div {

	list-style: none;

	text-shadow: none;

	margin-bottom: 0;

	border: 1px solid #ddd;

	

}

.respo-sc-pricing-table .respo-sc-pricing-header {

	text-align: center;

	padding: 20px 0;

	border-bottom: 1px solid #ddd;

}

.respo-sc-pricing-table .respo-sc-pricing-header h5 {

	font-size: 1.3em;

	margin: 0;

	font-weight: normal;

	line-height: 1;

}

.respo-sc-pricing-table .respo-sc-pricing-cost {

	font-size: 3em;

	line-height: 1;

	font-weight:bold;

	color: #FFF;

}

.respo-sc-pricing-table .featured .respo-sc-pricing-header {

	background: #fd5c41;

	margin: -1px;

	border-bottom: 1px solid #e72302;

}

.respo-sc-pricing-table .featured .respo-sc-pricing-header h5 {

	color: #fff;

	border-bottom: 1px solid #e72302;

}

.respo-sc-pricing-table .featured .respo-sc-pricing-cost {

	border-top: 1px solid #fe8773

}

.respo-sc-pricing-table .respo-sc-pricing-per {

	font-size: 0.786em;

}

.respo-sc-pricing-table .respo-sc-pricing-content {

	background: #fff;

	font-size: 0.857em;

	text-align: center;

}

.respo-sc-pricing-content p {

	margin:0;

}

.respo-sc-pricing-table .respo-sc-pricing-content ul {

	margin: 0 !important;

	list-style: none !important;

}

.respo-sc-pricing-table .respo-sc-pricing-content ul li {

	margin: 0 !important;

	padding: 10px 20px !important;

	border-bottom: 1px solid #eee;

	list-style: none !important;

}

.respo-sc-pricing-table .respo-sc-pricing-content ul li:nth-child(2n+2) {

	background: #f9f9f9;

}

.respo-sc-pricing-table .respo-sc-pricing-button {

	background: #fff;

	text-align: center;

	border-top: 1px solid #fff;

	padding: 20px;

}

.respo-sc-pricing-table .respo-sc-pricing-button .respo-sc-button {

	float: none;

	margin: 0 auto;

}





/* Clear Floats

================================================== */

.respo-cs-clear-floats {

	clear: both

}

.respo-sc-clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}