/* =Blockquotes

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



blockquote.g7-pullquote {

	width: 220px;

	margin: 0 0 20px;

	letter-spacing: 1px;

	padding: 0 35px 0 35px;

}

blockquote.left {

	float: left;

}

blockquote.right {

	float: right;

}

blockquote.g7-pullquote.right {

	padding-right: 0;

	margin-left: 20px;

}

blockquote.g7-pullquote p {

	padding-right: 10px;

}

blockquote cite {

	display: block;

	margin-top: 10px;

	font-weight: normal;

	font-size: 11px;

	color: #555;

}

blockquote cite:before {

	content: "— ";

}





/* =Buttons

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



.g7-btn {

	cursor: pointer;

	display: inline-block;

	padding: 5px 12px 8px;

	font-family: 'Open Sans', Arial, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	border: none;

	background-color: #ef4423;

	-webkit-box-shadow:

		1px 1px 1px rgba(0, 0, 0, 0.03),

		0 2px 0 rgba(255, 255, 255, 0.2) inset,

		0 0 1px rgba(0, 0, 0, 0.5) inset,

		0 -4px 0 rgba(0, 0, 0, 0.1) inset;

	-moz-box-shadow:

		1px 1px 1px rgba(0, 0, 0, 0.03),

		0 2px 0 rgba(255, 255, 255, 0.2) inset,

		0 0 1px rgba(0, 0, 0, 0.5) inset,

		0 -4px 0 rgba(0, 0, 0, 0.1) inset;

	box-shadow:

		1px 1px 1px rgba(0, 0, 0, 0.03),

		0 2px 0 rgba(255, 255, 255, 0.2) inset,

		0 0 1px rgba(0, 0, 0, 0.5) inset,

		0 -4px 0 rgba(0, 0, 0, 0.1) inset;

	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));

	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));

	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));

	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));

	background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

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

}

.g7-btn:hover,

.g7-btn:focus {

	color: #fff;

	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2));

	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2));

	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2));

	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2));

	background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2));

}

.g7-btn.red {

	background-color: #ef4423;

}

.g7-btn.bittersweet {

	background-color: #fb6239;

}

.g7-btn.coral {

	background-color: #ff764c;

}

.g7-btn.orange {

	background-color: #fe9b00;

}

.g7-btn.celery {

	background-color: #9fc54e;

}

.g7-btn.blue {

	background-color: #3e93d2;

}

.g7-btn.cerulean {

	background-color: #00adef;

}

.g7-btn.eastern {

	background-color: #2790b0;

}

.g7-btn.terracotta {

	background-color: #e15f4e;

}

.g7-btn.pink {

	background-color: #ff6fbc;

}

.g7-btn.cranberry {

	background-color: #dd577a;

}

.g7-btn.sunset {

	background-color: #ff4c54;

}

.g7-btn.medium {

	font-size: 14px;

	padding: 8px 16px 11px;

}

.g7-btn.large {

	font-size: 17px;

	padding: 12px 20px 15px;

}

.buttons .g7-btn {

	margin: 0 10px 10px 0;

}

body a.g7-btn,

body a.g7-btn:hover {

	color: #fff;

	text-decoration: none;

}





/* =Message Boxes

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



.g7-msg {

	color: #444;

	border: 1px solid #ddd;

	margin-bottom: 20px;

	padding: 20px 10px 20px 40px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);

	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);

	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);

	background-position: 12px 22px;

	background-repeat: no-repeat;

	cursor: pointer;

}

.g7-msg h3 {

	font-size: 14px;

	line-height: 20px;

	font-weight: bold;

	color: #555;

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

}

.g7-info {

	border-color: #BFDBF2;

	background-color: #EDFAFF;

	background-image: url(images/information-white.png);

}

.g7-success {

	border-color: #D3E5AD;

	background-color: #FAFFEA;

	background-image: url(images/tick.png);

}

.g7-error {

	border-color: #F2BDA3;

	background-color: #FCE8E0;

	background-image: url(images/exclamation-red.png);

}

.g7-warning {

	border-color: #EAE3AF;

	background-color: #FFFCE5;

	background-image: url(images/exclamation.png);

}

body .g7-msg h3 {

	margin: 0 0 10px;

}





/* =Tabs

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



ul.g7-tabs {

	display: block;

	margin: 0 0 20px 0 !important;

	padding: 0;

	border-bottom: solid 1px #ddd;

}

ul.g7-tabs li {

	display: block;

	width: auto;

	height: 30px;

	padding: 0;

	float: left;

	margin: 0;

}

ul.g7-tabs li a {

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

	box-sizing: content-box;

	display: block;

	text-decoration: none;

	width: auto;

	height: 29px;

	padding: 0px 20px;

	line-height: 30px;

	border: solid 1px #ddd;

	border-width: 1px 1px 0 0;

	margin: 0;

	background: #f5f5f5;

	outline: none;

	transition: none;

}

ul.g7-tabs li a.active {

	background: #fff;

	height: 30px;

	position: relative;

	top: -4px;

	padding-top: 4px;

	border-left-width: 1px;

	margin: 0 0 0 -1px;

	color: #111;

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

}

ul.g7-tabs li:first-child a.active {

	margin-left: 0;

}

ul.g7-tabs li:first-child a {

	border-width: 1px 1px 0 1px;

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

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

	border-top-left-radius: 2px;

}

ul.g7-tabs li:last-child a {

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

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

	border-top-right-radius: 2px;

}

ul.g7-tabs-content {

	list-style-type: none;

	margin: 0 0 20px !important;

	padding: 0;

	display: block;

}

ul.g7-tabs-content > li {

	display: none;

	list-style: none;

	margin: 0;

}

ul.g7-tabs-content > li.active {

	display: block;

}

ul.g7-tabs:before,

ul.g7-tabs:after {

	content: '\0020';

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

ul.g7-tabs:after {

	clear: both;

}

ul.g7-tabs {

	zoom: 1;

}



ul.g7-tabs li a {

	color: #999;

	background-color: #fafafa;

}

ul.g7-tabs li a:hover {

	background-color: #fff;

}





/* =Accordion

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



.g7-accordion {

	border: 1px solid #ddd;

	border-bottom: none;

	margin-bottom: 20px;

}

.g7-accordion > dt {

	color: #999;

	background-color: #fafafa;

	padding: 10px;

	cursor: pointer;

	margin: 0;

	border-bottom: 1px solid #ddd;

}

.g7-accordion > dt.active {

	background: #fff;

	color: #444;

	border-bottom: none;

	font-weight: bold;

}

.g7-accordion > dt:hover {

	background-color: #fff;

}

.g7-accordion > dd {

	margin: 0 !important;

	padding: 10px;

	border-bottom: 1px solid #ddd;

}





/* =Lists

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



.g7-bullet > ul,

.g7-tick > ul,

.g7-cross > ul,

.g7-plus > ul {

	list-style: none;

	padding: 0;

	margin-left: 0 !important;

}

.g7-bullet ul li {

	padding-left: 25px;

	background: url(images/globe-small.png) 0 5px no-repeat;

}

.g7-tick ul li {

	padding-left: 25px;

	background: url(images/tick.png) 0 4px no-repeat;

}

.g7-cross ul li {

	padding-left: 25px;

	background: url(images/cross.png) 0 5px no-repeat;

}

.g7-plus ul li {

	padding-left: 25px;

	background: url(images/plus.png) 0 4px no-repeat;

}

body .g7-bullet ul li,

body .g7-tick ul li,

body .g7-cross ul li,

body .g7-plus ul li {

	margin: 0;

	list-style: none;

}





/* =Columns

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



.g7-one_half,

.g7-one_third,

.g7-two_third,

.g7-one_fourth,

.g7-two_fourth,

.g7-three_fourth {

	margin-right: 4%;

	float: left;

	margin-bottom: 20px;

	height: auto !important;

}

.g7-one_half {

	width: 48%;

}

.g7-one_third {

	width: 30.6666%;

}

.g7-two_third {

	width: 65.3332%;

}

.g7-one_fourth {

	width: 22%;
	display: table-cell;
  	vertical-align: middle;

}

.g7-three_fourth {

	width: 74%;

}

.g7-last {

	margin-right: 0 !important;

}





/* =Separator

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



.g7-separator {

	border-top: 1px dashed #ebebeb;

	height: 1px;

	margin-bottom: 19px;

	clear: both;

}

.g7-space {

	height: 20px;

	clear: both;

}





/* =Code

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



.g7-code pre {

	white-space: pre-wrap;

	white-space: -moz-pre-wrap;

	white-space: -pre-wrap;

	white-space: -o-pre-wrap;

	word-wrap: break-word;

	margin-bottom: 20px;

	padding: 10px;

	background: #fafafa url(images/code-bg.png);

	padding: 19px;

	line-height: 19px;

	border: 1px solid #eaeaea;

	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.04);

	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.04);

	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.04);

}

body .g7-code pre,

#content .g7-code pre {

	line-height: 19px;

	padding: 19px;

}





/* =Highlight

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



.g7-highlight {

	background-color: #777;

	color: #222;

	padding: 0 3px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

.g7-highlight.red {

	background-color: #F29898;

}

.g7-highlight.green {

	background-color: #8BF58B;

}

.g7-highlight.blue {

	background-color: #A0C6FF;

}

.g7-highlight.yellow {

	background-color: #FFF795;

}

.g7-highlight.orange {

	background-color: #FABF83;

}

.g7-highlight.gray {

	background-color: #E0E0E0;

}

.g7-highlight.brown {

	background-color: #D3A75D;

}





/* =Toggles

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



dl.g7-toggle {

	margin-bottom: 0;

	padding: 10px 0;

}

dl.g7-toggle dt {

	padding: 0 0 0 20px;

	background: #fff url(images/acc-plus.gif) -15px -10px no-repeat;

	cursor: pointer;

}

dl.g7-toggle dd {

	margin: 0;

	padding: 10px 10px 10px 20px;

	border-bottom: 1px solid #efefef;

}

dl.g7-toggle dt.active {

	color: #444;

	background: #fff url(images/acc-min.gif) -15px -10px no-repeat;

}





/* =Dropcap

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



.g7-dropcap {

	float: left;

	width: 32px;

	height: 32px;

	margin: 5px 10px 0 0;

	line-height: 32px;

	font-size: 36px;

	text-align: center;

}

.g7-dropcap.square {

	font-size: 24px;

	color: #fff;

	background: #444;

}

.g7-dropcap.circle {

	font-size: 24px;

	color: #fff;

	background: #444;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

}





/* =Social

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



a.g7-social:hover img {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	filter: alpha(opacity=70);

	opacity: 0.7;

}