@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,700);








*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }


.clearfix:before, .clearfix:after { content: ''; display: table; }


.clearfix:after { clear: both; }


 








#content_wrapper {


	width: 960px;


	margin: 0px auto;


	min-height: 400px;


	padding-top: 30px;


}


 


 


#content_wrapper #sidebar {


	float: left;


	width: 300px;


	color: #292929;


	font-size: 14px;


	text-align: left;


	padding-bottom: 30px;


}





#content_wrapper #sidebar #block {


	border: 1px solid #c0c0c0;


	-webkit-border-radius: 4px;


    -moz-border-radius: 4px;


    border-radius: 4px;


	margin-left: 30px;


	background-color: #FFF;


	width: 240px;


	margin-bottom: 15px;


}





#content_wrapper #sidebar #block h2 {


	font-size: 20px;


	font-weight: normal;


}





 


#content_wrapper #sidebar #block h2.products { 


	height: 22px; 


	background-position: center;


	/*line-height: 22px;


	padding-left: 30px;*/


	margin-left: 15px;


	float: center;


	color:gray;font-weight: bold; 


}





 





#content_wrapper #sidebar #block .product {


	min-height: 85px;


	border-top: 1px solid #c0c0c0;


	padding: 10px 15px 0px 15px;


}





#content_wrapper #sidebar #block .product .thumbnail {


	float: left;


	margin-right: 15px;


}





#content_wrapper #sidebar #block .product .thumbnail img {


	width: 90px;


	height: 60px;


	border: 3px solid #fff;


	-webkit-border-radius: 4px;


    -moz-border-radius: 4px;


    border-radius: 4px;


	-moz-box-shadow: 0px 0px 2px #999;


	-webkit-box-shadow: 0px 0px 2px #999;


	box-shadow: 0px 0px 2px #999;


	behavior: url(PIE/PIE.htc);


	position: relative;


}





#content_wrapper #sidebar #block .product .description {


	float: center;


	line-height: 14px;


}


 








 


 


 


 


 


 








#navi{ 


	border-bottom: none;


    border-top: none;


	border-left: none;


	border-right: none;


	position:relative; 


	display: inline; 


	width: 100%;


	height: 100%;


    text-decoration: none;


}





#navi:before {  content: '';


    width: 100%;


    height: 100%;


	position: relative; 


    border-bottom: none;


    border-top: none;


	border-left: none;


	border-right: none; 


}





#navi li:hover {


	 background-color: gray;


  


} 


#navi a {


	border-bottom: none;


    border-top: none;


	border-left: none;


	border-right: none; 


}


 


#navi li:hover font{ 


    color: white;


}


.tyy {


	 float: center; 


padding: 0px 0px 0px 0px;	


}





 





.pdff {   


	   position: relative;   


	   overflow: hidden; 


	}


.pdff iframe {





	    position: absolute;


	    display: block;


	    top: 0;


	    left: 0;


	    width: 100%;


	    height: 100%;


	}


	 


.right{


    float: right; 


	color: red; 


	font-size: 12px;


	font-weight: bold; 


	padding-top: 5px;	


}


	














body {


	background: #333;


	color: #74777b; /*#fff;*/


	font-weight: 400;


	font-size: 1em;


	font-family: 'Raleway', Arial, sans-serif;


}





a {


	color: #f0f0f0;


	text-decoration: none;


	outline: none;


}








	


.ip-header {


	position: fixed;


	top: 0;


	z-index: 100;


	min-height: 480px;


	width: 100%;


	height: 100%;


	background: #F3F3F5; /*#f1f1f1;*/ 


}





.ip-header h1 {


	margin: 0;


}





.ip-logo,


.ip-loader {


	position: absolute;


	left: 0;


	width: 100%;


	opacity: 0;


	cursor: default;


	pointer-events: none;


}





.ip-logo {


	/*top: -65px;


	height: 100%;*/


	/*height: 75%;


    top: 115px;*/


	height: inherit;


    top: -35px;


	-webkit-transform: translate3d(0,25%,0);


	transform: translate3d(0,25%,0);


}





.ip-loader {


	bottom: 20%;


}





.ip-header .ip-inner {


	display: block;


	margin: 0 auto;


}





.ip-header .ip-logo svg {


	min-width: 320px;


	/* max-width: 480px;


	width: 60%; */

	max-width: 800px;
    width: 100%;

}





.ip-header .ip-logo svg path {


	fill: #fff; /* #ef6e7e;*/


}





.ip-header .ip-loader svg path {


	fill: none;


	stroke-width: 6;


}





.ip-header .ip-loader svg path.ip-loader-circlebg {


	stroke: #ddd;


}





.ip-header .ip-loader svg path.ip-loader-circle {


	-webkit-transition: stroke-dashoffset 0.2s;


	transition: stroke-dashoffset 0.2s;


	stroke: #DB223B; /*#ef6e7e;*/


}





/* Content */


.ip-main {


	overflow: hidden;


	margin: 0 auto;


	padding: 160px 0 10em 0;


	max-width: 1100px;


	width: 90%;


}





.ip-main h2 {


	margin: 0;


	padding: 0.5em 0 1em;


	color: #be4856;


	text-align: center;


	font-size: 4.25em;


	font-size: 4vw;


	line-height: 1;


}





.browser {


	margin: 0 auto;


	padding-top: 8%;


	min-height: 400px;


	max-width: 1000px;


	width: 100%;


	border-radius: 8px;


	background: #fff url(../img/browser.png) no-repeat 50% 0;


	background-size: 100%;


	color: #d3d3d3;


}





.box {


	float: left;


	padding: 3.5em;


	width: 33.3%;


	font-size: 0.7em;


	line-height: 1.5;


}





.box p {


	font-family: 'Blokk', Arial, sans-serif;


}





[class^="icon-"]::before, 


[class*=" icon-"]::before {


	display: block;


	margin-bottom: 0.5em;


	padding: 0.5em;


	border-radius: 5px;


	background: #dfdfdf;


	color: #fff;


	text-align: center;


	text-transform: none;


	font-weight: normal;


	font-style: normal;


	font-variant: normal;


	font-size: 5em;


	font-family: 'feather';


	line-height: 1;


	speak: none;


	-webkit-font-smoothing: antialiased;


	-moz-osx-font-smoothing: grayscale;


}





.icon-bell:before {


	content: "\e006";


}





.icon-cog:before {


	content: "\e023";


}





.icon-heart:before {


	content: "\e024";


}





/* Animations */





/* Initial animation of header elements */


.loading .ip-logo,


.loading .ip-loader {


	opacity: 1;


	-webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;


	animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;


}





.loading .ip-loader {


	-webkit-animation-delay: 0.2s;


	animation-delay: 0.2s;


}





@-webkit-keyframes animInitialHeader {


	from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }


}





@keyframes animInitialHeader {


	from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }


}





/* Header elements when loading finishes */


.loaded .ip-logo,


.loaded .ip-loader {


	opacity: 1;


}





.loaded .ip-logo {


	-webkit-transform-origin: 50% 0;


	transform-origin: 50% 0;


	-webkit-animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;


	animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;


}





@-webkit-keyframes animLoadedLogo {


	to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }


}





@keyframes animLoadedLogo {


	to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }


}





.loaded .ip-loader {


	-webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;


	animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;


}





@-webkit-keyframes animLoadedLoader {


	to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }


}





@keyframes animLoadedLoader {


	to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }


}





/* Change the color of the logo */


.loaded .ip-logo svg path {


	-webkit-transition: all 0.5s ease 0.3s;


	transition: all 0.5s ease 0.3s;


	fill: #74777b;


}





/* Header animation when loading finishes */


.loaded .ip-header {


	-webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;


	animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;


}





@-webkit-keyframes animLoadedHeader {


	to { -webkit-transform: translate3d(0,-100%,0); }


}





@keyframes animLoadedHeader {


	to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }


}





/* Content animations */


.loaded .ip-main h2,


.loaded .ip-main .browser,


.loaded .ip-main .browser .box,


.loaded .codrops-demos {


	-webkit-animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;


	animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;


}





.loaded .ip-main .browser,


.loaded .ip-main .browser .box:first-child {


	-webkit-animation-delay: 0.1s;


	animation-delay: 0.1s;


}





.loaded .ip-main .browser .box:nth-child(2) {


	-webkit-animation-delay: 0.15s;


	animation-delay: 0.15s;


}





.loaded .ip-main .browser .box:nth-child(3) {


	-webkit-animation-delay: 0.2s;


	animation-delay: 0.2s;


}





@-webkit-keyframes animLoadedContent {


	from { opacity: 0; -webkit-transform: translate3d(0,200px,0); }


}





@keyframes animLoadedContent {


	from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); }


}





/* Change layout class for header */


.layout-switch .ip-header {


	position: absolute;


}





/* No JS */


.no-js .ip-header {


	position: relative;


	min-height: 0px;


}





.no-js .ip-header .ip-logo {


	margin-top: 20px;


	height: 180px;


	opacity: 1;


	-webkit-transform: none;


	transform: none;


}





.no-js .ip-header .ip-logo svg path {


	fill: #fff;


}





/* Demo colors */





.demo-1 a { color: #be4856; }





.demo-2 { background: #72d0f4; }


.demo-2 a { color: #1c9ccd; }





a:hover, a:focus {


	color: #74777b; /*#fff;*/


}





section {


	padding: 1em;


	text-align: center;


}





/* Header */


.codrops-header {


	margin: 0 auto;


	padding: 2em;


	text-align: center;


	height: 94px;


}





.codrops-header h1 {


	margin: 0;


	font-weight: 300;


	font-size: 2.5em;


	line-height: 1.3;


}





.codrops-header h1 span {


	display: block;


	padding: 0 0 0.6em 0.1em;


	font-size: 60%;


	opacity: 0.7;


}





/* To Navigation Style */


.codrops-top {


	width: 100%;


	text-transform: uppercase;


	font-weight: 700;


	font-size: 0.69em;


	line-height: 2.2;


}





.codrops-top a {


	display: inline-block;


	padding: 2em;


	text-decoration: none;


	letter-spacing: 1px;


}





.codrops-top span.right {


	float: right;


}





.codrops-top span.right a {


	display: block;


	float: left;


}





.codrops-icon:before {


	margin: 0 4px;


	text-transform: none;


	font-weight: normal;


	font-style: normal;


	font-variant: normal;


	font-family: 'codropsicons';


	line-height: 1;


	speak: none;


	-webkit-font-smoothing: antialiased;


}





.codrops-icon-drop:before {


	content: "\e001";


}





.codrops-icon-prev:before {


	content: "\e004";


}





/* Demo Buttons Style */


.codrops-demos {


	padding: 2em 0 1em;


	font-size: 0.8em;


	text-align: center;


}





.codrops-demos a {


	display: inline-block;


	margin: 0.5em 0.75em;


	line-height: 1.5;


	outline: none;


	text-decoration: none;


	text-transform: uppercase;


	letter-spacing: 1px;


	font-weight: 700;


}





.codrops-demos a.current-demo {


	color: inherit;


}





/* Related demos */


.related {


	padding: 4em 0 3em;


}





.related p {


	font-size: 1.25em;


	font-weight: 700;


}





.related > a {


	border: 2px solid #000;


	border-color: initial;


	display: inline-block;


	text-align: center;


	margin: 20px 10px;


	padding: 25px;


}





.related a img {


	max-width: 100%;


	opacity: 0.8;


}





.related a:hover img,


.related a:active img {


	opacity: 1;


}





.related a h3 {


	margin: 0;


	padding: 0.5em 0 0.3em;


	max-width: 300px;


	text-align: left;


}





/* Demo ad design */


body #cdawrap {


	background: none;


	top: 50px;


	opacity: 0;


	-webkit-transition: opacity 0.3s 1.2s;


	transition: opacity 0.3s 1.2s;


	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;


}





body #cdawrap a {


	color: #fff !important;


}





body .loaded ~ #cdawrap {


	opacity: 1;


}





body #cdawrap #cda-remove {


	top: 20px;


	right: 25px;


	width: 20px;


	height: 20px;


	opacity: 0;


}





body #cdawrap:hover #cda-remove {


	opacity: 1;


}








body {


	background: url(../img/bg.png) repeat top center;


	color: #74777b;


	font-weight: 400;


	font-size: 1em;


	font-family: 'Raleway', Arial, sans-serif;


}





a {


	color: #2CC185;


	text-decoration: none;


	outline: none;


}





a:hover, a:focus {


	color: #74777b;


}





.support {


	display: none;


	color: #ef5189;


	text-align: left;


	font-size: 1.5em;


	max-width: 1200px;


	margin: 1em auto 0;


	padding: 0;


}





.no-flexbox .support {


	display: block;


}





.hidden {


	position: absolute;


	width: 0;


	height: 0;


	overflow: hidden;


	opacity: 0;


}





.container > section {


	padding: 0;


	font-size: 1.25em;


	min-height: 100%;


}





p {


	text-align: center;


	padding: 1em;


}





/* Header */


.codrops-header {


	padding: 1em 0;


	letter-spacing: -1px;


	text-align: center;


	background-color:#fff;


}





.codrops-header h1 {


	max-width: 1200px;


	margin: 0 auto;


	font-weight: 800;


	font-size: 5em;


	line-height: 1;


}





.codrops-header h1 span {


	display: block;


	font-size: 50%;


	font-weight: 400;


	padding-top: 0.325em;


	color: #bdc2c9;


}








/* To Navigation Style */


.codrops-top {


	width: 100%;


	text-transform: uppercase;


	font-weight: 700;


	font-size: 0.69em;


	line-height: 2.2;


}





.codrops-top a {


	display: inline-block;


	padding: 1em 2em;


	text-decoration: none;


	letter-spacing: 1px;


}





.codrops-top span.right {


	float: right;


}





.codrops-top span.right a {


	display: block;


	float: left;


}





.codrops-icon:before {


	margin: 0 4px;


	text-transform: none;


	font-weight: normal;


	font-style: normal;


	font-variant: normal;


	font-family: 'codropsicons';


	line-height: 1;


	speak: none;


	-webkit-font-smoothing: antialiased;


}





.codrops-icon-drop:before {


	content: "\e001";


}





.codrops-icon-prev:before {


	content: "\e004";


}





/* Related demos */


.related {


	text-align: center;


}





.related > a {


	width: calc(100% - 20px);


	max-width: 340px;


	border: 1px solid black;


	border-color: initial;


	display: inline-block;


	text-align: center;


	margin: 20px 10px;


	padding: 25px;


}





.related a img {


	max-width: 100%;


	opacity: 0.8;


}





.related a:hover img,


.related a:active img {


	opacity: 1;


}





.related a h3 {


	margin: 0;


	padding: 0.5em 0 0.3em;


	max-width: 300px;


	text-align: left;


}


























/* Footer */


.codrops-footer {


	padding: 1em 0;


	letter-spacing: -1px;


	text-align: center;


	background-color:#fff;


	border-bottom: 1px solid #eeeeee;


    border-top: 1px solid #eeeeee;


	/* position:relative; */
	position: fixed;
    bottom: 0px;
    width: 100%;

}


.codrops-footer section { 


    padding: 0;


    text-align: center;


}


.codrops-footer section:before { 


	content: ''; 


	position: absolute; 


	height: 7px; 


	bottom: -7px; 


	left: 0; 


	background: url(../img/shadow.png) no-repeat top center; 


	width: 100%; 


	z-index: 1; 


}


.codrops-footer h1 {


	max-width: 1200px;


	margin: 0 auto;


	font-weight: 800;


	font-size: 5em;


	line-height: 1;


}





.codrops-footer h1 span {


	display: block;


	font-size: 50%;


	font-weight: 400;


	padding-top: 0.325em;


	color: #bdc2c9;


}


.codrops-footer a {


	color: #bdc2c9;


	margin: 0 10px;


}


.codrops-footer a i {


	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;


    color: #bdc2c9;


    display: inline-block;


    font-size: 122%;


    font-weight: 400;


    padding-top: 0;


    position: relative;


	


}


.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }


.cred { background: #E65A4C; color:#fff; height: 283px; font-size: 1em;	font-family: 'Raleway', Arial, sans-serif;}


.cblue { background: #5B82AB; color:#fff; height: 283px; font-size: 1em;	font-family: 'Raleway', Arial, sans-serif;}


.cgreen { background: #99B563; color:#fff; height: 283px; font-size: 1em;	font-family: 'Raleway', Arial, sans-serif;}


#switcher { list-style: none;  border-top: none; position: relative; background-color: #fff; }


			#switcher:before { content: ''; position: absolute; height: 7px; top: -8px; left: 0; width: 100%; }


		#switcher-container { position: relative; }


			#switcher-container:after { content: ''; position: absolute; height: 7px; bottom: -6px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }


				#switcher li { float: left; width: 32%; border-right: 1px solid #eeeeee; cursor: pointer; }


				#switcher .last { border-right: none; width: 32%; }


					#featured_section .active-slide .switcher-content, #featured_section .switcher_hover { background-color: #f9f9f9; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; }


					#featured_section .switcher_hover, #featured_section .switcher_hover .post-meta, .et_tab_link_hover .post-meta { -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }


					.switcher-content { padding: 41px 29px 24px; position: relative; }


					.switcher-content h2{ color:#fff; }


						span.post-meta { position: absolute; left: 29px; top: 34px; display: block; background: #4c4c4c; color: #fff; font-size: 11px; text-transform: uppercase; text-align: center; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; width: 45px; height: 45px; line-height: 36px; font-weight: lighter; font-size: 10px; text-transform: uppercase; }


							span.post-meta span { display: block; margin-top: -24px; font-weight: bold; font-size: 12px; }





							#switcher h2 { font-weight: lighter; font-size: 20px; }


							#switcher .meta-info, .article .meta-info { background: none; font-size: 16px; color: #fff; margin-top: -5px; }


								#switcher .meta-info a, .article .meta-info a { color: #b8b8b8; text-decoration: none; }


								


#boxser { list-style: none;  border-top: none; position: relative; background-color: #fff; }


			#boxser:before { content: ''; position: absolute; height: 7px; top: -8px; left: 0;   width: 100%; }


		#boxser-container { position: relative; }


			#boxser-container:after { content: ''; position: absolute; height: 7px; bottom: -6px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }


				#boxser li { float: left; width: 24%; border-right: 1px solid #eeeeee; 


				/*cursor: pointer; */


				}


				#boxser .last { border-right: none; width: 24%; }


					#featured_section .active-slide .boxser-content, #featured_section .switcher_hover { background-color: #f9f9f9; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; }


					#featured_section .switcher_hover, #featured_section .switcher_hover .post-meta, .et_tab_link_hover .post-meta { -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }


					.boxser-content { padding: 21px 9px 4px; position: relative; }


					.boxser-content h2{ color:#fff; }


					.boxser-content p{ text-align: center !important; }


						span.post-meta { position: absolute; left: 29px; top: 34px; display: block; background: #4c4c4c; color: #fff; font-size: 11px; text-transform: uppercase; text-align: center; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; width: 45px; height: 45px; line-height: 36px; font-weight: lighter; font-size: 10px; text-transform: uppercase; }


							span.post-meta span { display: block; margin-top: -24px; font-weight: bold; font-size: 12px; }





							#boxser h2 { font-weight: lighter; font-size: 20px; }


							#boxser .meta-info, .article .meta-info { background: none; font-family: 'Open Sans Condensed', Arial, sans-serif; font-size: 16px; color: #fff; margin-top: -5px; }


								#boxser .meta-info a, .article .meta-info a { color: #b8b8b8; text-decoration: none; }								


/* Basic Grey */


.basic-grey {


    margin-left:auto;


    margin-right:auto;


    /* max-width: 500px; */
	max-width: 638px;


    background: #F7F7F7;


    padding: 25px 15px 25px 10px;


    color: #888;


    text-shadow: 1px 1px 1px #FFF;


    border:1px solid #E4E4E4;


}


.basic-grey h1 {


    font-size: 25px;


    padding: 0px 0px 10px 40px;


    display: block;


    border-bottom:1px solid #E4E4E4;


    margin: 0 0 30px 0;


    color: #888;


	text-align: center;


    width: 100%;


}


.basic-grey h1>span {


    display: block;


    font-size: 11px;


}


.basic-grey label {


    display: block;


    margin: 0px;


}


.basic-grey label>span {


    float: left;


    width: 20%;


    text-align: right;


    padding-right: 10px;


    margin-top: 10px;


    color: #888;


}


.col{


    float: left;


    width: 49%;


    text-align: right;


    padding-right: 10px;


    margin-top: 10px;


    color: #888;





}


.col iframe{


width: 100%;


	height: 391px;


    min-height: 439px;


}


.clear{


clear: both;


}


.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {


    border: 1px solid #DADADA;


    color: #888;


    height: 30px;


    margin-bottom: 16px;


    margin-right: 6px;


    margin-top: 2px;


    outline: 0 none;


    padding: 3px 3px 3px 5px;


    width: 70%;





    line-height:15px;


    box-shadow: inset 0px 1px 4px #ECECEC;


    -moz-box-shadow: inset 0px 1px 4px #ECECEC;


    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;


}


.basic-grey textarea{


    padding: 5px 3px 3px 5px;


}


.basic-grey select {

 
    appearance:none;


    -webkit-appearance:none;


    -moz-appearance: none;


    text-indent: 0.01px;


    text-overflow: '';


    width: 70%;


    height: 35px;


    line-height: 25px;


}


.basic-grey textarea{


    height:100px;


}


.basic-grey label .button {


    border:1px solid #BDC2C9;


    border: none;


    padding: 10px 25px 10px 25px;


    color: #4B5866;


    box-shadow: 1px 1px 1px #B6B6B6;


    border-radius: 3px;


    /*text-shadow: 1px 1px 1px #9E3F3F;*/


    cursor: pointer;


}


.basic-grey label .button:hover {


    background: #4B5866;


	color: #fff;


}								


/* Default tab style */





@font-face {


	font-weight: normal;


	font-style: normal;


	font-family: 'stroke7pixeden';


	src:url('../fonts/stroke7pixeden/stroke7pixeden.eot?u58ytb');


	src:url('../fonts/stroke7pixeden/stroke7pixeden.eot?#iefixu58ytb') format('embedded-opentype'),


		url('../fonts/stroke7pixeden/stroke7pixeden.woff?u58ytb') format('woff'),


		url('../fonts/stroke7pixeden/stroke7pixeden.ttf?u58ytb') format('truetype'),


		url('../fonts/stroke7pixeden/stroke7pixeden.svg?u58ytb#stroke7pixeden') format('svg');


}





.tabs {


	position: relative;


	overflow: hidden;


	margin: 0 auto;


	width: 100%;


	font-weight: 300;


	font-size: 1.25em;


}





/* Nav */


.tabs nav {


	text-align: center;


	background-color: #fff !important;


}





.tabs nav ul {


	position: relative;


	display: -ms-flexbox;


	display: -webkit-flex;


	display: -moz-flex;


	display: -ms-flex;


	display: flex;


	margin: 0 auto;


	padding: 0;


	max-width: 1200px;


	list-style: none;


	-ms-box-orient: horizontal;


	-ms-box-pack: center;


	-webkit-flex-flow: row wrap;


	-moz-flex-flow: row wrap;


	-ms-flex-flow: row wrap;


	flex-flow: row wrap;


	-webkit-justify-content: center;


	-moz-justify-content: center;


	-ms-justify-content: center;


	justify-content: center;


}





.tabs nav ul li {


	position: relative;


	z-index: 1;


	display: block;


	margin: 0;


	text-align: center;


	-webkit-flex: 1;


	-moz-flex: 1;


	-ms-flex: 1;


	flex: 1;


}





.tabs nav a {


	position: relative;


	display: block;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	line-height: 2;


}





.tabs nav a span {


	vertical-align: middle;


	font-size: 0.75em;


}





.tabs nav li.tab-current a {


	color: #74777b;


}





.tabs nav a:focus {


	outline: none;


}





/* Icons */


.icon::before {


	z-index: 10;


	display: inline-block;


	margin: 0 0.4em 0 0;


	vertical-align: middle;


	text-transform: none;


	font-weight: normal;


	font-variant: normal;


	font-size: 1.3em;


	font-family: 'stroke7pixeden';


	line-height: 1;


	speak: none;


	-webkit-backface-visibility: hidden;


	-webkit-font-smoothing: antialiased;


	-moz-osx-font-smoothing: grayscale;


}


.icon-upload::before {


	content: "\e68a";


}


.icon-tools::before {


	content: "\e60a";


}


.icon-plane::before {


	content: "\e625";


}


.icon-joy::before {


	content: "\e6a4";


}


.icon-plug::before {


	content: "\e69a";


}


.icon-home::before {


	content: "\e648";


}


.icon-gift::before {


	content: "\e652";


}


.icon-display::before {


	content: "\e65e";


}


.icon-date::before {


	content: "\e660";


}


.icon-config::before {


	content: "\e666";


}


.icon-coffee::before {


	content: "\e669";


}


.icon-camera::before {


	content: "\e66f";


}


.icon-box::before {


	content: "\e674";


}





/* Content */


.content-wrap {


	position: relative;


}





.content-wrap section {


	display: none;


	margin: 0.7em auto;


	padding: 1em;


	max-width: 1200px;


	text-align: center;


	min-height: 390px;


	background-color: #fff;


}





.content-wrap section.content-current {


	display: block;


}





.content-wrap section p {


    background-color: #fff;





    font-size: 0.5em;


    font-weight: 300;





    margin: 0;





    text-align: justify;


}





.content-wrap section form p {


    background-color: #F7F7F7;


}





/* Fallback */


.no-js .content-wrap section {


	display: block;


	padding-bottom: 2em;


	border-bottom: 1px solid rgba(255,255,255,0.6);


}





.no-flexbox nav ul {


	display: block;


}





.no-flexbox nav ul li {


	min-width: 15%;


	display: inline-block;


}








/* Individual tab styles */





/*****************************/


/* Bar */


/*****************************/





.tabs-style-bar nav {


	background-color:#fff;


	border-bottom: 1px solid #eeeeee;


    border-top: 1px solid #eeeeee;


	position:relative;


}


.tabs-style-bar nav:before { 


	content: ''; 


	position: absolute; 


	height: 7px; 


	bottom: -7px; 


	left: 0; 


	background: url(../img/shadow.png) no-repeat top center; 


	width: 100%; 


	z-index: 1; 


}


.tabs-style-bar nav ul {


	


}





.tabs-style-bar nav ul li a {


	margin: 0 2px;


	color: #74777b;


	transition: background-color 0.2s, color 0.2s;


}





.tabs-style-bar nav ul li a:hover,


.tabs-style-bar nav ul li a:focus {


	color: #4B5866;


}





.tabs-style-bar nav ul li a span {


	text-transform: uppercase;


	letter-spacing: 1px;


	font-weight: 500;


	font-size: 0.49em;


}





.tabs-style-bar nav ul li.tab-current a {


	background: #4B5866;


	color: #fff;


}





/*****************************/


/* Icon box */


/*****************************/





.tabs-style-iconbox nav {


	background: rgba(255,255,255,0.4);


}





.tabs-style-iconbox nav ul li a {


	overflow: visible;


	padding: 2em 0;


	line-height: 1;


	-webkit-transition: color 0.2s;


	transition: color 0.2s;


}





.tabs-style-iconbox nav ul li a span {


	font-weight: 700;


	font-size: 0.7em;	


}





.tabs-style-iconbox nav ul li.tab-current {


	z-index: 100;


}





.tabs-style-iconbox nav ul li.tab-current a {


	background: #fff;


	box-shadow: -1px 0 0 #fff;


}





.tabs-style-iconbox nav ul li.tab-current a::after {


	position: absolute;


	top: 100%;


	left: 50%;


	margin-left: -10px;


	width: 0;


	height: 0;


	border: solid transparent;


	border-width: 10px;


	border-top-color: #fff;


	content: '';


	pointer-events: none;


}





.tabs-style-iconbox nav ul li:first-child::before,


.tabs-style-iconbox nav ul li::after {


	position: absolute;


	top: 20%;


	right: 0;


	z-index: -1;


	width: 1px;


	height: 60%;


	background: rgba(0,0,0,0.07);


	content: '';


}





.tabs-style-iconbox nav ul li:first-child::before {


	right: auto;


	left: 0;


}





.tabs-style-iconbox .icon::before {


	display: block;


	margin: 0 0 0.25em 0;


}





/*****************************/


/* Underline */


/*****************************/





.tabs-style-underline nav {


	background: #fff;


}





.tabs-style-underline nav a {


	padding: 0.25em 0 0.5em;


	border-left: 1px solid #e7ecea;


	-webkit-transition: color 0.2s;


	transition: color 0.2s;


}





.tabs-style-underline nav li:last-child a {


	border-right: 1px solid #e7ecea;


}





.tabs-style-underline nav li a::after {


	position: absolute;


	bottom: 0;


	left: 0;


	width: 100%;


	height: 6px;


	background: #2CC185;


	content: '';


	-webkit-transition: -webkit-transform 0.3s;


	transition: transform 0.3s;


	-webkit-transform: translate3d(0,150%,0);


	transform: translate3d(0,150%,0);


}





.tabs-style-underline nav li.tab-current a::after {


	-webkit-transform: translate3d(0,0,0);


	transform: translate3d(0,0,0);


}





.tabs-style-underline nav a span {


	font-weight: 700;


}





/*****************************/


/* Triangle and line */


/*****************************/





.tabs-style-linetriangle nav a {


	overflow: visible;


	border-bottom: 1px solid rgba(0,0,0,0.2);


	-webkit-transition: color 0.2s;


	transition: color 0.2s;


}





.tabs-style-linetriangle nav a span {


	display: block;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	font-size: 1em;


}





.tabs-style-linetriangle nav li.tab-current a:after, 


.tabs-style-linetriangle nav li.tab-current a:before {


	position: absolute;


	top: 100%;


	left: 50%;


	width: 0;


	height: 0;


	border: solid transparent;


	content: '';


	pointer-events: none;


}





.tabs-style-linetriangle nav li.tab-current a:after {


	margin-left: -10px;


	border-width: 10px;


	border-top-color: #e7ecea;


}





.tabs-style-linetriangle nav li.tab-current a:before {


	margin-left: -11px;


	border-width: 11px;


	border-top-color: rgba(0,0,0,0.2);


}








/*****************************/


/* Top Line */


/*****************************/





.tabs-style-topline {


	max-width: 1200px;


}





.tabs-style-topline nav li {


	border: 1px solid rgba(40,44,42,0.1);


}





.tabs-style-topline nav li:not(:last-child) {


	border-right: none;


}





.tabs-style-topline nav li.tab-current {


	border-top-color: #2CC185;


	border-bottom: none;


}





.tabs-style-topline nav a {


	padding: 0.65em 0 0.5em;


	background: rgba(40,44,42,0.05);


	color: #74777b;


	line-height: 1;


	-webkit-transition: color 0.2s;


	transition: color 0.2s;


}





.tabs-style-topline nav a:hover,


.tabs-style-topline nav a:focus {


	color: #2CC185;


}





.tabs-style-topline nav li.tab-current a {


	background: none;


	box-shadow: inset 0 3px 0 #2CC185;


	color: #2CC185;


}





.tabs-style-topline .icon::before {


	display: block;


	margin: 0;


}





.tabs-style-topline nav a span {


	text-transform: uppercase;


	letter-spacing: 1px;


	font-weight: 700;


	font-size: 0.5em;


}





/*****************************/


/* Falling Icon, from http://vintageproductions.eu/grid/interactivity/ */ 


/*****************************/





.tabs-style-iconfall {


	overflow: visible;


}





.tabs-style-iconfall nav a {


	display: inline-block;


	overflow: visible;


	padding: 1em 0 2em;


	color: #74777b;


	line-height: 1;


	-webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1); 


	transition: color 0.3s cubic-bezier(0.7,0,0.3,1);


}





.tabs-style-iconfall nav a:hover,


.tabs-style-iconfall nav a:focus,


.tabs-style-iconfall nav li.tab-current a {


	color: #2CC185;


}





.tabs-style-iconfall nav a span {


	font-weight: 700;


}





.tabs-style-iconfall nav li::before {


	position: absolute;


	bottom: 1em;


	left: 50%;


	margin-left: -20px;


	width: 40px;


	height: 4px;


	background: #2CC185;


	content: '';


	opacity: 0;


	-webkit-transition: -webkit-transform 0.2s ease-in;


	transition: transform 0.2s ease-in;


	-webkit-transform: scale3d(0,1,1);


	transform: scale3d(0,1,1);


}





.tabs-style-iconfall nav li.tab-current::before {


	opacity: 1;


	-webkit-transform: scale3d(1,1,1);


	transform: scale3d(1,1,1);


}





.tabs-style-iconfall .icon::before {


	display: block;


	margin: 0 0 0.35em;


	opacity: 0;


	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;


	transition: transform 0.2s, opacity 0.2s;


	-webkit-transform: translate3d(0,-100px,0);


	transform: translate3d(0,-100px,0);


	pointer-events: none;


}





.tabs-style-iconfall nav li.tab-current .icon::before {


	opacity: 1;


	-webkit-transform: translate3d(0,0,0);


	transform: translate3d(0,0,0);


}








/*****************************/


/* Moving Line */


/*****************************/





.tabs-style-linemove nav {


	background: #fff;


}





.tabs-style-linemove nav li:last-child::before {


	position: absolute;


	bottom: 0;


	left: 0;


	width: 100%;


	height: 4px;


	background: #2CC185;


	content: '';


	-webkit-transition: -webkit-transform 0.3s;


	transition: transform 0.3s;


}





/* Move the line */


.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {


	-webkit-transform: translate3d(-400%,0,0);


	transform: translate3d(-400%,0,0);


}





.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {


	-webkit-transform: translate3d(-300%,0,0);


	transform: translate3d(-300%,0,0);


}





.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {


	-webkit-transform: translate3d(-200%,0,0);


	transform: translate3d(-200%,0,0);


}





.tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before {


	-webkit-transform: translate3d(-100%,0,0);


	transform: translate3d(-100%,0,0);


}





.tabs-style-linemove nav a {


	padding: 1em 0;


	color: #74777b;


	line-height: 1;


	-webkit-transition: color 0.3s, -webkit-transform 0.3s; 


	transition: color 0.3s, transform 0.3s;


}





.tabs-style-linemove nav li.tab-current a {


	color: #2CC185;


	-webkit-transform: translate3d(0,8px,0);


	transform: translate3d(0,8px,0);


}





.tabs-style-linemove nav a span {


	font-weight: 700;


}





/*****************************/


/* Line */


/*****************************/





.tabs-style-line nav ul {


	padding: 0 2em;


	max-width: none;


	box-shadow: inset 0 -2px #d1d3d2;


}





.tabs-style-line nav a {


	padding: 0.7em 0.4em;


	box-shadow: inset 0 -2px #d1d3d2;


	color: #74777b;


	text-align: left;


	text-transform: uppercase;


	letter-spacing: 1px;


	font-weight: 700;


	font-size: 0.8em;


	line-height: 1;


	-webkit-transition: color 0.3s, box-shadow 0.3s;


	transition: color 0.3s, box-shadow 0.3s;


}





.tabs-style-line nav a:hover,


.tabs-style-line nav a:focus {


	box-shadow: inset 0 -2px #74777b;


}





.tabs-style-line nav li.tab-current a {


	box-shadow: inset 0 -2px #2CC185;


	color: #2CC185;


}








/*****************************/


/* Circle */


/*****************************/





.tabs-style-circle {


	overflow: visible;


}





.tabs-style-circle nav li::before {


	position: absolute;


	top: 50%;


	left: 50%;


	margin: -60px 0 0 -60px;


	width: 120px;


	height: 120px;


	border: 1px solid #2CC185;


	border-radius: 50%;


	content: '';


	opacity: 0;


	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;


	transition: transform 0.2s, opacity 0.2s;


	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);


	transition-timing-function: cubic-bezier(0.7,0,0.3,1);


	-webkit-transform: scale3d(0,0,1);


	transform: scale3d(0,0,1);


}





.tabs-style-circle nav li.tab-current::before {


	opacity: 1;


	-webkit-transform: scale3d(1,1,1);


	transform: scale3d(1,1,1);


}





.tabs-style-circle nav a {


	overflow: visible;


	color: #74777b;


	font-weight: 700;


	font-size: 0.9em;


	line-height: 1.1;


	-webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1); 


	transition: color 0.3s cubic-bezier(0.7,0,0.3,1);


}





.tabs-style-circle nav a span {


	display: inline-block;


}





.tabs-style-circle nav a span,


.tabs-style-circle .icon::before {


	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7,0,0.3,1);


	transition: transform 0.3s cubic-bezier(0.7,0,0.3,1);


}





.tabs-style-circle nav a:hover,


.tabs-style-circle nav a:focus {


	color: #4a4a4b;


}





.tabs-style-circle nav li.tab-current a {


	color: #2CC185;


}





.tabs-style-circle nav li.tab-current a span {


	-webkit-transform: translate3d(0,4px,0);


	transform: translate3d(0,4px,0);


}





.tabs-style-circle .icon::before {


	display: block;


	margin: 0;


	pointer-events: none;


}





.tabs-style-circle nav li.tab-current .icon::before {


	-webkit-transform: translate3d(0,-4px,0);


	transform: translate3d(0,-4px,0);


}





/*****************************/


/* Shape */


/*****************************/





.tabs-style-shape {


	max-width: 1200px;


}





.tabs-style-shape nav ul li {


	margin: 0 3em;


}





.tabs-style-shape nav ul li:first-child {


	margin-left: 0;


}





.tabs-style-shape nav ul li.tab-current {


	z-index: 100;


}





.tabs-style-shape nav li a {


	overflow: visible;


	margin: 0 -3em 0 0;


	padding: 0;


	color: #fff;


	font-weight: 500;


}





.tabs-style-shape nav li:first-child a span {


	padding-left: 2em;


	border-radius: 30px 0 0 0;


}





.tabs-style-shape nav li:last-child a span {


	padding-right: 2em;


	border-radius: 0 30px 0 0;


}





.tabs-style-shape nav li a svg {


	position: absolute;


	left: 100%;


	margin: 0;


	width: 3em;


	height: 100%;


	fill: #bdc2c9;


}





.tabs-style-shape nav li a svg:nth-child(2),


.tabs-style-shape nav li:last-child a svg {


	right: 100%;


	left: auto;


	-webkit-transform: scale3d(-1,1,1);


	transform: scale3d(-1,1,1);


}





.tabs-style-shape nav li a span {


	display: block;


	overflow: hidden;


	padding: 0.65em 0;


	background-color: #bdc2c9;


	text-overflow: ellipsis;


	white-space: nowrap;


}





.tabs-style-shape nav li a:hover span {


	background-color: #2CC185;


}





.tabs-style-shape nav li a:hover svg {


	fill: #2CC185;


}





/* Make only shape clickable */


.tabs-style-shape nav li a svg {


	pointer-events: none;


}





.tabs-style-shape nav li a svg use {


	pointer-events: auto;


}





.tabs-style-shape nav li.tab-current a span,


.tabs-style-shape nav li.tab-current a svg {


	-webkit-transition: none;


	transition: none;


}





.tabs-style-shape nav li.tab-current a span {


	background: #fff;


}





.tabs-style-shape nav li.tab-current a svg {


	fill: #fff;


}





.tabs-style-shape .content-wrap {


	background: #fff;


}











/*****************************/


/* Line Box */


/*****************************/





.tabs-style-linebox nav ul li {


	margin: 0 0.5em;


	-webkit-flex: none;


	flex: none;


}





.tabs-style-linebox nav a {


	padding: 0 1.5em;


	color: #74777b;


	font-weight: 700;


	-webkit-transition: color 0.3s;


	transition: color 0.3s;


}





.tabs-style-linebox nav a:hover,


.tabs-style-linebox nav a:focus {


	color: #2CC185;


}





.tabs-style-linebox nav li.tab-current a {


	color: #fff;


}





.tabs-style-linebox nav a::after {


	position: absolute;


	top: 0;


	left: 0;


	z-index: -1;


	width: 100%;


	height: 100%;


	background: #d2d8d6;


	content: '';


	-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;


	transition: background-color 0.3s, transform 0.3s;


	-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);


	transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);


	-webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);


	transform: translate3d(0,100%,0) translate3d(0,-3px,0);


}





.tabs-style-linebox nav li.tab-current a::after {


	-webkit-transform: translate3d(0,0,0);


	transform: translate3d(0,0,0);


}





.tabs-style-linebox nav a:hover::after,


.tabs-style-linebox nav a:focus::after,


.tabs-style-linebox nav li.tab-current a::after {


	background: #2CC185;


}








/*****************************/


/* Flip */


/*****************************/





.tabs-style-flip {


	max-width: 1200px;


}





.tabs-style-flip nav a {


	padding: 0.5em 0;


	color: #2CC185;


	-webkit-transition: color 0.3s;


	transition: color 0.3s;


}





.tabs-style-flip nav a:hover,


.tabs-style-flip nav a:focus,


.tabs-style-flip nav li.tab-current a {


	color: #74777b;


}





.tabs-style-flip nav a span {


	text-transform: uppercase;


	letter-spacing: 1px;


	font-weight: 700;


	font-size: 0.625em;


}





.tabs-style-flip nav a::after {


	position: absolute;


	top: 0;


	left: 0;


	z-index: -1;


	width: 100%;


	height: 100%;


	background-color: #f0f0f0;


	content: '';


	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;


	transition: transform 0.3s, background-color 0.3s;


	-webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);


	transform: perspective(900px) rotate3d(1,0,0,90deg);


	-webkit-transform-origin: 50% 100%;


	transform-origin: 50% 100%;


	-webkit-perspective-origin: 50% 100%;


	perspective-origin: 50% 100%;


}





.tabs-style-flip nav li.tab-current a::after {


	background-color: #fff;


	-webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);


	transform: perspective(900px) rotate3d(1,0,0,0deg);


}





.tabs-style-flip .content-wrap {


	background: #fff;


}








/*****************************/


/* Fill up */


/*****************************/





.tabs-style-fillup nav ul li a {


	padding: 1.9em 0;


	border-right: 1px solid #2CC185;


	line-height: 1;


	-webkit-transition: color 0.3s;


	transition: color 0.3s;


	-webkit-backface-visibility: hidden;


	backface-visibility: hidden;


}





.tabs-style-fillup nav ul li:last-child a {


	border: none;


}





.tabs-style-fillup nav ul li.tab-current {


	z-index: 100;


}





.tabs-style-fillup nav ul li.tab-current a {


	color: #fff;


}





.tabs-style-fillup nav ul li a::after {


	position: absolute;


	top: 0;


	left: 0;


	z-index: -1;


	width: 100%;


	height: 100%;


	height: calc(100% + 1px);


	border: 1px solid #2CC185;


	background: #2CC185;


	content: '';


	-webkit-transition: -webkit-transform 0.3s;


	transition: transform 0.3s;


	-webkit-transform: translate3d(0,100%,0);


	transform: translate3d(0,100%,0);


}





.tabs-style-fillup nav ul li.tab-current a::after {


	-webkit-transform: translate3d(0,0,0);


	transform: translate3d(0,0,0);


}





.tabs-style-fillup nav ul li a span,


.tabs-style-fillup .icon::before {


	-webkit-transition: -webkit-transform 0.5s;


	transition: transform 0.5s;


	-webkit-transform: translate3d(0,5px,0);


	transform: translate3d(0,5px,0);


}





.tabs-style-fillup nav ul li a span {


	display: block;


	font-weight: 700;


	font-size: 0.7em;


	line-height: 1.5;


}





.tabs-style-fillup .icon::before {


	display: block;


	margin: 0;


}





.tabs-style-fillup nav ul li.tab-current a span,


.tabs-style-fillup li.tab-current .icon::before {


	-webkit-transform: translate3d(0,-10px,0);


	transform: translate3d(0,-10px,0);


}








/*****************************/


/* Trapezoid, based on http://lea.verou.me/2013/10/slanted-tabs-with-css-3d-transforms/ */


/*****************************/ 





.tabs-style-tzoid {


	max-width: 1200px;


}





.tabs-style-tzoid nav {


	padding: 0 1em;


}





.tabs-style-tzoid nav ul li {


	-webkit-backface-visibility: hidden;


	backface-visibility: hidden;


}





.tabs-style-tzoid nav ul li a {


	padding: 0 1.5em 0 0.3em;


	color: #0d9564;


	-webkit-transition: color 0.2s;


	transition: color 0.2s;


}











.tabs-style-tzoid nav ul li a:hover,


.tabs-style-tzoid nav ul li a:focus {


	color: #fff;


}





.tabs-style-tzoid nav ul li.tab-current a,


.tabs-style-tzoid nav ul li.tab-current a:hover {


	color: #2CC185;


}





.tabs-style-tzoid nav ul li a span {


	font-weight: 500;


	font-size: 0.75em;


}





.tabs-style-tzoid nav ul li a::after {


	position: absolute;


	top: 0;


	right: 0;


	bottom: 0;


	left: 0;


	z-index: -1;


	outline: 1px solid transparent;


	border-radius: 10px 10px 0 0;


	background: #2CC185;


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


	content: '';


	-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);


	transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);


	-webkit-transform-origin: 0 0;


	transform-origin: 0 0;


	-webkit-backface-visibility: hidden;


	backface-visibility: hidden;


}





.tabs-style-tzoid nav ul li.tab-current a::after,


.tabs-style-tzoid .content-wrap {


	background: #fff;


	box-shadow: none;


}





/*****************************/


/* Circle fill */


/*****************************/





.tabs-style-circlefill {


	max-width: 700px;


	border: 1px solid #2CC185;


}





.tabs-style-circlefill nav ul li {


	overflow: hidden;


	border-right: 1px solid #2CC185;


}





.tabs-style-circlefill nav li a {


	padding: 1.5em 0;


	color: #fff;


	font-size: 1.25em;


}





.tabs-style-circlefill nav li:first-child {


	border-left: none;


}





.tabs-style-circlefill nav li:last-child {


	border: none;


}





.tabs-style-circlefill nav li::before {


	position: absolute;


	top: 50%;


	left: 50%;


	margin: -40px 0 0 -40px;


	width: 80px;


	height: 80px;


	border: 1px solid #2CC185;


	border-radius: 50%;


	background: #2CC185;


	content: '';


	-webkit-transition: -webkit-transform 0.3s;


	transition: transform 0.3s;


}





.tabs-style-circlefill nav li.tab-current::before {


	-webkit-transform: scale3d(2.5,2.5,1);


	transform: scale3d(2.5,2.5,1);


}





.tabs-style-circlefill nav a {


	-webkit-transition: color 0.3s; 


	transition: color 0.3s;


}





.tabs-style-circlefill nav a span {


	display: none;


}





.tabs-style-circlefill nav li.tab-current a {


	color: #fff;


}





.tabs-style-circlefill .icon::before {


	display: block;


	margin: 0;


	pointer-events: none;


}





.tabs-style-circlefill .content-wrap {


	border-top: 1px solid #2CC185;


}