/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/*! Christophe Lavender |  | http://www.chojin.be/ */
/*! based onHTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
@charset "UTF-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/League_Gothic-webfont.eot');
	src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/League_Gothic-webfont.woff') format('woff'),
	url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
	url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-8z77l2');
	src:url('../fonts/icomoon.eot?#iefix-8z77l2') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-8z77l2') format('woff'),
		url('../fonts/icomoon.ttf?-8z77l2') format('truetype'),
		url('../fonts/icomoon.svg?-8z77l2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* avail. fonts: 
font-family: 'Oswald', sans-serif;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-family: 'Dancing Script', cursive;
font-family: 'Libre Baskerville', serif;
font-family: 'Roboto', sans-serif;
font-family:'LeagueGothicRegular', Sans serif;
font-family:'icomoon', Icons;
*/

* {
	box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
	font:16px/1.4 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.wrapper {
    width: 95%;
    margin: 0 auto;
}

/* ===================
    ALL: Green Theme (CL)
   =================== */

.header-container {
    /* border-bottom: 20px solid #e44d26; */
	height: 199px;
	border-bottom: 20px solid #45be49;
	background: #4fd954;
	background: url(../img/logo_chojin_be.jpg) #4fd954 no-repeat fixed; 
	background-position: top left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.footer-container {
    /* border-top: 20px solid #e44d26; */
	border-top: 20px solid #45be49;
	background: #4fd954;
	/* background: url(../img/logo_chojin_be.jpg) #4fd954 no-repeat center center fixed; */
	background: url(../img/logo_chojin_be.jpg) #4fd954 no-repeat fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.main aside {
	/* border-top: 20px solid #e44d26; */
	border-top: 20px solid #dd5e57;
	/* fallback */
	background-color: #dd5e57;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1413b), to(#dd5e57));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #dd5e57, #d1413b);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #dd5e57, #d1413b);
	/* IE 10 */
	background: -ms-linear-gradient(top, #dd5e57, #d1413b);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #dd5e57, #d1413b);
}

.main aside a {
	color: black;
	font-weight: normal;
}

.title {
	color: rgb(255, 255, 255);
}

/* ===================
    End of theme
   =================== */

.main {
    padding: 30px 0;
	padding-top: 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: black;
    padding: 0px 5px 10px;
	margin-top: 15px;
}

.main aside h3{
	font-family: 'Yanone Kaffeesatz', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
    color: white;
    padding: 0px 5% 0px;
	font-weight: 200;
	letter-spacing: 1px;
	font-size: 2em;
	margin-bottom: 0px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

 * a, * a:visited {
	text-decoration: none;
	-webkit-font-smoothing: antialiased!important;
	//color: #00709B;
	color: rgb(100,175,30);	
	font-weight: 700;
}

* a:hover {
	text-decoration: underline;
}

* a:active {
	color: #78B0C5;
}

article {
	margin-right: 15px;
	min-height: 1200px;
}

h1 {
	text-align:left;
	font-family: 'Oswald', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	//text-transform: uppercase;
	line-height:1;
	color:#222;
	font-size:300%;
	font-weight:normal;
	-webkit-margin-before: 0.2em;
	-webkit-margin-after: 0.1em;
}

h2 {
	text-align:left;
	font-family: 'Oswald', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	//text-transform: uppercase;
	line-height:1;
	color:#222;
	font-size:150%;
	font-weight:normal;
}

h3 {
	text-align:left;
	font-family: 'Oswald', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	//text-transform: uppercase;
	line-height:1;
	color:#222;
	font-size:150%;
	font-weight:normal;
}

h3 .footerTitle, footer p {
	text-align: right !important;
	padding-right: 25px;
	margin: 0px !important;
}

.headerBack {
	text-align: right !important;
	padding-right: 25px;
	margin: 0px !important;
}


h1 .mainTitle {
	font-family: 'Oswald', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	display: block;
	white-space:nowrap;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
	word-spacing: 0px;
	letter-spacing: -5px;
	font-size: 2em;
	text-decoration: none !important;
}

h1 .subTitle {
	font-family: 'Yanone Kaffeesatz', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	display: block;
	white-space:nowrap;
	text-transform: uppercase;
	line-height:0.8;
	word-spacing: 0px;
	font-size: 1.5em;
	text-decoration: none !important;
}

header .headerTitle {
	display: block;
}

art-wrapper {
	display: block;
	position: relative;
	padding: 5px 5px 5px 175px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 30px;	
	background-color: #F2F9F3;
	border-color: #D0D9D0;
	border-style: solid;
	border-width: 1px;
	min-height: 180px;	
	-webkit-box-shadow: 0 5px 10px #aaa;
	-moz-box-shadow: 0 5px 10px #aaa;
	box-shadow: 0 5px 10px #aaa;
}

art-wrapper h1 .headerTitle, h2 .sub1Title, h2 .sub2Title, h3 .footerTitle {
	text-align:left;
	font-family: 'Dancing Script', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	line-height:1;
	display: block;
	white-space: normal !important;
	word-spacing: 0px; 
	letter-spacing: 0.1px;
	text-decoration: none;
	font-weight: 400;
	font-size: 1.3em;
	-webkit-font-smoothing: antialiased!important;
	//color: #00709B;
	color: rgb(100,175,30);	
	
}

art-wrapper h1 .headerTitle {
	display: inline !important;
}

#typeInd {
	display: inline;
    position: relative;
	color: #dd5e57;
	font-weight: 300;
	font-size: 1em;
	text-align: center;
	z-index: 50;
	padding-right: 5px;
}

art-wrapper header .addedOn {
	display: block;
	color: #aaa;
	text-align: right;
	font-size: 0.8em;
	margin: 0px !important;
}

art-wrapper header .fullLink {
	text-align: right;
	margin: 0px !important;
}

art-wrapper .art_picture {
	width: 150px;
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: 15px;
}

art-wrapper .headerText {
	margin: 0px;
	display: inline-block;
}

#mngtWrapper {
	padding: 5px 5px 5px 5px !important;
}

@media screen and (min-width: 531px) {
	h2 .sub1Title, h2 .sub2Title {
		font-size: 1.2em;
	}
	h3 .footerTitle {
		font-size: 1.1em;
	}
}

@media screen and (max-width: 960px) {
	h1 {
		font-size:36px;
	}
	h2 {
		font-size:22px;
	}
	h1 .mainTitle {
		letter-spacing: -5px;
	}
	h1 .subTitle {
		line-height:1;
	}
	h1 .headerTitle {
		font-size: 1.2em;
	}
	h2 .sub1Title, h2 .sub2Title {
		font-size: 1.1em;
	}
	h3 .footerTitle {
		font-size: 1.0em;
	}
}

@media screen and (max-width: 460px) {
	h1 {
		font-size:26px;
	}
	h2 {
		font-size:18px;
	}
	h1 .mainTitle {
		display:-moz-inline-box;
		display:inline-block;
		letter-spacing: 1px;
		font-size: 2em;
	}
	h1 .subTitle {
		display:-moz-inline-box;
		display:inline-block;
		font-size: 1.3em;
	}
	h1 .headerTitle {
		display:-moz-inline-box;
		display:inline-block;
		font-size: 1.0em;
	}
	h2 .sub1Title, h2 .sub2Title {
		display:-moz-inline-box;
		display:inline-block;
		font-size: 1.0em;
	}
	h3 .footerTitle {
		display:-moz-inline-box;
		display:inline-block;
		font-size: 0.9em;
	}
	
	art-wrapper header .artType {
	font-family: 'Dancing Script', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	display: block;
	float: right;
	position: relative;
	left: 15px;
	top: -90px;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	writing-mode: lr-tb;
	color: #dd5e57;
	font-weight: 300;
	letter-spacing: 1.5px;
	font-size: 1.5em;
	text-align: center;
}
	
}

.amp {
	font-family: 'Libre Baskerville', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-style:italic;
	font-weight:lighter;
}

/*input,textarea { 
	padding:7px;
	font-size:14px !important;
	width:250px;
}*/

p > label:first-child {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 5px;
	padding-right: 35px;
	text-align: right;
	width: 135px;
}

span#labeltext { 
	margin: 3px 0px 0px 3px; 
}

.ui-icon-triangle-1-s {	
	background-position: -64px -13px; 
}

#submitbutton { 
	width:auto; 
}

label.ui-state-default { 
	display:inline-block !important; 
}

#actionContainer {
	display: block;
	width: 100%;
}

.ui-corner-all {
	font-family: 'Roboto', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius:5px;
}

.actionBtn {
	display: inline-block !important;
	float: left !important;
	width: auto !important;
	margin-right: 10px !important;
}

img { 
	margin: 3px 0px 0px 3px; 
}

#searchRes {
	padding: 0 7% 0 7% !important; 
}

#searchRes li {
	font-family: 'Roboto', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.2;
	display: block;
	clear: right;
	list-style: none;
	vertical-align: top;
	margin-bottom: 5px;
	border-top: 1px transparent;
	border-left: 1px transparent;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-right: 1px transparent;
	padding: 0 0 5px 60px;
	position: relative;
	min-height: 60px;
}

#searchRes li:hover {
	/* border: 1px solid rgba(0,0,0,0.2); */
	background-color: #D2D9D3;
}

#searchRes img {
	width: 50px;
	left: 0;
	position: absolute;
	top: 0;
}

#searchRes a {
	text-decoration: none;
}

#latestRec {
	padding: 0 7% 0 7% !important; 
}

#latestRec li {
	display: block;
	color: #fff;
	font-family: 'Roboto', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	display: block;
	clear: right;
	list-style: none;
	vertical-align: top;
	margin-bottom: 5px;
	border-top: 1px transparent;
	border-left: 1px transparent;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-right: 1px transparent;
	padding: 0 0 5px 60px;
	position: relative;
	min-height: 60px;
}

#latestRec li:hover {
	/* border: 1px solid rgba(0,0,0,0.2); */
	background-color: #ed6e67;
}

#latestRec img {
	width: 50px;
	left: 0;
	position: absolute;
	top: 0;
	border-radius: 0.5em;
}

#latestRec a {
	color: #fff;
	font-family: 'Roboto', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-weight: 200;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.2;
}

sup {
    vertical-align: super;
    font-size: 0.9em;
	font-style: italic;
}

/*#latestRec a:hover {
	text-decoration: underline;
}*/

/*#latestRec li:before {
content: "#";
display: block;
float: left;
margin-right: 2px;
}*/

#tagCloud {
	padding: 0 0 0 7% !important;
}

#tagCloud a {
	color: #fff;
	font-family: 'Yanone Kaffeesatz', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-weight: 200;
	line-height: 0.5;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
	font-size: 1em;
}

#tagCloud a:hover {
	background-color: #ed6e67;
	
	border: 1px solid #D0D9D0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius:5px;
}

#logSoc {
	padding: 0px 7% 0px 7% !important;
}

#logSoc div {
	color: #FFF;
	font-family: "Roboto","LeagueGothicRegular",Charcoal,Arial #000,Gadget,Sans serif;
	font-size: 1.0em;
}

#logSoc-wrapper {
	background: rgba(255,255,255,0.3);
	text-align: center;
	padding: 0.5em;
}

#logSoc-ident {
	background: rgba(255,255,255,0.3);
	text-align: center;
	padding: 0.5em;
}

#logSoc-disclaimer {
	font-size: 0.5em !important;
	padding-left: 1.0em;
	padding-right: 1.0em;
	padding-top: 1.0em;
}

.customBtn {
	display: inline-block;
	color: white;
	width: 145px;
	border-radius: 5px;
	white-space: nowrap;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	white-space: nowrap;
}

.customBtn:hover {
	cursor: pointer;
}

.customGPlusSignIn {
	background: #dd4b39;
	color:#fff;
	border-color:rgba(0,0,0,0.2);
}

.customGPlusSignIn:hover {
	background: #c23321;
}

.customFSignIn {
	background: #3b5998;
	color:#fff;
	border-color:rgba(0,0,0,0.2);
}

.customFSignIn:hover {
	background-color:#2d4373;
}

.customTSignIn {
	background: #55acee;
	color:#fff;
	border-color:rgba(0,0,0,0.2);
}

.customTSignIn:hover {
	background: #2795e9;
}

.customMSignIn {
	background: #2672ec;
	color:#fff;
	border-color:rgba(0,0,0,0.2);
}

.customMSignIn:hover {
	background: #125acd;
}

.customDSignIn {
	background: #777777 !important;
}

.customDSignIn:hover {
	background: #666666 !important;
}


.customDSignIn:hover span.buttonText span.origText{
	display: none;
}

.customDSignIn:hover span.buttonText:after {
	content: "Bientôt!";
}

#logOut {
	color: #fff;
	width: auto;
	padding: 0.2em;
}

#logOut:hover {
	cursor: pointer;
}

#revoke {
	color: #fff;
	width: auto;
	padding: 0.2em;
}

#revoke:hover {
	cursor: pointer;
}

span.icon {
	//background: url('../img/g-normal.png') transparent 5px 50% no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 22px;
	border-right: rgba(0, 0, 0, 0.2) 1px solid;
	text-align: center;
	font-size: 1.4em;
}

span.buttonText {
	display: inline-block;
	vertical-align: middle;
	padding-left: 22px;
	padding-right: 22px;
	font-size: 14px;
	font-weight: bold;
	/* Use the Roboto font that is loaded in the <head> */
	font-family: 'Roboto', sans-serif;
}

.socImg {
	border-radius: 0.5em;
    height: 50px;
    margin-right: 0.5em;
	margin-bottom: 0.5em;
    width: 50px;
}

.socUsr {
	font-size: 0.8em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	height: 50px;
}

.logoutBtn {
	font-size: 0.5em;
	color: #fff;
	width: 100%;
}

#selectable { 
	list-style-type: none; 
	margin: 0; 
	padding: 0;  
}

#selectable .ui-selecting { 
	background: #FECA40; 
}

#selectable .ui-selected { 
	background: #F39814; 
	color: white; 
}

#selectable li { 
	margin: 3px; 
	padding: 10px; 
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-family: 'Roboto', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-weight:200;
}

div .divCenter {
	text-align:center;
}

div .divCenter button {
	margin: auto;
	clear: both;
	display: block;
	margin-bottom: 5px;
}

#mngtPictureGrid {
   line-height: 0;   
   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
}

#mngtPictureGrid img {
  width: 95% !important;
  height: auto !important;
  border-radius: 15px;
  margin: 0px !important;
  padding: 0px !important;
  border: 3px solid transparent;
}

#mngtPictureGrid img:hover {
  border: 3px dashed #F39814;
}

.imgSelected {
  border: 3px solid #F39814;
}

#mngtPictureGrid .cover_label {
	display: block;
	float: left;
	position: relative;
	top: -30px;
	text-align: left;
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 1.0em;	
	color: white;
	background: rgb(69, 190, 73);
	background: rgba(69, 190, 73, 0.8);
	padding: 10px;
	width: 80% !important;
	z-index: 2;
}

#fileNameInput {
	margin-bottom: 5px;
}

@media (max-width: 1200px) {
  #mngtPictureGrid {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #mngtPictureGrid {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #mngtPictureGrid {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #mngtPictureGrid {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

#searchBox {
	font-family: 'Yanone Kaffeesatz', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	vertical-align: top;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	outline: none;	
	border: solid 1px #ccc;
	width: 55px;	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	background-color: #ededed;
	font-size: 18px;
}

#searchBoxli {
	height: 62px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}	
#searchBoxa {
    padding-bottom: 8px !important;
    padding-top: 14px !important;
}


#searchBox::-webkit-search-decoration,
#searchBox::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

#searchBox:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
#searchBox:-moz-placeholder {
	color: #999;
}

#searchBox::-webkit-input-placeholder {
	color: #999;
}

.ui-menu .ui-menu-item a {
    font-family: 'Yanone Kaffeesatz', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	color: #fff;
	font-size: 1.2em;
	line-height: 1;
	font-weight: 400;
	text-decoration: none;
}

.ui-menu .ui-menu-item .ui-state-focus {
	text-decoration: underline;
	background: transparent;
	border: 0px;
}

.ui-autocomplete {
	background: #35ae39 !important;
    border-radius: 0px !important;
}

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
	z-index: 9999 !important;
}

.ui-autocomplete-loading {
    background: white url('../img/loader.gif') right center no-repeat;
}

.loading {
	font-family: "Roboto","LeagueGothicRegular",Charcoal,Arial #000,Gadget,Sans serif;
	color: #877474;
	font-size: 1em;
	line-height: 1;
	font-weight: 400;
	text-decoration: none;
	background: #F2F9F3;
	padding: 0.5em;
	border-radius: 0.5em;
	border: #877474 1px solid;
}

.imgLoader {
	height: 25px;
	max-height: 25px;
	width: 25px;
	max-width: 25px;
}

/*.main header a, .main header a:visited, .main header a:hover {
	font-family: Sanchez, Helvetica Neue, Helvetica, Tahoma, Sans Serif, Sans;
    font-size: 16px !important;
    color: rgb(150,150,150) !important;
    text-decoration: none !important;
}
.main header a:hover {
    text-decoration: underline !important;
}*/

/*.main footer a, .main footer a:visited, .main footer a:hover {
	font-family: Sanchez, Helvetica Neue, Helvetica, Tahoma, Sans Serif, Sans;
    font-size: 16px !important;
    color: rgb(150,150,150) !important;
    text-decoration: none !important;
}
.main footer a:hover {
    text-decoration: underline !important;
}*/

/* ==========================================================================
   Responsive Form
   ========================================================================== */
form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color: #F2F9F3;
	padding:25px !important;
	/* max-width: 600px; */
}

form * {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;	
	width: 100% !important;
}

form input[type="text"],
form input[type="password"],
form textarea,
form button[type="submit"] {
	font-size: 1.0em;
	width: 100% !important;
}

form label span {
	font-size: 1.2em;
	width: 100% !important;
	cursor:pointer;
	color: rgb(100,175,30);
	display:block;
	margin:5px 0;
	font-weight:900;
	text-align: left !important;
}

form input[type="text"],
form input[type="password"],
form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px !important;
	border-radius:5px;
	color: #222;
}

.spaced {
	margin-bottom: 5px !important;
}

form input[type="text"]:hover,
form input[type="password"]:hover,
form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

form textarea {
	height:100px;
	max-width:100%;
}

form .myBtn {
	cursor:pointer;
	width:100%;
	border:none;
	background: #4fd954;
	color: #FFFFFF;
	margin:0 0 5px;
	padding:10px !important;
	border-radius:5px;
	text-align: center !important;
	font-weight: bold;
	font-size: 1.2em;
	max-width: 120px;
}

form .myBtn:hover {
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	background: #35ae39
}

form .myBtn:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}

form input:focus,
form textarea:focus {
	outline:0;
	border:1px solid #999;
}

::-webkit-input-placeholder {
    color: #64AF1E;
}
:-moz-placeholder {
    color: #64AF1E;
}
::-moz-placeholder {
    color: #64AF1E;
}
:-ms-input-placeholder {
    color: #64AF1E;
}

/* ==========================================================================
   End of Responsive Form
   ========================================================================== */

#tokenForm #verif {
	max-height: 50px;
	max-width: 320px;
	width: 320px !important;
	display: inline;
	position: relative;
}

#tokenForm label {
	text-align: left;
}

form .rfshTkn {
	display: inline;
	position: relative;
	font-size: 2em;
	vertical-align: middle;
	padding-left: 10px;
	width: 50px !important;
}

#recipeForm textarea {
	height: 500px;
}

/* ==========================================================================
   Custom front page article
   ========================================================================== */

header p {
	font-size: 1.0em;
	color: #aaa;
}

header p a {
	font-size: 0.8em;
}


section p {
	font-size: 1em;
	color: #000000;
}

footer p {
	font-size: 0.8em;
	color: #aaa;
}

footer h3 {
	text-align: right;
}

/* ==========================================================================
   End of custom article
   ========================================================================== */


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
    }

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

    /*nav {
        float: right;
        width: 100%;
    }*/

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 70%;
    }

    .main aside {
        float: right;
        width: 27%;
    }
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 98%; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Off-Canvas Menu styles
   ========================================================================== */

.highlight {
  background: #fff699;
  padding: 0 0.5em;
}

.prose ul, .prose ol {
  list-style: outside disc;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.prose p {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.prose p.small {
  color: #666;
  font-size: 0.8125em;
  line-height: 1.84615em;
  margin-bottom: 1.84615em;
}
.prose p.medium {
  color: #666;
  font-size: 0.875em;
  line-height: 1.71429em;
  margin-bottom: 1.71429em;
}
.prose p:last-child {
  margin-bottom: 0;
}
.prose h1 {
  font-size: 1.875em;
  line-height: 1.2em;
  margin-bottom: 0.4em;
}
.prose h2 {
  font-size: 1.5em;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
.prose a {
  color: #6d7173;
  border-bottom: 1px solid #a1cfe5;
  text-decoration: none;
  outline: none;
}
.prose a:focus, .prose a:hover {
  color: #4ab336;
  border-bottom-color: #77b36b;
}

.block {
  position: relative;
  margin: 0 auto;
  padding: 0em 1.25em;
  //max-width: 60em;
}

.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #4fd954 url("../img/close-btn.svg") left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url("../img/close-btn.png");
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.nav-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 5px;
  border: 0;
  outline: none;
  background: #4fd954 url("../img/nav-icon.svg") center no-repeat;
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .nav-btn {
  background-image: url("../img/nav-icon.png");
}
.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#outer-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #4fd954;
	background: url(../img/logo_chojin_be.jpg) #4fd954 no-repeat fixed; 
	background-position: top left;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;  
}

#inner-wrap {
  position: relative;
  width: 100%;
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
}

.sticky {
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	border-top: 0 !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	//background: #ffffff !important;
	background: #35ae39 !important;
	width: 100% !important;
	-webkit-box-shadow: 0 5px 10px #504E4E !important;
	-moz-box-shadow: 0 5px 10px #504E4E !important;
	box-shadow: 0 5px 10px #504E4E !important;
	border-bottom: 20px solid #45be49;
	text-align: left !important;
}

.sticky2 {
	position: fixed !important;
	right: 15 !important;
	top: 55 !important;
	z-index: 999 !important;
}

#rec_list {
	height: 500px;
}

.sticky  ul {
	border-top: 0 !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.sticky  ul:before{
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "CHoJiN.be";	
	padding-right: 5px;
	color: #dd5e57;
}

#nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  height: 94px;
  text-align: center;
}

#nav .close-btn {
  display: none;
}
#nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#nav .block {
  z-index: 2;
  position: relative;
  padding: 0.75em 1.25em;
  //background: #4fd954;
}
#nav ul {
  *zoom: 1;
  display: block;
  text-align: inherit;
}
#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav li {
	display: block;
	height: 62px;
	background: #45be49;
	margin-right: 2px;
}

#nav li:hover {
	background: #35ae39;
}

#nav li a {
	font-family: 'Yanone Kaffeesatz', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	display: block;
	color: #fff;
	font-size: 2em;
	line-height:1;
	font-weight: 200;
	outline: none;
	background: #45be49;
	text-decoration: none;
}
#nav li a:focus, #nav li a:hover {
  color: #fff;
  background: #35ae39;
}
#nav li.is-active a {
  color: #fff;
  background: #35ae39;
}

#top {
	z-index: 100;
	position: relative;
	color: #fff;
	padding-bottom: 10px;
}
#top .block-title {
  margin: 0;
  font-size: 1.875em;
  line-height: 1.2em;
  text-align: center;
  white-space: nowrap;
}
#top .nav-btn {
  position: absolute;
  top: 0em;
  left: 0em;
}

#nav .navText {
	display: inline-block;
}

@media screen and (max-width: 1000px) and (min-width: 45.0625em) {
	#nav ul {
	  white-space: normal !important;
	  padding-left: 0px !important;
	  padding-right: 0px !important;
	}
	
	#nav .navText {
		display: none !important;
	}
}

@media screen and (min-width: 45.0625em) {
	.block {
		position: relative;
		margin: 0 auto;
		padding: 0em 1.25em;
		//max-width: 60em;
	}
	#nav .block {
		padding: 0em 1.25em;
	}
  #top .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  #nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav .block-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav ul {
    text-align: inherit;
    white-space: nowrap;
  }
  #nav li {
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li:last-child {
    border-right: none;
  }
  #nav li a {
    padding: 0.42857em 0.85714em;
  }
}

@media screen and (max-width: 45em) {
	.block {
		position: relative;
		margin: 0 auto;
		padding: 1.5em 1.25em;
		//max-width: 60em;
	}
	#nav .block {
		padding: 0.75em 1.25em;
	}
  #nav {
    position: absolute;
    top: 0;
    padding-top: 5.25em;
  }
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -3.75em;
    left: 1.875em;
  }
  #nav .block {
    position: relative;
    padding: 0;
  }
  #nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }
  #nav li a {
    padding: 0.85714em 0.5em;
	vertical-align: middle;
  }

  .js-ready #nav {
    height: 100%;
    width: 70%;
    background: #4fd954;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .js-ready #nav {
    left: -70%;
  }
  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 70%;
  }

  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* ==========================================================================
   Recipe Cards styles
   ========================================================================== */
   
   .recipe-card {
	width: 200px;
	height: 200px;
	position: relative;
	float: left;
	margin: 5px;
	color: #222;
	overflow: hidden;
	background-color: #F2F9F3;
	border-color: #D0D9D0;
	border-style: solid;
	border-width: 1px;
	border-radius: 30px;
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.recipe-card .cover {
	display: block;
	position: absolute;
	left: -10px;
	top: -10px;
	max-width: 210px;
	margin: 5px;
	z-index: 1;
	overflow: hidden;
}
.recipe-card .cover img {
	max-width: 210px;
	min-width: 210px;
	max-height: 210px;
	min-height: 210px;
    height: auto;
    width: auto\9; /* ie8 */
}
.recipe-card .cover_label {
	display: block;
	float: left;
	position: relative;
	top: 100px;
	text-align: left;
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 1.0em;	
	color: white;
	background: rgb(69, 190, 73);
	background: rgba(69, 190, 73, 0.8);
	padding: 10px;
	z-index: 2;
}

.recipe-card-large {
	display: block;
	overflow: hidden;
	line-height: 125%;
	position: relative;
	padding: 30px;
	color: black;
	/* margin: 20px 0; */
	margin: 0;
	text-align: center;
	background-color: #F2F9F3;
	border-color: #D0D9D0;
	border-style: solid;
	border-width: 1px;
	border-radius: 30px;
}
.recipe-card-large .recipe-card-adapted, .recipe-card-large .recipe-card-author, .recipe-card-large .recipe-card-notes, .recipe-card-large .recipe-card-methods, .recipe-card-large .recipe-card-ingredients, .recipe-card-large .recipe-card-info-box, .recipe-card-large .recipe-card-section-title, .recipe-card-large .recipe-card-summary, .recipe-card-large .recipe-card-serves, .recipe-card-large .recipe-card-modified, .recipe-card-large .recipe-card-added {
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
}
.recipe-card-large .recipe-section {
	display: inline-block;
	width: 80%;
}

@media only screen and (max-width: 1565px) {
	.recipe-card-large .recipe-section {
		width: 100%;
	}
}

.recipe-card-large .recipe-card-photo img {
	position: relative;
    float: right;
    display: inline-block;
    min-width: 200px;
    min-height: 200px;
	max-width: 200px;
    max-height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	/* margin: 0 0 20px 15px; */
	border-color: transparent;
   	border-style: solid;
   	border-width: 1px;
   	border-radius: 15px;
}
.recipe-card-large .recipe-card-title {
	text-align:left;
	font-family: 'Dancing Script', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	line-height:1;
	display: block;
	white-space: normal !important;
	text-decoration: none;
	font-weight: 700;
	font-size: 3em;
	-webkit-font-smoothing: antialiased!important;
	color: rgb(100,175,30);	
	margin-bottom: 20px;
	text-transform: capitalize;
	vertical-align: middle;
}

.recipe-card-large .recipe-card-title h2 {
	color: rgb(100,175,30);
	text-shadow:1px 1px 3px rgb(50,50,50);
	font-size: 1.5em;
}

.recipe-card-large .recipe-card-tagContainer {
	display: block;
	font-family: 'Libre Baskerville', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-size: 1.3em;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	line-height: 12px;
	margin-top: 2px;
	vertical-align: bottom;
	z-index: 100;
}

.recipe-card-large .recipe-card-tagContainer  a {
	position: relative;
	display: inline-block;
	height: 16px;
	padding: 0 6px;
	//background: #999;
	background: #dd5e57;
	border: 1px solid #999;
	border-left-width: 0;
	margin-right: 2px;
	color: #fff;
	font-weight: 100;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	white-space: nowrap;
	cursor: pointer;
	border-radius: 3px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	/* line-height: 0.8em; */
	text-decoration: none;
	text-transform: none;
	z-index: 150;
}

.recipe-card-large .recipe-card-tagContainer  a:hover {
	background: #ed6e67;
}

.recipe-card-large .recipe-card-tagContainer  span {
	font-size: 0.5em;
	position: relative;
	display: inline-block;
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
	font-family: 'Libre Baskerville', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	padding-top: 0.2em;
}

.recipe-card-large .recipe-card-added {
	display: inline-block;
	margin-bottom: 5px;
    line-height: 150%;
	color: #8C8C8C;
	text-align: left;
	float: left;
	margin-right: 5px;
	
}
.recipe-card-large .recipe-card-serves {
	display: inline-block;
	position: relative;
	margin-bottom: 5px;
    line-height: 150%;
	color: #8C8C8C;
	text-align: left;
	float: right;
}
.recipe-card-large .recipe-card-summary {
	position: relative;
	line-height: 150%;
	color: rgb(65, 65, 65);
	text-align: left;
	font-size: 16px;
	z-index: 50;
	display: inline-block;
	clear: both;
}
.recipe-card-large .recipe-card-spacer {
	height: 0.8em;
    width: 100%;
    position: relative;
}

.recipe-card-large .recipe-card-socialShare {
	color: #64AF1E;
	text-align: right;
	line-height: 1.5em;
	font-size: 2.0em;
	border-top: 1px dashed #D0D9D0;
	width: 100%;
	position: relative;
	float: right;
	padding-top: 5px;
}

.recipe-card-large .recipe-card-socialShare a {
	text-decoration: none;
	opacity: 0.5;
	-webkit-transition-property: width, height, opacity, transform;; /* Safari */
	transition-property: width, height, opacity, transform;;
	transition-duration: 0.2s, 0.2s, 0.2s, 0.2s;
	transition-timing-function: ease-in,  ease-in,  ease-in, linear;
}

.recipe-card-large .recipe-card-socialShare a:hover {
	transform: scale(1.1);
	text-decoration: none;
	opacity: 1;
	font-size: 1.1em;
}

.recipe-card-large .recipe-card-contents {
	position: relative;
    clear: both;
    text-align: left;
	border-top-color: #D0D9D0;
    border-top-width: 1px;
    border-top-style: dashed;
}
.recipe-card-large .recipe-card-info-box {
	width: 200px;
    position: relative;
    float: right;
    margin: 30px 0 20px 20px;
    padding: 15px 15px 0 15px;
    text-align: left;
	background-color: #F6FBF7;
   	border-color: #D0D9D0;
   	border-style: solid;
   	border-width: 1px;
   	border-radius: 15px;
	display: inline-block;
}
.recipe-card-large .recipe-card-infobox-section {
	width: 100%;
	height: 25px;
	position: relative;
	float: left;
	margin-bottom: 15px;
	display: inline-block;
}
.recipe-card-large .recipe-card-section-title {
	width: 80px;
    margin: 0 5px;
    height: 15px;
    position: relative;
    float: left;
    line-height: 15px;
    text-align: right;
	color: rgb(100,175,30);
	display: inline-block;
}
.recipe-card-large .recipe-card-infobox-section-data {
    margin: 0 5px;
    height: 15px;
    position: relative;
    float: left;
    line-height: 15px;
    text-align: right;
	color: #8C8C8C;
	display: inline-block;
}
.recipe-card-large .recipe-card-ingredient-section {
	margin: 0.8em 0;
}
.recipe-card-large .recipe-card-subheader {
	font-family: 'Dancing Script', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-size: 2em;
	font-weight: 700;
	color: rgb(100,175,30);
	line-height: 150%;
	text-transform: none;
	text-decoration: none;
}
.recipe-card-large .recipe-card-subsubheader {
	font-family: 'Dancing Script', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-size: 1.5em;
	font-weight: 700;
	color: rgb(100,175,30);
	line-height: 150%;
	text-transform: none;
	text-decoration: none;
	margin-top: 5px;
}
.recipe-card-large .recipe-card-ingredients {
	margin: 0 !important;
	padding: 0 !important;
	list-style-position: inside !important;
	list-style-type: none !important;
	//list-style-type: decimal !important;
}
.recipe-card-large .recipe-card-ingredients .recipe-card-ingredients-item {
	//margin-left: 0 !important;
    margin: 4px 0 0 0 !important;
    padding: 0 0 0 15px !important;
    text-indent: -20px !important;
    //line-height: 150% !important;
	color: rgb(65, 65, 65);
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.1em;
}
.recipe-card-large .recipe-card-ingredients li:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e7b0";	
	//content: " - ";	
	padding-right: 5px;
	color: #dd5e57;
}
/*.recipe-card-large .recipe-card-ingredients li:nth-child(odd) {
    background-color: #D2D9D3;
}
.recipe-card-large .recipe-card-ingredients li:nth-child(even) {
    background-color: #A2A9A3;
}*/
.recipe-card-large .recipe-card-method-section {
	margin: 30px 0;
	/*margin-left: 230px;
    position: relative;*/
}
.recipe-card-large .recipe-card-methods {
	margin: 0 !important;
	padding: 0 !important;
	list-style-position: inside !important;
	list-style-type: none !important;
	//list-style-type: decimal !important;
}
.recipe-card-large .recipe-card-method-item {
    //margin: 4px 0 0 0 !important;
    padding: 0 0 5px 15px !important;
    text-indent: -20px !important;
    //line-height: 150% !important;
	color: rgb(65, 65, 65);
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.1em;
}
.recipe-card-large .recipe-card-methods li:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e701";	
	//content: " - ";	
	padding-right: 5px;
	color: #dd5e57;
	font-size: 0.6em;
	vertical-align: baseline;
}
.recipe-card-large .recipe-card-note-section {
	margin: 30px 0;
}
.recipe-card-large .recipe-card-note-section .blog-yumprint-subheader {
	clear: both;
}
.recipe-card-large .recipe-card-notes {
	margin: 0 !important;
	padding: 0 !important;
	list-style-position: inside !important;
	list-style-type: none !important;
	//list-style-type: decimal !important;
}
.recipe-card-large .recipe-card-note-item {
    //margin: 4px 0 0 0 !important;
    padding: 0 0 5px 15px !important;
    text-indent: -20px !important;
    //line-height: 150% !important;
	color: rgb(65, 65, 65);
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.1em;
}
.recipe-card-large .recipe-card-notes li:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e701";	
	//content: " - ";	
	padding-right: 5px;
	color: #dd5e57;
	font-size: 0.6em;
	vertical-align: baseline;
}

.recipe-card-large .recipe-card-linkedRec-section {
	background: #E5F2E6;
	/* border-radius: 0.5em; */
	border: 1px solid rgba(0,0,0, 0.2);
	padding: 0.8em;
	margin-bottom: 0.8em;
	-webkit-box-shadow: 0 5px 10px #aaa;
	-moz-box-shadow: 0 5px 10px #aaa;
	box-shadow: 0 5px 10px #aaa;
}

.recipe-card-large .recipe-card-linkedRec {
	padding: 0 0 0 0 !important;
}

.recipe-card-large .recipe-card-linkedRec li {
	font-family: 'Roboto', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.2;
	display: inline-block;
	list-style: none;
	vertical-align: top;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top: 1px transparent;
	border-left: 1px transparent;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-right: 1px transparent;
	padding: 0 0 5px 60px;
	position: relative;
	min-height: 60px;
	width: 48%;
}


.recipe-card-large .recipe-card-linkedRec li:hover {
	/* border: 1px solid rgba(0,0,0,0.2); */
	background-color: #D2D9D3;
}

.recipe-card-large .recipe-card-linkedRec img {
	width: 50px;
	left: 0;
	position: absolute;
	top: 0;
}

.recipe-card-large .recipe-card-linkedRec a {
	text-decoration: none;
}

.recipe-card-large .recipe-card-linkedRec-P {	
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: rgb(65, 65, 65);
	font-size: 1.0em;
	text-indent: 0.5em;
}

.recipe-card-large .recipe-card-simRec-section {
	background: #E5F2E6;
	/* border-radius: 0.5em; */
	border: 1px solid rgba(0,0,0, 0.2);
	padding: 0.8em;
	margin-bottom: 0.8em;
	-webkit-box-shadow: 0 5px 10px #aaa;
	-moz-box-shadow: 0 5px 10px #aaa;
	box-shadow: 0 5px 10px #aaa;
}

.recipe-card-large .recipe-card-simRec {
	/* padding: 0 7% 0 7% !important; */
	padding: 0 0 0 0 !important;
}

.recipe-card-large .recipe-card-simRec li {
	font-family: 'Libre Baskerville', 'Roboto', 'LeagueGothicRegular', Charcoal, Arial Black, Gadget, Sans serif;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.2;
	display: inline-block;
	list-style: none;
	vertical-align: top;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top: 1px transparent;
	border-left: 1px transparent;
	border-right: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px transparent;
	position: relative;
	height: 180px;
	width: 24%;
	text-align: center;
	padding: 0.5em;
}

.recipe-card-large .recipe-card-simRec li:hover {
	/* border: 1px solid rgba(0,0,0,0.2); */
	background-color: #D2D9D3;
}

.recipe-card-large .recipe-card-simRec img {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-radius: 0.8em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.recipe-card-large .recipe-card-simRec a {
	text-decoration: none;
}

.recipe-card-large .recipe-card-simRec-P {
	text-indent: -55px !important;
	color: rgb(65, 65, 65);
	font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.0em;
}

.recipe-card-large .recipe-card-score-section {
	background: #E5F2E6;
	/* border-radius: 0.5em; */
	border: 1px solid rgba(0,0,0, 0.2);
	padding: 0.8em;
	margin-bottom: 0.8em;
	-webkit-box-shadow: 0 5px 10px #aaa;
	-moz-box-shadow: 0 5px 10px #aaa;
	box-shadow: 0 5px 10px #aaa;
}

.recipe-card-large .recipe-card-score-section {
	color: #414141;
	font-family: "Roboto",arial,helvetica,clean,sans-serif,"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 1.0em;
}

.recipe-card-large .recipe-card-comment-section {
	background: #E5F2E6;
	/* border-radius: 0.5em; */
	border: 1px solid rgba(0,0,0, 0.2);
	padding: 0.8em;
	margin-bottom: 0.8em;
	-webkit-box-shadow: 0 5px 10px #aaa;
	-moz-box-shadow: 0 5px 10px #aaa;
	box-shadow: 0 5px 10px #aaa;
}

.recipe-card-large .recipe-card-comment-section {
	color: #414141;
	font-family: "Roboto",arial,helvetica,clean,sans-serif,"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 1.0em;
}

.recipe-card-large .recipe-card-author {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-top: 15px;  
	clear: both;    
	color: #8C8C8C;
	text-align: left;
}
.recipe-card-large .recipe-card-adapted {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-top: 15px;  
	clear: both;    
	text-align: left;
	color: #8C8C8C;
}
.recipe-card-large .recipe-card-adapted-link {
	color: rgb(150,150,150);
}
.recipe-card-large .recipe-card-adapted-link, .recipe-card-large .recipe-card-adapted-link:visited, .recipe-card-large .recipe-card-adapted-link:hover {
	color: rgb(150,150,150);
	text-decoration: none !important;
}
.recipe-card-large .recipe-card-recipe-source {
	width: 100%;
	position: relative;
	font-size: 12px;
    color: rgb(150,150,150);
    margin-top: 20px;
    clear: both;
    text-align: right;
	
}
.recipe-card-large .recipe-card-recipe-source a, .recipe-card-large .recipe-card-recipe-source a:visited, .recipe-card-large .recipe-card-recipe-source a:hover {
    font-size: 12px !important;
    color: rgb(150,150,150) !important;
    text-decoration: none !important;
}
.recipe-card-large .recipe-card-recipe-source a:hover {
    text-decoration: underline !important;
}
.recipe-card-large .hide {
	display: none;
}

@media only screen and (max-width: 699px) {
	.recipe-card-large {
	   overflow: hidden !important;
        display: inline-block !important; /* Necessary to trigger "hasLayout" in IE */
        display: block !important; /* Sets element back to block */
	}	
	.recipe-card-large .recipe-card-photo {
		//display: none !important;
		width: auto !important;
	    position: relative !important;
	    float: none !important;
	    clear: right !important;
	}	
	.recipe-card-large .recipe-card-info-box {
		//display: none !important;
		width: auto !important;
	    position: relative !important;
	    float: none !important;
	    clear: both !important;
		text-align: center;
	}	
	.recipe-card-large .recipe-card-infobox-section {
		width: 100% !important;
		text-align: center;
	}
	.recipe-card-large .recipe-card-section-title {
		width: auto !important;
	}
	.recipe-card-large .recipe-card-infobox-section-data {
		width: auto !important;
	}
	
	
	.recipe-card-large .recipe-card-ingredient-section {
	    width: auto !important;
	    position: relative !important;
	    float: none !important;
	    clear: left !important;
	}	
	.recipe-card-large .recipe-card-subheader {
		clear: both !important;
	}
	.recipe-card-large .recipe-card-subsubheader {
		clear: both !important;
	}	
	.recipe-card-method-section {
	    margin-left: 0 !important;
	    float: left !important;
	    position: relative !important;
	    clear: left !important;
	}	
	.recipe-card-note-section {
	    margin-left: 0 !important;
	    float: left !important;
	    position: relative !important;
	    clear: left !important;
	}	
	.recipe-card-large .recipe-card-author {
		margin-left: 0 !important;
		float: left !important;
		position: relative !important;
		clear: left !important;
	}	
	.recipe-card-large .recipe-card-adapted {
	    margin-left: 0 !important;
	    float: left !important;
	    position: relative !important;
	    clear: left !important;
	}	
	.recipe-card-large .recipe-card-recipe-source {
	    margin-left: 0 !important;
	    float: left !important;
	    position: relative !important;
	    clear: left !important;
	}
	.recipe-card-large .recipe-card-title h2 {
		color: rgb(100,175,30);
		text-shadow: none;
		font-size: 1.5em;
	}
}

/* ==========================================================================
   Print styles
   ========================================================================== */

/*@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}*/

/* ==========================================================================
   Icons styles
   ========================================================================== */
   
   [class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e601";
}
.icon-home2:before {
	content: "\e602";
}
.icon-home3:before {
	content: "\e603";
}
.icon-office:before {
	content: "\e604";
}
.icon-newspaper:before {
	content: "\e605";
}
.icon-pencil:before {
	content: "\e606";
}
.icon-pencil2:before {
	content: "\e607";
}
.icon-quill:before {
	content: "\e608";
}
.icon-pen:before {
	content: "\e609";
}
.icon-blog:before {
	content: "\e60a";
}
.icon-droplet:before {
	content: "\e60b";
}
.icon-paint-format:before {
	content: "\e60c";
}
.icon-image:before {
	content: "\e60d";
}
.icon-image2:before {
	content: "\e60e";
}
.icon-images:before {
	content: "\e60f";
}
.icon-camera:before {
	content: "\e610";
}
.icon-music:before {
	content: "\e611";
}
.icon-headphones:before {
	content: "\e612";
}
.icon-play:before {
	content: "\e613";
}
.icon-film:before {
	content: "\e614";
}
.icon-camera2:before {
	content: "\e615";
}
.icon-dice:before {
	content: "\e616";
}
.icon-pacman:before {
	content: "\e617";
}
.icon-spades:before {
	content: "\e618";
}
.icon-clubs:before {
	content: "\e619";
}
.icon-diamonds:before {
	content: "\e61a";
}
.icon-pawn:before {
	content: "\e61b";
}
.icon-bullhorn:before {
	content: "\e61c";
}
.icon-connection:before {
	content: "\e61d";
}
.icon-podcast:before {
	content: "\e61e";
}
.icon-feed:before {
	content: "\e61f";
}
.icon-book:before {
	content: "\e620";
}
.icon-books:before {
	content: "\e621";
}
.icon-library:before {
	content: "\e622";
}
.icon-file:before {
	content: "\e623";
}
.icon-profile:before {
	content: "\e624";
}
.icon-file2:before {
	content: "\e625";
}
.icon-file3:before {
	content: "\e626";
}
.icon-file4:before {
	content: "\e627";
}
.icon-copy:before {
	content: "\e628";
}
.icon-copy2:before {
	content: "\e629";
}
.icon-copy3:before {
	content: "\e62a";
}
.icon-paste:before {
	content: "\e62b";
}
.icon-paste2:before {
	content: "\e62c";
}
.icon-paste3:before {
	content: "\e62d";
}
.icon-stack:before {
	content: "\e62e";
}
.icon-folder:before {
	content: "\e62f";
}
.icon-folder-open:before {
	content: "\e630";
}
.icon-tag:before {
	content: "\e631";
}
.icon-tags:before {
	content: "\e632";
}
.icon-barcode:before {
	content: "\e633";
}
.icon-qrcode:before {
	content: "\e634";
}
.icon-ticket:before {
	content: "\e635";
}
.icon-cart:before {
	content: "\e636";
}
.icon-cart2:before {
	content: "\e637";
}
.icon-cart3:before {
	content: "\e638";
}
.icon-coin:before {
	content: "\e639";
}
.icon-credit:before {
	content: "\e63a";
}
.icon-calculate:before {
	content: "\e63b";
}
.icon-support:before {
	content: "\e63c";
}
.icon-phone:before {
	content: "\e63d";
}
.icon-phone-hang-up:before {
	content: "\e63e";
}
.icon-address-book:before {
	content: "\e63f";
}
.icon-notebook:before {
	content: "\e640";
}
.icon-envelope:before {
	content: "\e641";
}
.icon-pushpin:before {
	content: "\e642";
}
.icon-location:before {
	content: "\e643";
}
.icon-location2:before {
	content: "\e644";
}
.icon-compass:before {
	content: "\e645";
}
.icon-map:before {
	content: "\e646";
}
.icon-map2:before {
	content: "\e647";
}
.icon-history:before {
	content: "\e648";
}
.icon-clock:before {
	content: "\e649";
}
.icon-clock2:before {
	content: "\e64a";
}
.icon-alarm:before {
	content: "\e64b";
}
.icon-alarm2:before {
	content: "\e64c";
}
.icon-bell:before {
	content: "\e64d";
}
.icon-stopwatch:before {
	content: "\e64e";
}
.icon-calendar:before {
	content: "\e64f";
}
.icon-calendar2:before {
	content: "\e650";
}
.icon-print:before {
	content: "\e651";
}
.icon-keyboard:before {
	content: "\e652";
}
.icon-screen:before {
	content: "\e653";
}
.icon-laptop:before {
	content: "\e654";
}
.icon-mobile:before {
	content: "\e655";
}
.icon-mobile2:before {
	content: "\e656";
}
.icon-tablet:before {
	content: "\e657";
}
.icon-tv:before {
	content: "\e658";
}
.icon-cabinet:before {
	content: "\e659";
}
.icon-drawer:before {
	content: "\e65a";
}
.icon-drawer2:before {
	content: "\e65b";
}
.icon-drawer3:before {
	content: "\e65c";
}
.icon-box-add:before {
	content: "\e65d";
}
.icon-box-remove:before {
	content: "\e65e";
}
.icon-download:before {
	content: "\e65f";
}
.icon-upload:before {
	content: "\e660";
}
.icon-disk:before {
	content: "\e661";
}
.icon-storage:before {
	content: "\e662";
}
.icon-undo:before {
	content: "\e663";
}
.icon-redo:before {
	content: "\e664";
}
.icon-flip:before {
	content: "\e665";
}
.icon-flip2:before {
	content: "\e666";
}
.icon-undo2:before {
	content: "\e667";
}
.icon-redo2:before {
	content: "\e668";
}
.icon-forward:before {
	content: "\e669";
}
.icon-reply:before {
	content: "\e66a";
}
.icon-bubble:before {
	content: "\e66b";
}
.icon-bubbles:before {
	content: "\e66c";
}
.icon-bubbles2:before {
	content: "\e66d";
}
.icon-bubble2:before {
	content: "\e66e";
}
.icon-bubbles3:before {
	content: "\e66f";
}
.icon-bubbles4:before {
	content: "\e670";
}
.icon-user:before {
	content: "\e671";
}
.icon-users:before {
	content: "\e672";
}
.icon-user2:before {
	content: "\e673";
}
.icon-users2:before {
	content: "\e674";
}
.icon-user3:before {
	content: "\e675";
}
.icon-user4:before {
	content: "\e676";
}
.icon-quotes-left:before {
	content: "\e677";
}
.icon-busy:before {
	content: "\e678";
}
.icon-spinner:before {
	content: "\e679";
}
.icon-spinner2:before {
	content: "\e67a";
}
.icon-spinner3:before {
	content: "\e67b";
}
.icon-spinner4:before {
	content: "\e67c";
}
.icon-spinner5:before {
	content: "\e67d";
}
.icon-spinner6:before {
	content: "\e67e";
}
.icon-binoculars:before {
	content: "\e67f";
}
.icon-search:before {
	content: "\e600";
}
.icon-zoomin:before {
	content: "\e680";
}
.icon-zoomout:before {
	content: "\e681";
}
.icon-expand:before {
	content: "\e682";
}
.icon-contract:before {
	content: "\e683";
}
.icon-expand2:before {
	content: "\e684";
}
.icon-contract2:before {
	content: "\e685";
}
.icon-key:before {
	content: "\e686";
}
.icon-key2:before {
	content: "\e687";
}
.icon-lock:before {
	content: "\e688";
}
.icon-lock2:before {
	content: "\e689";
}
.icon-unlocked:before {
	content: "\e68a";
}
.icon-wrench:before {
	content: "\e68b";
}
.icon-settings:before {
	content: "\e68c";
}
.icon-equalizer:before {
	content: "\e68d";
}
.icon-cog:before {
	content: "\e68e";
}
.icon-cogs:before {
	content: "\e68f";
}
.icon-cog2:before {
	content: "\e690";
}
.icon-hammer:before {
	content: "\e691";
}
.icon-wand:before {
	content: "\e692";
}
.icon-aid:before {
	content: "\e693";
}
.icon-bug:before {
	content: "\e694";
}
.icon-pie:before {
	content: "\e695";
}
.icon-stats:before {
	content: "\e696";
}
.icon-bars:before {
	content: "\e697";
}
.icon-bars2:before {
	content: "\e698";
}
.icon-gift:before {
	content: "\e699";
}
.icon-trophy:before {
	content: "\e69a";
}
.icon-glass:before {
	content: "\e69b";
}
.icon-mug:before {
	content: "\e69c";
}
.icon-food:before {
	content: "\e69d";
}
.icon-leaf:before {
	content: "\e69e";
}
.icon-rocket:before {
	content: "\e69f";
}
.icon-meter:before {
	content: "\e6a0";
}
.icon-meter2:before {
	content: "\e6a1";
}
.icon-dashboard:before {
	content: "\e6a2";
}
.icon-hammer2:before {
	content: "\e6a3";
}
.icon-fire:before {
	content: "\e6a4";
}
.icon-lab:before {
	content: "\e6a5";
}
.icon-magnet:before {
	content: "\e6a6";
}
.icon-remove:before {
	content: "\e6a7";
}
.icon-remove2:before {
	content: "\e6a8";
}
.icon-briefcase:before {
	content: "\e6a9";
}
.icon-airplane:before {
	content: "\e6aa";
}
.icon-truck:before {
	content: "\e6ab";
}
.icon-road:before {
	content: "\e6ac";
}
.icon-accessibility:before {
	content: "\e6ad";
}
.icon-target:before {
	content: "\e6ae";
}
.icon-shield:before {
	content: "\e6af";
}
.icon-lightning:before {
	content: "\e6b0";
}
.icon-switch:before {
	content: "\e6b1";
}
.icon-powercord:before {
	content: "\e6b2";
}
.icon-signup:before {
	content: "\e6b3";
}
.icon-list:before {
	content: "\e6b4";
}
.icon-list2:before {
	content: "\e6b5";
}
.icon-numbered-list:before {
	content: "\e6b6";
}
.icon-menu:before {
	content: "\e6b7";
}
.icon-menu2:before {
	content: "\e6b8";
}
.icon-tree:before {
	content: "\e6b9";
}
.icon-cloud:before {
	content: "\e6ba";
}
.icon-cloud-download:before {
	content: "\e6bb";
}
.icon-cloud-upload:before {
	content: "\e6bc";
}
.icon-download2:before {
	content: "\e6bd";
}
.icon-upload2:before {
	content: "\e6be";
}
.icon-download3:before {
	content: "\e6bf";
}
.icon-upload3:before {
	content: "\e6c0";
}
.icon-globe:before {
	content: "\e6c1";
}
.icon-earth:before {
	content: "\e6c2";
}
.icon-link:before {
	content: "\e6c3";
}
.icon-flag:before {
	content: "\e6c4";
}
.icon-attachment:before {
	content: "\e6c5";
}
.icon-eye:before {
	content: "\e6c6";
}
.icon-eye-blocked:before {
	content: "\e6c7";
}
.icon-eye2:before {
	content: "\e6c8";
}
.icon-bookmark:before {
	content: "\e6c9";
}
.icon-bookmarks:before {
	content: "\e6ca";
}
.icon-brightness-medium:before {
	content: "\e6cb";
}
.icon-brightness-contrast:before {
	content: "\e6cc";
}
.icon-contrast:before {
	content: "\e6cd";
}
.icon-star:before {
	content: "\e6ce";
}
.icon-star2:before {
	content: "\e6cf";
}
.icon-star3:before {
	content: "\e6d0";
}
.icon-heart:before {
	content: "\e6d1";
}
.icon-heart2:before {
	content: "\e6d2";
}
.icon-heart-broken:before {
	content: "\e6d3";
}
.icon-thumbs-up:before {
	content: "\e6d4";
}
.icon-thumbs-up2:before {
	content: "\e6d5";
}
.icon-happy:before {
	content: "\e6d6";
}
.icon-happy2:before {
	content: "\e6d7";
}
.icon-smiley:before {
	content: "\e6d8";
}
.icon-smiley2:before {
	content: "\e6d9";
}
.icon-tongue:before {
	content: "\e6da";
}
.icon-tongue2:before {
	content: "\e6db";
}
.icon-sad:before {
	content: "\e6dc";
}
.icon-sad2:before {
	content: "\e6dd";
}
.icon-wink:before {
	content: "\e6de";
}
.icon-wink2:before {
	content: "\e6df";
}
.icon-grin:before {
	content: "\e6e0";
}
.icon-grin2:before {
	content: "\e6e1";
}
.icon-cool:before {
	content: "\e6e2";
}
.icon-cool2:before {
	content: "\e6e3";
}
.icon-angry:before {
	content: "\e6e4";
}
.icon-angry2:before {
	content: "\e6e5";
}
.icon-evil:before {
	content: "\e6e6";
}
.icon-evil2:before {
	content: "\e6e7";
}
.icon-shocked:before {
	content: "\e6e8";
}
.icon-shocked2:before {
	content: "\e6e9";
}
.icon-confused:before {
	content: "\e6ea";
}
.icon-confused2:before {
	content: "\e6eb";
}
.icon-neutral:before {
	content: "\e6ec";
}
.icon-neutral2:before {
	content: "\e6ed";
}
.icon-wondering:before {
	content: "\e6ee";
}
.icon-wondering2:before {
	content: "\e6ef";
}
.icon-point-up:before {
	content: "\e6f0";
}
.icon-point-right:before {
	content: "\e6f1";
}
.icon-point-down:before {
	content: "\e6f2";
}
.icon-point-left:before {
	content: "\e6f3";
}
.icon-warning:before {
	content: "\e6f4";
}
.icon-notification:before {
	content: "\e6f5";
}
.icon-question:before {
	content: "\e6f6";
}
.icon-info:before {
	content: "\e6f7";
}
.icon-info2:before {
	content: "\e6f8";
}
.icon-blocked:before {
	content: "\e6f9";
}
.icon-cancel-circle:before {
	content: "\e6fa";
}
.icon-checkmark-circle:before {
	content: "\e6fb";
}
.icon-spam:before {
	content: "\e6fc";
}
.icon-close:before {
	content: "\e6fd";
}
.icon-checkmark:before {
	content: "\e6fe";
}
.icon-checkmark2:before {
	content: "\e6ff";
}
.icon-spell-check:before {
	content: "\e700";
}
.icon-minus:before {
	content: "\e701";
}
.icon-plus:before {
	content: "\e702";
}
.icon-enter:before {
	content: "\e703";
}
.icon-exit:before {
	content: "\e704";
}
.icon-play2:before {
	content: "\e705";
}
.icon-pause:before {
	content: "\e706";
}
.icon-stop:before {
	content: "\e707";
}
.icon-backward:before {
	content: "\e708";
}
.icon-forward2:before {
	content: "\e709";
}
.icon-play3:before {
	content: "\e70a";
}
.icon-pause2:before {
	content: "\e70b";
}
.icon-stop2:before {
	content: "\e70c";
}
.icon-backward2:before {
	content: "\e70d";
}
.icon-forward3:before {
	content: "\e70e";
}
.icon-first:before {
	content: "\e70f";
}
.icon-last:before {
	content: "\e710";
}
.icon-previous:before {
	content: "\e711";
}
.icon-next:before {
	content: "\e712";
}
.icon-eject:before {
	content: "\e713";
}
.icon-volume-high:before {
	content: "\e714";
}
.icon-volume-medium:before {
	content: "\e715";
}
.icon-volume-low:before {
	content: "\e716";
}
.icon-volume-mute:before {
	content: "\e717";
}
.icon-volume-mute2:before {
	content: "\e718";
}
.icon-volume-increase:before {
	content: "\e719";
}
.icon-volume-decrease:before {
	content: "\e71a";
}
.icon-loop:before {
	content: "\e71b";
}
.icon-loop2:before {
	content: "\e71c";
}
.icon-loop3:before {
	content: "\e71d";
}
.icon-shuffle:before {
	content: "\e71e";
}
.icon-arrow-up-left:before {
	content: "\e71f";
}
.icon-arrow-up:before {
	content: "\e720";
}
.icon-arrow-up-right:before {
	content: "\e721";
}
.icon-arrow-right:before {
	content: "\e722";
}
.icon-arrow-down-right:before {
	content: "\e723";
}
.icon-arrow-down:before {
	content: "\e724";
}
.icon-arrow-down-left:before {
	content: "\e725";
}
.icon-arrow-left:before {
	content: "\e726";
}
.icon-arrow-up-left2:before {
	content: "\e727";
}
.icon-arrow-up2:before {
	content: "\e728";
}
.icon-arrow-up-right2:before {
	content: "\e729";
}
.icon-arrow-right2:before {
	content: "\e72a";
}
.icon-arrow-down-right2:before {
	content: "\e72b";
}
.icon-arrow-down2:before {
	content: "\e72c";
}
.icon-arrow-down-left2:before {
	content: "\e72d";
}
.icon-arrow-left2:before {
	content: "\e72e";
}
.icon-arrow-up-left3:before {
	content: "\e72f";
}
.icon-arrow-up3:before {
	content: "\e730";
}
.icon-arrow-up-right3:before {
	content: "\e731";
}
.icon-arrow-right3:before {
	content: "\e732";
}
.icon-arrow-down-right3:before {
	content: "\e733";
}
.icon-arrow-down3:before {
	content: "\e734";
}
.icon-arrow-down-left3:before {
	content: "\e735";
}
.icon-arrow-left3:before {
	content: "\e736";
}
.icon-tab:before {
	content: "\e737";
}
.icon-checkbox-checked:before {
	content: "\e738";
}
.icon-checkbox-unchecked:before {
	content: "\e739";
}
.icon-checkbox-partial:before {
	content: "\e73a";
}
.icon-radio-checked:before {
	content: "\e73b";
}
.icon-radio-unchecked:before {
	content: "\e73c";
}
.icon-crop:before {
	content: "\e73d";
}
.icon-scissors:before {
	content: "\e73e";
}
.icon-filter:before {
	content: "\e73f";
}
.icon-filter2:before {
	content: "\e740";
}
.icon-font:before {
	content: "\e741";
}
.icon-text-height:before {
	content: "\e742";
}
.icon-text-width:before {
	content: "\e743";
}
.icon-bold:before {
	content: "\e744";
}
.icon-underline:before {
	content: "\e745";
}
.icon-italic:before {
	content: "\e746";
}
.icon-strikethrough:before {
	content: "\e747";
}
.icon-omega:before {
	content: "\e748";
}
.icon-sigma:before {
	content: "\e749";
}
.icon-table:before {
	content: "\e74a";
}
.icon-table2:before {
	content: "\e74b";
}
.icon-insert-template:before {
	content: "\e74c";
}
.icon-pilcrow:before {
	content: "\e74d";
}
.icon-lefttoright:before {
	content: "\e74e";
}
.icon-righttoleft:before {
	content: "\e74f";
}
.icon-paragraph-left:before {
	content: "\e750";
}
.icon-paragraph-center:before {
	content: "\e751";
}
.icon-paragraph-right:before {
	content: "\e752";
}
.icon-paragraph-justify:before {
	content: "\e753";
}
.icon-paragraph-left2:before {
	content: "\e754";
}
.icon-paragraph-center2:before {
	content: "\e755";
}
.icon-paragraph-right2:before {
	content: "\e756";
}
.icon-paragraph-justify2:before {
	content: "\e757";
}
.icon-indent-increase:before {
	content: "\e758";
}
.icon-indent-decrease:before {
	content: "\e759";
}
.icon-newtab:before {
	content: "\e75a";
}
.icon-embed:before {
	content: "\e75b";
}
.icon-code:before {
	content: "\e75c";
}
.icon-console:before {
	content: "\e75d";
}
.icon-share:before {
	content: "\e75e";
}
.icon-mail:before {
	content: "\e75f";
}
.icon-mail2:before {
	content: "\e760";
}
.icon-mail3:before {
	content: "\e761";
}
.icon-mail4:before {
	content: "\e762";
}
.icon-google:before {
	content: "\e763";
}
.icon-googleplus:before {
	content: "\e764";
}
.icon-googleplus2:before {
	content: "\e765";
}
.icon-googleplus3:before {
	content: "\e766";
}
.icon-googleplus4:before {
	content: "\e767";
}
.icon-google-drive:before {
	content: "\e768";
}
.icon-facebook:before {
	content: "\e769";
}
.icon-facebook2:before {
	content: "\e76a";
}
.icon-facebook3:before {
	content: "\e76b";
}
.icon-instagram:before {
	content: "\e76c";
}
.icon-twitter:before {
	content: "\e76d";
}
.icon-twitter2:before {
	content: "\e76e";
}
.icon-twitter3:before {
	content: "\e76f";
}
.icon-feed2:before {
	content: "\e770";
}
.icon-feed3:before {
	content: "\e771";
}
.icon-feed4:before {
	content: "\e772";
}
.icon-youtube:before {
	content: "\e773";
}
.icon-youtube2:before {
	content: "\e774";
}
.icon-vimeo:before {
	content: "\e775";
}
.icon-vimeo2:before {
	content: "\e776";
}
.icon-vimeo3:before {
	content: "\e777";
}
.icon-lanyrd:before {
	content: "\e778";
}
.icon-flickr:before {
	content: "\e779";
}
.icon-flickr2:before {
	content: "\e77a";
}
.icon-flickr3:before {
	content: "\e77b";
}
.icon-flickr4:before {
	content: "\e77c";
}
.icon-picassa:before {
	content: "\e77d";
}
.icon-picassa2:before {
	content: "\e77e";
}
.icon-dribbble:before {
	content: "\e77f";
}
.icon-dribbble2:before {
	content: "\e780";
}
.icon-dribbble3:before {
	content: "\e781";
}
.icon-forrst:before {
	content: "\e782";
}
.icon-forrst2:before {
	content: "\e783";
}
.icon-deviantart:before {
	content: "\e784";
}
.icon-deviantart2:before {
	content: "\e785";
}
.icon-steam:before {
	content: "\e786";
}
.icon-steam2:before {
	content: "\e787";
}
.icon-github:before {
	content: "\e788";
}
.icon-github2:before {
	content: "\e789";
}
.icon-github3:before {
	content: "\e78a";
}
.icon-github4:before {
	content: "\e78b";
}
.icon-github5:before {
	content: "\e78c";
}
.icon-wordpress:before {
	content: "\e78d";
}
.icon-wordpress2:before {
	content: "\e78e";
}
.icon-joomla:before {
	content: "\e78f";
}
.icon-blogger:before {
	content: "\e790";
}
.icon-blogger2:before {
	content: "\e791";
}
.icon-tumblr:before {
	content: "\e792";
}
.icon-tumblr2:before {
	content: "\e793";
}
.icon-yahoo:before {
	content: "\e794";
}
.icon-tux:before {
	content: "\e795";
}
.icon-apple:before {
	content: "\e796";
}
.icon-finder:before {
	content: "\e797";
}
.icon-android:before {
	content: "\e798";
}
.icon-windows:before {
	content: "\e799";
}
.icon-windows8:before {
	content: "\e79a";
}
.icon-soundcloud:before {
	content: "\e79b";
}
.icon-soundcloud2:before {
	content: "\e79c";
}
.icon-skype:before {
	content: "\e79d";
}
.icon-reddit:before {
	content: "\e79e";
}
.icon-linkedin:before {
	content: "\e79f";
}
.icon-lastfm:before {
	content: "\e7a0";
}
.icon-lastfm2:before {
	content: "\e7a1";
}
.icon-delicious:before {
	content: "\e7a2";
}
.icon-stumbleupon:before {
	content: "\e7a3";
}
.icon-stumbleupon2:before {
	content: "\e7a4";
}
.icon-stackoverflow:before {
	content: "\e7a5";
}
.icon-pinterest:before {
	content: "\e7a6";
}
.icon-pinterest2:before {
	content: "\e7a7";
}
.icon-xing:before {
	content: "\e7a8";
}
.icon-xing2:before {
	content: "\e7a9";
}
.icon-flattr:before {
	content: "\e7aa";
}
.icon-foursquare:before {
	content: "\e7ab";
}
.icon-foursquare2:before {
	content: "\e7ac";
}
.icon-paypal:before {
	content: "\e7ad";
}
.icon-paypal2:before {
	content: "\e7ae";
}
.icon-paypal3:before {
	content: "\e7af";
}
.icon-yelp:before {
	content: "\e7b0";
}
.icon-libreoffice:before {
	content: "\e7b1";
}
.icon-file-pdf:before {
	content: "\e7b2";
}
.icon-file-openoffice:before {
	content: "\e7b3";
}
.icon-file-word:before {
	content: "\e7b4";
}
.icon-file-excel:before {
	content: "\e7b5";
}
.icon-file-zip:before {
	content: "\e7b6";
}
.icon-file-powerpoint:before {
	content: "\e7b7";
}
.icon-file-xml:before {
	content: "\e7b8";
}
.icon-file-css:before {
	content: "\e7b9";
}
.icon-html5:before {
	content: "\e7ba";
}
.icon-html52:before {
	content: "\e7bb";
}
.icon-css3:before {
	content: "\e7bc";
}
.icon-chrome:before {
	content: "\e7bd";
}
.icon-firefox:before {
	content: "\e7be";
}
.icon-IE:before {
	content: "\e7bf";
}
.icon-opera:before {
	content: "\e7c0";
}
.icon-safari:before {
	content: "\e7c1";
}
.icon-IcoMoon:before {
	content: "\e7c2";
}
.container{
  padding: 2% 2% 0;
  min-height: 400px;
}

.container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container .mix,
.container .gap{
  display: inline-block;
  //width: 49%;
}

.container .mix{
  display: none;
}

.container .mix.category-1{
}

.container .mix.category-2{
}

.container .mix:after{
  content: attr(data-myorder);
  display: inline-block;
  vertical-align: top;
  padding: 4% 6%;
}

.container .mix:before{
  content: '';
  display: inline-block;
  padding-top: 60%;
}

@media all and (min-width: 420px){
  .container .mix,
  .container .gap{
    //width: 32%;
  }
}

@media all and (min-width: 640px){
  .container .mix,
  .container .gap{
    //width: 23.5%;
  }
}

////////////////////////////////////////////////////////////////////////////////////

/**
 * Fixes & Hacks
 */
._justify,
.loader,
.sandbox,
.grid,
.grid .seperator {
  text-align: justify;
  font-size: 0.1px;
  font-family: 'zero-width';
}
._justify > *,
.loader > *,
.sandbox > *,
.grid > *,
.grid .seperator > * {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-family: 'effra', sans-serif;
}
._justify:after,
.loader:after,
.sandbox:after,
.grid:after,
.grid .seperator:after {
  content: '';
  display: inline-block;
  width: 100%;
}
._webkit-aa,
body,
.read-more,
.btn,
.ed_button,
.breadcrumbs p {
  -webkit-font-smoothing: antialiased;
}
._force-gpu,
.dropdown,
.global-header,
.cart-link,
.glass:after,
.sandbox,
.live-config,
.live-config .dropdown,
.global-nav {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
._no-select,
.dropdown,
.control-bar {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._pointer-events {
  -moz-pointer-events: none;
  pointer-events: none;
}
._clear-last > *:last-child,
._clear-last > *:last-child > *:last-child,
._clear-last > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}
/**
 * Transitions
 */
._trans-150,
[class$="-logo"]:before,
[class*="-logo "]:before,
p a,
.read-more,
input[type="text"],
input[type="password"],
textarea,
.checkbox label,
.checkbox label:before,
.checkbox label:after,
.dropdown div,
.dropdown li,
.dropdown div::after,
.dropdown .carat,
.dropdown .carat:after,
.dropdown .selected::after,
.dropdown:after,
.btn,
.ed_button,
.breadcrumbs p a span:before,
.breadcrumbs p a span:after,
.close,
.cart-link,
.cart-link:before,
.cart-link:after,
.cart-link span,
.live-config .effect.checkbox .slider,
.global-nav .menu span,
.global-nav .get-mixitup .dl,
.grid .item header,
.grid h5,
.grid.topics .item header:after {
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  -ms-transition: 150ms;
  transition: 150ms;
}
._trans-300,
.back-to-top,
.back-to-top:after,
.hamburger,
.hamburger:before,
.hamburger:after,
.global-header .toggle-options,
.live-config {
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  -ms-transition: 150ms;
  transition: 150ms;
}
._trans-600 {
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -ms-transition: 600ms;
  transition: 600ms;
}
._trans-nav,
.master-container,
.hamburger-wrap,
.global-header,
.global-footer,
.global-nav,
.sidebar {
  -webkit-transition: -webkit-transform 200ms;
  -moz-transition: -moz-transform 200ms;
  -ms-transition: -ms-transform 200ms;
  transition: transform 200ms;
}
/**
 * Animations
 */
@-webkit-keyframes nod {
  0% {
    -webkit-transform: translate(0, 0px);
  }
  50% {
    -webkit-transform: translate(0, 5px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
  }
}
@-moz-keyframes nod {
  0% {
    -moz-transform: translate(0, 0px);
  }
  50% {
    -moz-transform: translate(0, 5px);
  }
  100% {
    -moz-transform: translate(0, 0px);
  }
}
@keyframes nod {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 5px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-3px);
  }
  60% {
    -webkit-transform: translateY(-2px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-3px);
  }
  60% {
    -moz-transform: translateY(-2px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-3px);
  }
  60% {
    transform: translateY(-2px);
  }
}
@-webkit-keyframes flash {
  0%,
  50% {
    color: transparent;
  }
  51%,
  100% {
    color: limegreen;
  }
}
@-moz-keyframes flash {
  0%,
  50% {
    color: transparent;
  }
  51%,
  100% {
    color: limegreen;
  }
}
@keyframes flash {
  0%,
  50% {
    color: transparent;
  }
  51%,
  100% {
    color: limegreen;
  }
}
@-webkit-keyframes turnCover {
  0% {
    -webkit-transform: rotateY(-40deg);
  }
  10% {
    -webkit-transform: rotateY(-90deg);
  }
  90% {
    -webkit-transform: rotateY(-90deg);
  }
}
@-webkit-keyframes turnPageOne {
  0% {
    -webkit-transform: rotateY(-25deg);
  }
  10% {
    box-shadow: inset 30px 0 20px -20px rgba(0, 0, 0, 0.02);
  }
  20% {
    -webkit-transform: rotateY(-25deg);
  }
  30% {
    -webkit-transform: rotateY(-85deg);
  }
  40% {
    box-shadow: inset 70px 0 20px -20px rgba(0, 0, 0, 0.02);
  }
  50% {
    box-shadow: inset 80px 0 20px -20px rgba(0, 0, 0, 0.1);
  }
  90% {
    -webkit-transform: rotateY(-85deg);
  }
}
@-webkit-keyframes turnPageTwo {
  0% {
    -webkit-transform: rotateY(-15deg);
  }
  20% {
    box-shadow: inset 70px 0 20px -20px rgba(0, 0, 0, 0.07);
  }
  30% {
    box-shadow: inset 70px 0 20px -20px rgba(0, 0, 0, 0);
  }
  40% {
    -webkit-transform: rotateY(-15deg);
  }
  50% {
    -webkit-transform: rotateY(-80deg);
    background: #fafafa;
  }
  90% {
    -webkit-transform: rotateY(-80deg);
    box-shadow: inset 70px 0 20px -20px rgba(0, 0, 0, 0);
    background: #fafafa;
  }
}
@-webkit-keyframes turnPageThree {
  40% {
    box-shadow: inset 70px 0 20px -20px rgba(0, 0, 0, 0.07);
  }
  50% {
    box-shadow: inset 30px 0 20px -20px rgba(0, 0, 0, 0.02);
    background: #fafafa;
  }
  90% {
    box-shadow: inset 30px 0 20px -20px rgba(0, 0, 0, 0.02);
    background: #fafafa;
  }
}
@-webkit-keyframes magnify {
  0% {
    -webkit-transform: scale(0.4);
  }
  25% {
    -webkit-transform: scale(0.9);
  }
  60% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(0.4);
  }
}
@-moz-keyframes magnify {
  0% {
    -moz-transform: scale(0.4);
  }
  25% {
    -moz-transform: scale(0.9);
  }
  60% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(0.4);
  }
}
@keyframes magnify {
  0% {
    transform: scale(0.4);
  }
  25% {
    transform: scale(0.9);
  }
  60% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(0.4);
  }
}
/**
 * Fonts
 */
[class$="-logo"]:before,
[class*="-logo "]:before {
  font-family: "ss-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}
[class$="-logo"] {
  border: 0 none;
  font-size: 19px;
}
[class$="-logo"]:hover {
  color: #03899c;
}
.icon-codepen-logo:before {
  content: '\e802';
}
.icon-linkedin-logo:before {
  content: '\e803';
}
.icon-mail-logo:before {
  content: '\e804';
}
.icon-twitter-logo:before {
  content: '\e805';
}
.icon-resume:before {
  content: '\e800';
}
.icon-credit-card:before {
  content: '\e806';
}
.icon-facebook-logo:before {
  content: '\e808';
}
.icon-github-logo:before {
  content: '\e801';
}
.icon-gplus-logo:before {
  content: '\e807';
}
/**
 * User Interface
 */
/* Form Elements */
.mix-form {
  text-align: justify;
}
.mix-form .info,
.mix-form .spacer,
.mix-form h5 {
  display: inline-block;
  width: 100%;
}
.form-wrapper {
  border-top: 1px solid #f2f2f2;
}
.field {
  display: inline-block;
  position: relative;
  margin: 0 0 2%;
  width: 100%;
}
.field.hidden {
  visibility: hidden;
  margin: 0;
}
.field.mini {
  width: 32%;
  vertical-align: top;
}
.field .quicktags-toolbar {
  position: relative;
}
.field.required-text:after,
.field.required-check:after,
.field.required-dropdown:after,
.field.required-text .quicktags-toolbar:after {
  position: absolute;
  right: 14px;
  top: 0;
  width: 10px;
  border-top: 2px solid #9dd8d9;
  content: '';
}
.field.required-text.bbp-content:after {
  display: none;
}
.field.required-text .quicktags-toolbar:after {
  top: auto;
  bottom: -2px;
}
.field.required-check:after {
  left: 5px;
  width: 8px;
}
.field.invalid.required-text:after,
.field.invalid.required-check:after,
.field.invalid.required-dropdown:after {
  border-top-color: #e39a9a;
}
.field.invalid input[type="text"],
.field.invalid input[type="password"],
.field.invalid .dropdown,
.field.invalid textarea {
  background: #f7e0e0;
  border-color: #ccc;
}
.field.invalid input[type="text"]::-webkit-input-placeholder,
.field.invalid input[type="password"]::-webkit-input-placeholder,
.field.invalid .dropdown::-webkit-input-placeholder,
.field.invalid textarea::-webkit-input-placeholder {
  color: #bbb;
}
@media all and (min-width: 641px) {
  .field.half {
    width: 49%;
  }
}
/* Text Inputs */
input[type="text"],
input[type="password"],
textarea {
  font-weight: 400;
  padding: 8px 10px;
  margin: 0;
  border: 2px solid #e2e2e2;
  border-bottom-width: 4px;
  width: 100%;
  resize: none;
  border-radius: 3px;
  -webkit-appearance: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  border-color: #9dd8d9;
  outline: 0 none;
}
textarea {
  font-weight: 300;
}
::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
input:focus::-webkit-input-placeholder {
  color: #ddd;
}
:-moz-placeholder {
  color: #aaa;
  font-weight: 400;
}
::-moz-placeholder {
  color: #aaa;
  font-weight: 400;
}
:-ms-input-placeholder {
  color: #ccc;
  font-weight: 400;
}
/* Checkboxes */
.checkbox {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.checkbox input[type="checkbox"] {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  margin: 0;
  opacity: 0;
  z-index: 1;
}
.checkbox label {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding-left: 1.5em;
}
.checkbox label:before,
.checkbox label:after {
  content: '';
  display: block;
  position: absolute;
}
.checkbox label:before {
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: #ddd;
  border-radius: 3px;
}
.checkbox label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #68b8c4;
  opacity: 0;
  pointer-events: none;
}
.checkbox.invalid label:before {
  background: #f7e0e0;
}
.checkbox input:checked ~ label:after {
  opacity: 1;
}
.checkbox input:focus ~ label:before {
  background: #e8e8e8;
}
/* Dropdowns */
.dropdown {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  border: 2px solid #e2e2e2;
  border-bottom-width: 4px;
  border-radius: 3px;
  -webkit-transition: border 150ms;
  -moz-transition: border 150ms;
  -ms-transition: border 150ms;
  transition: border 150ms;
}
.dropdown .selected::after,
.dropdown.scrollable div::after {
  pointer-events: none;
}
.dropdown.open {
  z-index: 2;
  border-radius: 2px 2px 0 0;
}
.dropdown.focus {
  border-color: #9dd8d9;
}
.dropdown .carat {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  border: 7px solid transparent;
  border-top: 7px solid #999999;
  z-index: 2;
  -webkit-transform-origin: 50% 20%;
  -moz-transform-origin: 50% 20%;
  -ms-transform-origin: 50% 20%;
  transform-origin: 50% 20%;
}
.dropdown.open .carat {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dropdown .old {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.dropdown.touch .old {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.dropdown.touch select {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.dropdown .selected,
.dropdown li {
  display: block;
  line-height: 1;
  color: #ccc;
  padding: 10px 10px 9px;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown.has-value .selected,
.dropdown.has-value li {
  color: #333;
}
.dropdown div {
  position: absolute;
  height: 0;
  left: -2px;
  right: -2px;
  top: 100%;
  margin-top: 0px;
  background: white;
  overflow: hidden;
  border: 2px solid #e2e2e2;
  border-bottom-width: 4px;
  opacity: 0;
  border-radius: 0 0 3px 3px;
  -webkit-backface-visibility: hidden;
}
.dropdown.open div {
  opacity: 1;
  z-index: 2;
}
.dropdown.focus div {
  border-color: #9dd8d9;
}
.dropdown.scrollable div::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  box-shadow: inset 0 -50px 30px -35px #ffffff;
}
.dropdown.scrollable.bottom div::after {
  opacity: 0;
}
.dropdown ul {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
  overflow: hidden;
}
.dropdown ul:after {
  display: none !important;
}
.dropdown.scrollable.open ul {
  overflow-y: auto;
}
.dropdown li {
  list-style: none;
  padding: 10px;
  font-size: 16px;
  margin: 0;
  font-weight: 400;
}
.dropdown li.focus {
  position: relative;
  z-index: 3;
  color: #fff;
  background: #68b8c4;
}
.dropdown li.active {
  color: #68b8c4;
}
.dropdown li.active.focus {
  color: #fff;
}
/* Labels */
label {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 500;
  line-height: 1.4;
}
/* Buttons */
.btn,
.ed_button {
  //font-family: 'effra', sans-serif;
  font-family: 'Roboto', arial, helvetica, clean, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 10px;
  line-height: 1;
  background: #68b8c4;
  padding: 1em 1em;
  margin: 0;
  min-width: 40px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: white;
  border: 0 none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #03899c;
  display: inline-block;
  border-radius: 2px;
  -webkit-appearance: none;
}
.btn.submit,
.ed_button.submit {
  min-width: 120px;
  text-align: center;
  margin-right: 1em;
}
.btn:disabled,
.ed_button:disabled {
  background: #f2f2f2 !important;
  border-bottom: transparent;
  border-top: 1px solid #e2e2e2 !important;
  color: #999999;
  cursor: default;
}
.btn.cta,
.ed_button.cta {
  background: #92e094;
  border-bottom-color: #36bd39;
}
.btn.cta:hover,
.ed_button.cta:hover {
  background: #a6e6a7;
  border-bottom-color: #92e094;
}
.btn.cta:active,
.ed_button.cta:active {
  border-top-color: #92e094;
  border-bottom-color: transparent;
}
.btn:hover,
.ed_button:hover {
  background: #9dd8d9;
  border-bottom-color: #68b8c4;
}
.btn:active,
.ed_button:active {
  border-top-color: #68b8c4;
  border-bottom-color: transparent;
}
.btn:focus,
.ed_button:focus {
  outline: 0 none;
}
@media all and (min-width: 641px) {
  .btn,
  .ed_button {
    font-size: 12px;
  }
}
@media all and (min-width: 769px) {
  input[type="text"],
  input[type="password"],
  textarea,
  .dropdown,
  .dropdown li {
    font-size: 18px;
  }
  .btn,
  .ed_button {
    font-size: 14px;
  }
}
/* Sliders */
.slider {
  position: relative;
  height: 8px;
  background: rgba(255, 255, 255, 0.4);
  margin: 30px auto;
  border-radius: 3px;
}
.slider .scrubber {
  -webkit-transition: -webkit-transform 150ms;
  -moz-transition: -moz-transform 150ms;
  transition: transform 150ms;
  position: absolute;
  left: 50%;
  width: 26px;
  height: 26px;
  background: #eee;
  margin: -9px 0 0 -13px;
  cursor: pointer;
  z-index: 4;
  border-radius: 999px;
}
.slider .scrubber:before,
.slider .scrubber:after {
  position: absolute;
  opacity: 0;
  -moz-pointer-events: none;
  pointer-events: none;
}
.slider .scrubber:after {
  content: attr(data-value);
  width: auto;
  height: 25px;
  top: 0;
  right: 35px;
  padding: 0 6px;
  text-align: right;
  font-size: 15px;
  font-weight: 600;
  line-height: 25px;
  color: #fff;
  background: #000;
  border-radius: 2px;
}
.slider .scrubber:before {
  content: '';
  top: 9px;
  right: 25px;
  border: 4px solid transparent;
  border-left: 6px solid #000;
}
.slider .scrubber.down {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.slider .scrubber.down:after,
.slider .scrubber.down:before {
  opacity: 1;
}
/* WP Editor */
.quicktags-toolbar .ed_button {
  background: #f2f2f2;
  border-bottom-color: #e2e2e2;
  color: #555555;
  margin: 0 2px 6px;
}
.quicktags-toolbar .ed_button:first-child {
  margin-left: 0;
  font-weight: 900;
}
.quicktags-toolbar .ed_button:nth-child(2) {
  font-style: italic;
}
.quicktags-toolbar .ed_button:nth-child(3) {
  display: none;
}
.quicktags-toolbar .ed_button:hover {
  color: #68b8c4;
}
.quicktags-toolbar .ed_button:active {
  background: #f8f8f8;
  border-top-color: #f2f2f2;
  border-bottom-color: transparent;
}
/* Alert/Info Box */
.info {
  position: relative;
  padding: 10px 40px 10px 10px;
  background: #f8f8f8;
  border-radius: 2px;
  margin-bottom: 20px;
}
.info.alert {
  background: #f7e0e0;
}
.info .close {
  right: 0;
  top: 50%;
  margin-top: -17px;
}
/* Control Bars */
.control-bar {
  background: #6fF974;
  padding: 5px 10px;
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
  -webkit-box-shadow: 0 5px 10px #aaa;
  -moz-box-shadow: 0 5px 10px #aaa;
  box-shadow: 0 5px 10px #aaa;
}
.control-bar label {
  margin: 0 5px 0 15px;
  display: inline-block;
  vertical-align: middle;
  display: none;
}
.control-bar .legend {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.control-bar .legend label {
  margin: 0 20px 0 5px;
}
.control-bar .legend .dot {
  margin: 0 5px 0 0;
}
.control-bar form {
  text-align: left;
  width: 250px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 0;
}
.control-bar,
.meta-bar {
  overflow: hidden;
}
.control-bar .btn,
.meta-bar .btn {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  background: #4fd954;
  color: #555555;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #f2f2f2;
}
.control-bar .btn:hover,
.meta-bar .btn:hover {
  color: white;
}
.control-bar .btn.active,
.meta-bar .btn.active {
  background: #45be49;
  color: white;
  font-weight: bold;
  border-top: 1px solid #03899c;
  border-bottom: 0 none;
}
.control-bar .btn:active,
.meta-bar .btn:active {
  border-bottom-color: transparent;
  border-top: 1px solid #ddd;
}
.control-bar.pagination .disabled,
.meta-bar.pagination .disabled {
  opacity: .5;
  cursor: default;
  pointer-events: none;
}
@media all and (min-width: 769px) {
  .control-bar {
    padding: 5px 30px;
    text-align: right;
  }
  .control-bar label {
    display: inline-block;
  }
  .control-bar.just {
    text-align: justify;
  }
  .control-bar.just:after {
    content: '';
    width: 100%;
    display: inline-block;
  }
  .control-bar.just > * {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  .control-bar.just > * {
    vertical-align: middle;
  }
}
/* Breadcrumbs */
.breadcrumbs {
  background: white;
  padding: 10px 15px;
  border-bottom: 1px solid #f2f2f2;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.breadcrumbs p {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
}
.breadcrumbs p span {
  display: inline-block;
  position: relative;
  padding: 0 1em 0 .6em;
}
.breadcrumbs p a {
  border: none;
}
.breadcrumbs p a:first-child span {
  padding-left: 0 !important;
}
.breadcrumbs p a span:before,
.breadcrumbs p a span:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  height: 1px;
  width: 30px;
  background: #e8e8e8;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.breadcrumbs p a span:before {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.breadcrumbs p a span:after {
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.breadcrumbs p a:hover span:before,
.breadcrumbs p a:hover span:after {
  background: #afdfe0;
}
@media all and (min-width: 769px) {
  .breadcrumbs {
    padding: 10px 30px;
  }
}
@media all and (min-width: 1901px) {
  .breadcrumbs p {
    font-size: 22px;
  }
}
/* Back To Top */
.back-to-top {
  position: fixed;
  right: 30px;
  height: 40px;
  width: 40px;
  bottom: 30px;
  cursor: pointer;
  opacity: .7;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.back-to-top.hidden {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
.back-to-top:after {
  content: '';
  border: 20px solid transparent;
  border-bottom: 25px solid #68b8c4;
}
.back-to-top:hover {
  -webkit-animation: nod 0.3s infinite linear;
  -moz-animation: nod 0.3s infinite linear;
  -ms-animation: nod 0.3s infinite linear;
  animation: nod 0.3s infinite linear;
}
/* Close Buttons */
.close {
  position: absolute;
  right: -30px;
  top: -30px;
  height: 30px;
  width: 35px;
  font-size: 20px;
  color: #333;
  opacity: .3;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
}
.close:hover {
  opacity: 1;
}
.close:before {
  content: '✖';
}
/**
 * Hamburger
 */
.hamburger-wrap {
  position: fixed;
  left: 0;
  top: 0;
  height: 60px;
  width: 60px;
  cursor: pointer;
  z-index: 3;
}
.hamburger-wrap.light .hamburger {
  opacity: .1;
}
.hamburger-wrap:hover {
  height: 800px;
}
.hamburger-wrap:hover .hamburger {
  opacity: 1;
}
.hamburger {
  position: absolute;
  top: 30px;
  left: 15px;
  margin-top: -2px;
  pointer-events: none;
}
.hamburger:before,
.hamburger:after {
  position: absolute;
  content: '';
  right: 0;
}
.hamburger:before {
  -webkit-transform: translateY(-180%);
  -moz-transform: translateY(-180%);
  -ms-transform: translateY(-180%);
  transform: translateY(-180%);
}
.hamburger:after {
  -webkit-transform: translateY(180%);
  -moz-transform: translateY(180%);
  -ms-transform: translateY(180%);
  transform: translateY(180%);
}
.hamburger,
.hamburger:before,
.hamburger:after {
  width: 28px;
  display: block;
  height: 5px;
  background: #333333;
  border-radius: 1px;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hamburger:after {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/**
 * Global Header
 */
.global-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
  background: white;
  z-index: 2;
}
.global-header.static {
  position: absolute;
}
.global-header .toggle-options {
  position: absolute;
}
.global-header .toggle-options {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -50px;
  height: 100px;
  width: 100px;
  cursor: pointer;
  background: url(im/sprite.svg) center 5px no-repeat;
  background-size: 100% auto;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
.global-header .toggle-options:hover {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.sandbox-config-open .global-header .toggle-options {
  -webkit-transform: scale(0.8) rotate(90deg);
  -moz-transform: scale(0.8) rotate(90deg);
  -ms-transform: scale(0.8) rotate(90deg);
  transform: scale(0.8) rotate(90deg);
}
.nav-open .hamburger:before,
.nav-open .hamburger:after {
  width: 18px;
}
.nav-open .hamburger:before {
  -webkit-transform: translateX(15%) translateY(50%) rotate(48deg);
  -moz-transform: translateX(15%) translateY(50%) rotate(48deg);
  -ms-transform: translateX(15%) translateY(50%) rotate(48deg);
  transform: translateX(15%) translateY(50%) rotate(48deg);
}
.nav-open .hamburger:after {
  -webkit-transform: translateX(15%) translateY(-50%) rotate(-48deg);
  -moz-transform: translateX(15%) translateY(-50%) rotate(-48deg);
  -ms-transform: translateX(15%) translateY(-50%) rotate(-48deg);
  transform: translateX(15%) translateY(-50%) rotate(-48deg);
}
.logo {
  display: block;
  position: absolute;
  left: 65px;
  margin-top: 14px;
}
.logo h1 {
  display: none;
}
.logo .logo-text {
  display: inline-block;
  color: #333333;
  font-weight: 700;
  font-size: 39px;
  line-height: 28px;
  margin-right: .1em;
}
.logo .logo-text .hide {
  display: none;
}
.logo .x-grid {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 21px;
  height: 21px;
  line-height: 1;
  margin: 7px 2px 0 1px;
  pointer-events: none;
}
.logo .x-grid:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.logo .x-grid .mix {
  display: inline-block;
  float: left;
  width: 7px;
  padding-top: 7px;
  background: #333;
  display: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.logo .x-grid .mix.light {
  background: transparent;
}
.cart-link {
  display: block;
  position: absolute;
  height: 34px;
  width: 35px;
  top: 50%;
  right: 15px;
  margin-top: -17px;
  opacity: 0;
  pointer-events: none;
}
.cart-link.logged-in {
  right: 55px;
}
.cart-link.show {
  opacity: 1;
  pointer-events: auto;
}
.cart-link:before,
.cart-link:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5px;
  width: 20px;
  height: 15px;
  background: #e8e8e8;
  border-radius: 2px;
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -ms-transform: skew(15deg);
  transform: skew(15deg);
}
.cart-link:after {
  left: auto;
  right: 5px;
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  transform: skew(-15deg);
}
.cart-link span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 900;
  color: #333333;
}
.cart-link:hover span {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.cart-link:hover:before,
.cart-link:hover:after {
  background: #9dd8d9;
}
.user-menu {
  display: block;
  position: absolute;
  height: 40px;
  width: 35px;
  top: 50%;
  right: 15px;
  margin-top: -17px;
  cursor: pointer;
}
.user-menu .user-avatar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  overflow: hidden;
}
.user-menu img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  border-radius: 2px;
}
.user-menu img.avatar-default {
  display: none;
}
.user-menu .user-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  width: 140px;
  text-align: right;
  background: white;
  border: 1px solid #e8e8e8;
  z-index: 1;
  opacity: 0;
  max-height: 0;
  pointer-events: none;
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  -ms-transition: 150ms;
  transition: 150ms;
}
.user-menu .user-dropdown span {
  display: block;
  color: #333333;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 8px 12px;
  border-bottom: 1px solid #f2f2f2;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  -ms-transition: 150ms;
  transition: 150ms;
}
.user-menu .user-dropdown li:hover span {
  color: #68b8c4;
}
.user-menu .user-dropdown li:last-child span {
  border-bottom: 0 none;
}
.user-menu:hover .user-dropdown {
  opacity: 1;
  max-height: 200px;
  pointer-events: auto;
}
@media all and (min-width: 769px) {
  .hamburger-wrap {
    height: 80px;
    width: 80px;
  }
  .hamburger {
    top: 40px;
    left: 30px;
  }
  .global-header {
    height: 80px;
  }
  .global-header .cart-link,
  .global-header .user-menu {
    right: 30px;
  }
  .global-header .cart-link.logged-in,
  .global-header .user-menu.logged-in {
    right: 80px;
  }
  .global-header .logo {
    width: 300px;
    left: 50%;
    margin: 22px 0 0 -140px;
  }
  .global-header .logo .logo-text {
    font-size: 50px;
  }
  .global-header .logo .x-grid {
    width: 24px;
    height: 24px;
    margin: 8px 2px 0 1px;
  }
  .global-header .logo .x-grid .mix {
    width: 8px;
    padding-top: 8px;
  }
  .global-header.mini {
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
  }
  .global-header.mini .hamburger-wrap {
    height: 50px;
    width: 80px;
  }
  .global-header.mini .hamburger {
    top: 25px;
    left: 30px;
  }
  .global-header.mini .logo {
    margin-top: 4px;
  }
  .global-header.mini .logo .logo-text {
    color: transparent;
    font-size: 0.1px;
  }
  .global-header.mini .logo .x-grid .mix.dark {
    background: rgba(0, 0, 0, 0.4);
  }
}
/**
 * Global Footer
 */
.global-footer {
  border-top: 1px solid #e8e8e8;
  height: 150px;
  padding: 15px;
  background: #fff;
  text-align: justify;
  position: relative;
  z-index: 2;
}
.global-footer > * {
  display: inline-block;
}
.global-footer .kunkalabs {
  display: block;
  width: 210px;
  height: 90px;
  background: url(im/logo.svg);
  background-size: cover;
  margin-bottom: 20px;
}
.global-footer:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.global-footer .legal {
  font-size: 17px;
  text-align: left;
}
.global-footer .legal strong {
  font-weight: 400;
}
.global-footer [class$="-logo"] {
  position: relative;
  right: -0.2em;
}
@media all and (min-width: 641px) {
  .global-footer .legal {
    text-align: right;
  }
  .global-footer .kunkalabs {
    display: inline-block;
    margin-bottom: 0;
  }
}
@media all and (min-width: 769px) {
  .global-footer {
    padding: 20px 30px;
  }
}
/**
 * Modal
 */
.modal-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -moz-pointer-events: none;
  pointer-events: none;
}
.modal {
  display: none;
  position: absolute;
  height: 300px;
  width: 600px;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -300px;
  border-radius: 2px;
  border: 30px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-pointer-events: all;
  pointer-events: all;
}
.modal .content {
  background: transparent;
}
.modal textarea {
  width: 100%;
  height: 240px;
  background: rgba(50, 50, 50, 0.8);
  border: 0 none;
  color: #fff;
  resize: none;
  font-size: 14px;
  font-family: Consolas, monaco, 'consolas-wf', Courier, monospace;
  -webkit-tab-size: 4;
  -moz-tab-size: 4;
  tab-size: 4;
  border-radius: 2px;
}
.modal textarea:focus {
  border-color: #ddd;
}
.modal .solid {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
}
.modal .intercept label {
  margin-bottom: 20px;
}
.modal .intercept .mix-form {
  text-align: center;
}
.modal .intercept .mix-form .field {
  margin-right: 20px;
}
/**
 * Loader
 */
.loader-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}
.loader {
  position: absolute;
  height: 50px;
  width: 100px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -50px;
  border-radius: 2px;
  -moz-pointer-events: all;
  pointer-events: all;
}
.loader i {
  display: none;
  width: 25px;
  height: 25px;
  border-radius: 999px;
  background: rgba(104, 184, 196, 0.8);
}
@media all and (min-width: 769px) {
  .loader {
    margin-left: 110px;
  }
}
@media all and (min-width: 1261px) {
  .loader {
    margin-left: -25px;
    left: 63.5%;
  }
}
.ie-blocker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: white;
  z-index: 999;
}
/**
 * Illustrations
 */
.illustration {
  text-align: center;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  perspective: 300px;
}
.illustration:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.dev {
  text-align: left;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 10px;
  width: 5em;
  height: 4em;
}
.dev:before {
  content: '...';
  color: limegreen;
  padding: 0 .5em;
  letter-spacing: -0.2em;
  font-weight: bold;
  font-family: monospace;
  position: absolute;
  left: 0;
  top: 0;
  width: 5em;
  height: 3.5em;
  background: black;
  border-bottom: .6em solid #ccc;
  border-radius: .2em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: flash 2s linear infinite;
  -moz-animation: flash 2s linear infinite;
  -ms-animation: flash 2s linear infinite;
  animation: flash 2s linear infinite;
}
.dev:after {
  content: '';
  position: absolute;
  left: 1em;
  top: 1.5em;
  width: 3em;
  height: 3em;
  background: #9dd8d9;
  border-radius: 999px;
  box-shadow: inset 0 -0.4em 0 rgba(0, 0, 0, 0.05), 0 -0.8em 0 -0.2em rgba(157, 216, 217, 0.3);
  -webkit-animation: bounce 1s linear infinite;
  -moz-animation: bounce 1s linear infinite;
  -ms-animation: bounce 1s linear infinite;
  animation: bounce 1s linear infinite;
}
.devgru .dev:nth-child(1):before {
  -webkit-animation-delay: 3.8s;
  -moz-animation-delay: 3.8s;
  -ms-animation-delay: 3.8s;
  -animation-delay: 3.8s;
}
.devgru .dev:nth-child(1):after {
  background: #68b8c4;
  -webkit-animation-delay: 3.8s;
  -moz-animation-delay: 3.8s;
  -ms-animation-delay: 3.8s;
  -animation-delay: 3.8s;
}
.devgru .dev:nth-child(2):before {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -animation-delay: 0.5s;
}
.devgru .dev:nth-child(2):after {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -animation-delay: 0.5s;
}
.devgru .dev:nth-child(3):before {
  -webkit-animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  -ms-animation-delay: 2.3s;
  -animation-delay: 2.3s;
}
.devgru .dev:nth-child(3):after {
  background: #e39a9a;
  -webkit-animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  -ms-animation-delay: 2.3s;
  -animation-delay: 2.3s;
  box-shadow: inset 0 -0.4em 0 rgba(0, 0, 0, 0.05), 0 -0.8em 0 -0.2em rgba(227, 154, 154, 0.3);
}
.devgru .dev:nth-child(4):before {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -animation-delay: 0.75s;
}
.devgru .dev:nth-child(4):after {
  background: #6bd2e8;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -animation-delay: 0.75s;
}
.multi .dev {
  margin: 0 5px;
}
.multi .devgru {
  display: inline-block;
  vertical-align: middle;
  width: 99%;
}
@media all and (min-width: 769px) {
  .dev {
    font-size: 15px;
  }
  .multi .dev {
    font-size: 10px;
    margin-bottom: 12px;
  }
}
.book {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  width: 6em;
  height: 8em;
  background: #68b8c4;
  -webkit-transform: rotateX(45deg) rotateY(-15deg) rotateZ(20deg);
  -moz-transform: rotateX(45deg) rotateY(-15deg) rotateZ(20deg);
  -ms-transform: rotateX(45deg) rotateY(-15deg) rotateZ(20deg);
  transform: rotateX(45deg) rotateY(-15deg) rotateZ(20deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.book:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #9dd8d9;
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  -webkit-transform: rotateY(-40deg);
  -moz-transform: rotateY(-40deg);
  -ms-transform: rotateY(-40deg);
  transform: rotateY(-40deg);
  -webkit-animation: turnCover 5s ease infinite 2s;
  -moz-animation: turnCover 5s ease infinite 2s;
  -ms-animation: turnCover 5s ease infinite 2s;
  animation: turnCover 5s ease infinite 2s;
}
.book .page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f1f1f1;
  box-shadow: inset 70px 0 20px -20px rgba(0, 0, 0, 0.07);
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  -webkit-transform: rotateY(-5deg);
  -moz-transform: rotateY(-5deg);
  -ms-transform: rotateY(-5deg);
  transform: rotateY(-5deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation: turnPageThree 5s ease infinite 2s;
  -moz-animation: turnPageThree 5s ease infinite 2s;
  -ms-animation: turnPageThree 5s ease infinite 2s;
  animation: turnPageThree 5s ease infinite 2s;
}
.book .page:nth-child(2) {
  background: #fcfcfc;
  -webkit-transform: rotateY(-15deg);
  -moz-transform: rotateY(-15deg);
  -ms-transform: rotateY(-15deg);
  transform: rotateY(-15deg);
  -webkit-animation: turnPageTwo 5s ease infinite 2s;
  -moz-animation: turnPageTwo 5s ease infinite 2s;
  -ms-animation: turnPageTwo 5s ease infinite 2s;
  animation: turnPageTwo 5s ease infinite 2s;
}
.book .page:nth-child(3) {
  background: #fcfcfc;
  -webkit-transform: rotateY(-25deg);
  -moz-transform: rotateY(-25deg);
  -ms-transform: rotateY(-25deg);
  transform: rotateY(-25deg);
  -webkit-animation: turnPageOne 5s ease infinite 2s;
  -moz-animation: turnPageOne 5s ease infinite 2s;
  -ms-animation: turnPageOne 5s ease infinite 2s;
  animation: turnPageOne 5s ease infinite 2s;
}
.bug {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1.4em 0 0 -1em;
  font-size: .75em;
  width: 2em;
  height: 2.6em;
  color: #333;
  background: #e39a9a;
  border-top-left-radius: 1em 1.3em;
  border-top-right-radius: 1em 1.3em;
  border-bottom-left-radius: 1em 1.3em;
  border-bottom-right-radius: 1em 1.3em;
  box-shadow: inset -8px 0 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-animation: magnify 5s ease infinite 2s;
  -moz-animation: magnify 5s ease infinite 2s;
  -ms-animation: magnify 5s ease infinite 2s;
  animation: magnify 5s ease infinite 2s;
}
.bug:before {
  content: '';
  position: absolute;
  top: 0em;
  left: 50%;
  margin-left: -0.5em;
  background: #333;
  width: 1em;
  height: 0.6em;
  border-top-left-radius: 0.5em 0.3em;
  border-top-right-radius: 0.5em 0.3em;
  border-bottom-left-radius: 0.5em 0.3em;
  border-bottom-right-radius: 0.5em 0.3em;
}
.bug:after {
  text-align: center;
  display: block;
  padding: .45em .1em;
  content: '• • ••';
  line-height: .4;
  word-spacing: -0.1em;
  font-size: 1.6em;
}
.glass {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 11px;
  width: 4em;
  height: 4em;
  border: 0.3em solid #68b8c4;
  border-radius: 999px;
  box-shadow: inset 0 0 10px #ffffff, inset -5px 0 0 #d2ebe1;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.glass:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0.2em 0 0 -0.4em;
  width: .8em;
  height: 2.5em;
  border-radius: .3em;
  background: #9dd8d9;
  box-shadow: inset -8px 0 4px -3px rgba(100, 100, 100, 0.1);
}
@media all and (min-width: 769px) {
  .glass {
    margin: 3em 0;
    font-size: 16px;
  }
}
/**
 * Sandbox
 */
.sandbox-control-bar .btn[data-filter=".category-1"].active {
  background: #6bd2e8;
}
.sandbox-control-bar .btn[data-filter=".category-2"].active {
  background: #a6e6a7;
  border-top-color: #36bd39;
}
.sandbox-control-bar .toggle-config {
  width: 36px;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 0;
  cursor: pointer;
  background: url(im/sprite.svg) center -24px no-repeat;
  border: 0 none;
  opacity: .3;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.sandbox-control-bar .toggle-config:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.sandbox-control-bar .toggle-config:active {
  border: 0 none;
}
.sandbox-control-bar .toggle-config.config-open {
  opacity: 1;
  -webkit-transform: scale(1) rotate(90deg);
  -moz-transform: scale(1) rotate(90deg);
  -ms-transform: scale(1) rotate(90deg);
  transform: scale(1) rotate(90deg);
}
.sandbox-control-bar .toggle-layout {
  position: relative;
}
.sandbox-control-bar .toggle-layout:hover i {
  background: #68b8c4;
  -webkit-transition: 0;
  -moz-transition: 0;
  -ms-transition: 0;
  transition: 0;
}
.sandbox-control-bar .toggle-layout:hover i:after,
.sandbox-control-bar .toggle-layout:hover i:before {
  background: #68b8c4;
  -webkit-transition: 0;
  -moz-transition: 0;
  -ms-transition: 0;
  transition: 0;
}
.sandbox-control-bar .toggle-layout i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -10px;
  pointer-events: none;
  -webkit-transition: background-color 150ms;
  -moz-transition: background-color 150ms;
  -ms-transition: background-color 150ms;
  transition: background-color 150ms;
}
.sandbox-control-bar .toggle-layout i:before,
.sandbox-control-bar .toggle-layout i:after {
  position: absolute;
  content: '';
  right: 0;
  -webkit-transition: background-color 150ms;
  -moz-transition: background-color 150ms;
  -ms-transition: background-color 150ms;
  transition: background-color 150ms;
}
.sandbox-control-bar .toggle-layout i:before {
  -webkit-transform: translateY(-220%);
  -moz-transform: translateY(-220%);
  -ms-transform: translateY(-220%);
  transform: translateY(-220%);
}
.sandbox-control-bar .toggle-layout i:after {
  -webkit-transform: translateY(220%);
  -moz-transform: translateY(220%);
  -ms-transform: translateY(220%);
  transform: translateY(220%);
}
.sandbox-control-bar .toggle-layout i,
.sandbox-control-bar .toggle-layout i:before,
.sandbox-control-bar .toggle-layout i:after {
  width: 20px;
  display: block;
  height: 3px;
  background: #333333;
  border-radius: 1px;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.sandbox-control-bar .toggle-layout i:after {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.sandbox-control-bar .toggle-layout.grid-icon i {
  height: 16px;
  margin-top: -8px;
}
.sandbox-control-bar .toggle-layout.grid-icon i:before,
.sandbox-control-bar .toggle-layout.grid-icon i:after {
  width: 22px;
  margin-right: -1px;
  background: white;
  height: 4px;
  -webkit-transform: translateY(150%);
  -moz-transform: translateY(150%);
  -ms-transform: translateY(150%);
  transform: translateY(150%);
}
.sandbox-control-bar .toggle-layout.grid-icon i:after {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translateY(150%) rotate(90deg);
  -moz-transform: translateY(150%) rotate(90deg);
  -ms-transform: translateY(150%) rotate(90deg);
  transform: translateY(150%) rotate(90deg);
}
.sandbox-control-bar.pagination .btn.active {
  background: #6bd2e8;
  border-top-color: #1c9cb7;
}
.sandbox-control-bar.pagination .disabled {
  opacity: .5;
  cursor: default;
  pointer-events: none;
}
@media all and (min-width: 809px) {
  .sandbox-control-bar .group {
    display: inline-block;
  }
  .sandbox-control-bar .group.pager-list {
    float: left;
  }
  .sandbox-control-bar .toggle-layout {
    margin-left: 1em;
  }
}
.sandbox {
  background: #03899c;
  position: relative;
  min-height: 580px;
  padding: 15px;
  overflow: hidden;
}
.sandbox .mix {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  text-align: right;
  background: rgba(255, 255, 255, 0.4);
  margin-bottom: 4%;
  display: none;
  font-size: 25px;
  padding-right: .5em;
  line-height: 1.8em;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  vertical-align: top;
  -webkit-backface-visibility: hidden;
}
.sandbox .mix:before {
  content: '';
  display: inline-block;
  padding-top: 60%;
  vertical-align: middle;
}
.sandbox .mix:after {
  content: '';
  position: absolute;
  border: 20px solid transparent;
  border-right-color: white;
  top: -20px;
  left: -20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sandbox .mix.category-1:after {
  border-right-color: #6bd2e8;
}
.sandbox .mix.category-2:after {
  border-right-color: #a6e6a7;
}
.sandbox .gap,
.sandbox .mix {
  width: 48%;
}
.sandbox.list .mix {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.sandbox.list .mix:before {
  padding-top: 3%;
}
.sandbox.pagination {
  min-height: 0;
  background: #6bd2e8;
  padding: 15px;
}
.sandbox.pagination .mix {
  margin-bottom: 4%;
  width: 48%;
}
.sandbox.pagination .mix:before {
  padding-top: 45%;
}
.sandbox.pagination .mix.category-1:after {
  border-right-color: #3fc5e1;
}
.sandbox.pagination .mix.category-2:after {
  border-right-color: #92e094;
}
@media all and (min-width: 641px) {
  .sandbox.pagination .mix {
    width: 23.5%;
    margin-bottom: 0;
  }
}
@media all and (min-width: 769px) {
  .sandbox.pagination {
    padding: 30px;
  }
}
.live-config {
  position: absolute;
  right: -320px;
  top: 0;
  bottom: 0;
  width: 320px;
  padding: 15px;
  background: rgba(0, 0, 0, 0.7);
}
.live-config .btn {
  width: 100%;
  background: rgba(157, 216, 217, 0.1);
  border: 0 none;
  padding: 17px;
}
.live-config .btn:hover {
  background: rgba(157, 216, 217, 0.8);
}
.live-config .effect {
  margin-bottom: 15px;
}
.live-config .effect label {
  margin-left: 0;
  color: rgba(255, 255, 255, 0.45);
  font-weight: 700;
}
.live-config .effect .slider {
  float: right;
  width: 180px;
  margin: 6px 0 0 15px;
  opacity: 1;
}
.live-config .effect.checkbox input {
  width: 100px;
}
.live-config .effect.checkbox label {
  margin-left: 5px;
}
.live-config .effect.checkbox label:before {
  background: rgba(255, 255, 255, 0.45);
}
.live-config .effect.checkbox label:after {
  background: transparent;
}
.live-config .effect.checkbox .slider {
  width: 120px;
  opacity: .5;
}
.live-config .effect.checkbox input:checked + label {
  color: rgba(255, 255, 255, 0.9);
}
.live-config .effect.checkbox input:checked + label:after {
  background: rgba(255, 255, 255, 0.9);
}
.live-config .effect.checkbox input:checked ~ .slider {
  opacity: 1;
}
.live-config .effect.checkbox input:checked ~ .slider .scrubber:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.live-config .dropdown {
  border-color: rgba(255, 255, 255, 0.45);
}
.live-config .dropdown div {
  border-top: 2px solid white;
  border-color: rgba(255, 255, 255, 0.45);
  background: #01292e;
}
.live-config .dropdown .selected,
.live-config .dropdown li {
  color: white;
}
.live-config .dropdown.scrollable div::after {
  box-shadow: inset 0 -50px 30px -35px #01292e;
}
.config-open .live-config {
  -webkit-transform: translateX(-320px);
  -moz-transform: translateX(-320px);
  -ms-transform: translateX(-320px);
  transform: translateX(-320px);
}
@media all and (min-width: 641px) {
  .sandbox .mix {
    margin-bottom: 2%;
  }
  .sandbox .mix:before {
    padding-top: 80%;
  }
  .sandbox .gap,
  .sandbox .mix {
    width: 23.5%;
  }
}
@media all and (min-width: 769px) {
  .sandbox {
    padding: 30px 30px 0;
  }
  .sandbox .mix:before {
    padding-top: 45%;
  }
  .sandbox .gap,
  .sandbox .mix {
    width: 23.5%;
  }
}
/**
 * Various Demos
 */
#Demo1 {
  min-height: 350px;
  padding: 15px;
  -webkit-transform: rotateX(-20deg) rotateY(40deg) translate3d(10%, 15%, 0);
  -moz-transform: rotateX(-20deg) rotateY(40deg) translate3d(10%, 15%, 0);
  -ms-transform: rotateX(-20deg) rotateY(40deg) translate3d(10%, 15%, 0);
  transform: rotateX(-20deg) rotateY(40deg) translate3d(10%, 15%, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 3000;
  -moz-perspective: 3000;
  -ms-perspective: 3000;
  perspective: 3000;
  -webkit-perspective-origin: 50%;
  -moz-perspective-origin: 50%;
  -ms-perspective-origin: 50%;
  perspective-origin: 50%;
}
#Demo1 .mix {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  display: none;
  max-width: 400px;
  margin: 0 auto 20px;
  position: relative;
  height: 70px;
  line-height: 70px;
  padding: 0 10px;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.08em;
  background: rgba(157, 216, 217, 0.5);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
#Demo1 .mix:before,
#Demo1 .mix:after {
  display: block;
  content: '';
  position: absolute;
  background: rgba(157, 216, 217, 0.5);
}
#Demo1 .mix:before {
  height: 70px;
  width: 80px;
  left: 0;
  top: 0;
  opacity: .8;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
#Demo1 .mix:after {
  content: '';
  height: 80px;
  width: 100%;
  max-width: 400px;
  left: 0;
  top: 0;
  opacity: .5;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
@media all and (min-width: 769px) {
  #Demo1 {
    padding: 40px;
    -webkit-transform: rotateX(-20deg) rotateY(40deg) translate3d(5%, 15%, 0);
    -moz-transform: rotateX(-20deg) rotateY(40deg) translate3d(5%, 15%, 0);
    -ms-transform: rotateX(-20deg) rotateY(40deg) translate3d(5%, 15%, 0);
    transform: rotateX(-20deg) rotateY(40deg) translate3d(5%, 15%, 0);
  }
}
/**
 * Global Nav
 */
.global-nav {
  position: fixed;
  width: 200px;
  background: #fff;
  top: 0;
  left: -200px;
  height: 100%;
  border-right: 1px solid #e8e8e8;
  padding: 15px 20px;
  z-index: 4;
}
.global-nav .tracer {
  visibility: hidden;
  position: absolute;
  border-right: 5px solid #68b8c4;
  height: 30px;
  top: 30px;
  margin-top: 10px;
  left: 0;
}
.global-nav .menu {
  list-style: none;
  margin-bottom: 20px;
  margin-top: 40px;
}
.global-nav .menu span {
  display: block;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 1.4;
  padding: .4em 0;
  font-weight: 400;
  color: #333333;
  text-align: right;
  text-transform: uppercase;
}
.global-nav .menu li.current-menu-item span,
.global-nav .menu li.current-page-ancestor span {
  font-weight: 700;
}
.global-nav form .btn.submit {
  width: 100%;
  text-align: center;
}
.global-nav .get-mixitup {
  text-align: right;
}
.global-nav .get-mixitup:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.global-nav .get-mixitup label {
  display: block;
}
.global-nav .get-mixitup .dl {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  padding-top: 60px;
  margin-left: 10px;
  text-align: center;
  background: url(im/sprite.svg) center no-repeat;
  background-position: center -90px;
  text-transform: uppercase;
  font-size: 14px;
  color: #333333;
  font-weight: 700;
  letter-spacing: .1em;
}
.global-nav .get-mixitup .dl.zip {
  background-position: center -170px;
}
.global-nav .get-mixitup .dl:hover {
  color: #68b8c4;
  padding-top: 62px;
}
body.support .global-nav .menu li.support span {
  font-weight: 600;
}
@media all and (min-width: 769px) {
  .global-nav {
    padding: 20px 30px;
    width: 300px;
    left: -300px;
  }
  .global-nav .menu span {
    font-size: 20px;
  }
  .global-nav .tracer {
    visibility: visible;
  }
}
/**
 * Sidebar
 */
.sidebar {
  display: none;
  overflow: hidden;
}
.sidebar p {
  font-size: 17px;
}
@media all and (min-width: 769px) {
  .sidebar {
    display: block;
    position: fixed;
    left: 0;
    top: 80px;
    width: 320px;
    height: 9999px;
    background: white;
  }
  .sidebar.static {
    position: absolute;
    height: auto;
  }
  .sidebar header {
    border-top: 3px solid #c9eaea;
    padding: 15px 50px 15px 15px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
  }
  .sidebar header span {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
  }
  .sidebar header i {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
  }
  .sidebar .content,
  .sidebar .grid {
    padding: 15px;
  }
  .sidebar p {
    font-size: 19px;
  }
  .sidebar .list {
    font-size: 14px;
    margin-left: 1em;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .sidebar .list li {
    margin-bottom: .6em;
    line-height: 1.5;
  }
  .sidebar .list li span {
    color: #999999;
  }
  .sidebar ol.list {
    margin-left: 2em;
  }
  .sidebar .spacer {
    height: 20px;
  }
  .share-links {
    display: inline-block;
    margin-left: 10px;
  }
  .share-links a {
    margin: 0 8px;
  }
}
@media all and (min-width: 1261px) {
  .sidebar {
    width: 30%;
  }
  .sidebar header {
    padding: 30px 80px 30px 30px;
  }
  .sidebar header span {
    font-size: 18px;
    letter-spacing: 1px;
  }
  .sidebar .content,
  .sidebar .grid {
    padding: 30px;
  }
  .sidebar .list {
    font-size: 16px;
  }
  .sidebar li a {
    display: inline-block;
    position: relative;
  }
  .sidebar li a:before {
    content: '';
    position: absolute;
    right: 100%;
    margin-right: 2em;
    top: 0;
    height: 100%;
    width: 3px;
    opacity: 0;
    background: #9dd8d9;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
  }
  .sidebar li a:hover:before {
    opacity: 1;
  }
  .sidebar ol.list {
    margin-left: 1.5em;
  }
}
.nav-open .sidebar {
  -webkit-transform: translateX(300px);
  -moz-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px);
}
@media all and (min-width: 1901px) {
  .sidebar header span {
    font-size: 23px;
  }
  .sidebar .list {
    font-size: 20px;
  }
}
/**
 * Grids
 */
.grid {
  padding: 15px;
  border-top: 1px solid #f2f2f2;
  background: #f8f8f8;
}
.grid.mixitup .item,
.grid.mixitup .info,
.grid.mixitup .seperator {
  display: none;
}
.grid.min-height {
  min-height: 500px;
}
.grid .gap {
  width: 100%;
}
.grid.replies p {
  line-height: 1.5em;
}
.grid .item {
  width: 100%;
  min-height: 240px;
  background: white;
  margin-bottom: 2%;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 3px;
  color: #333333;
}
.grid .item.full-width {
  width: 100%;
  min-height: 0;
}
.grid .item.learn-more {
  background: transparent;
  border-bottom: 0 none;
}
.grid .item p {
  max-width: 640px;
}
.grid .item header,
.grid .item .content {
  padding: 15px;
}
.grid .item header > *:last-child,
.grid .item .content > *:last-child,
.grid .item header > *:last-child > *:last-child,
.grid .item .content > *:last-child > *:last-child,
.grid .item header > *:last-child > *:last-child > *:last-child,
.grid .item .content > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0 !important;
}
.grid .item header .btn,
.grid .item .content .btn {
  margin-right: 10px;
}
.grid .item .close {
  right: 0;
  top: 0;
}
.grid .item .meta-bar {
  padding: 5px 15px 4px;
  border-bottom: 1px solid #f2f2f2;
}
.grid .item .meta-bar .author,
.grid .item .meta-bar .date {
  display: inline-block;
  padding: 9px 3px;
  font-size: 14px;
  font-weight: 500;
}
.grid .item .meta-bar .date {
  color: #999999;
  font-weight: 300;
  -webkit-font-smoothing: auto;
}
.grid .item .meta-bar .btn {
  padding: 7px 10px;
  margin: 5px 2px;
  background: #f8f8f8;
}
.grid .item .meta-bar .controls {
  display: inline-block;
  float: right;
}
.grid .item header {
  border-top: 2px solid #9dd8d9;
  border-bottom: 1px solid #f2f2f2;
}
.grid .item .content {
  border-bottom: 1px solid #f2f2f2;
}
.grid .item .content:last-child {
  border: 0 none;
}
.grid .item .content .illustration {
  height: 80px;
  position: relative;
}
.grid .item .content .sub-grid {
  border: 1px solid #f2f2f2;
  margin-bottom: 20px;
}
.grid .item .content .sub-grid .content {
  padding: 10px;
}
.grid .item .content .sub-grid .content p,
.grid .item .content .sub-grid .content code,
.grid .item .content .sub-grid .content h5 {
  font-size: 16px;
}
.grid .item .content .sub-grid .content code {
  font-size: 15px;
  padding: 4px 4px 2px;
}
.grid .item .content .sub-grid .content p {
  margin-bottom: .5em;
}
.grid .item .content .sub-grid .content h5 {
  margin-bottom: .3em;
}
.grid.full-width .item {
  min-height: 0;
}
.grid a.item:hover header {
  background: #9dd8d9;
  border-color: #9dd8d9;
}
.grid a.item:hover header h5 {
  color: white;
}
.grid p,
.grid code,
.grid li {
  font-size: 17px;
}
.grid ul {
  margin-bottom: 20px;
  font-weight: 300;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.grid ul li {
  margin-left: 1em;
  margin-bottom: .3em;
  -webkit-font-smoothing: auto;
}
.grid .seperator {
  display: block;
  margin: 20px 0;
  padding: 5px 0;
  border-bottom: 1px solid #e8e8e8;
}
.grid .seperator h6 {
  margin: 0;
  color: #555555;
}
.grid .seperator.dark {
  border-bottom-color: #e2e2e2;
}
.grid .seperator.dark h6 {
  color: #333333;
}
.grid .seperator:first-child {
  margin-top: 0;
}
.grid .info {
  background: #f2f2f2;
}
.grid.docs header {
  background: #555555;
  font-family: Consolas, monaco, 'consolas-wf', Courier, monospace;
  padding: 10px 15px;
}
.grid.docs header h5 {
  color: white;
  letter-spacing: 0;
  font-weight: 400;
  padding-top: 2px;
  -webkit-font-smoothing: auto;
}
.grid.docs .full-width header {
  background: white;
}
.grid.docs .full-width header h5 {
  color: black;
}
.grid.cart {
  display: block;
  min-height: 200px;
}
.grid.cart header {
  border-top: 0 none;
  padding-right: 40px;
}
.grid.cart .item {
  position: relative;
  width: auto !important;
  margin-right: 60px;
}
.grid.cart .item .close {
  top: 50%;
  margin-top: -17px;
}
.grid.cart .no {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  margin-left: 10px;
  background: #9dd8d9;
}
.grid.cart .no:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.grid.cart .no span {
  vertical-align: middle;
}
.grid.purchases {
  display: block;
}
.grid.purchases header {
  border-top: 0 none;
}
.grid.purchases .transaction-meta > * {
  display: inline-block;
  vertical-align: middle;
}
.grid.products .item {
  position: relative;
  padding-bottom: 80px;
}
.grid.products .item header {
  position: relative;
  padding: 20px;
}
.grid.products .item header h5 {
  margin-bottom: 0;
  padding-right: 60px;
}
.grid.products .item .price {
  position: absolute;
  right: 10px;
  top: 10px;
  bottom: 10px;
  padding: 0 10px;
  background: #9dd8d9;
  text-align: center;
  border-radius: 2px;
}
.grid.products .item .price span {
  display: inline-block;
  color: white;
  font-weight: 900;
  font-size: 25px;
  vertical-align: middle;
}
.grid.products .item .price:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.grid.products .item .content {
  border-bottom: 0;
}
.grid.products .item .footer {
  border-top: 1px solid #f2f2f2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.grid.forums .item,
.grid.topics .item,
.grid.cart .item,
.grid.purchases .item,
.grid.replies .item {
  margin-bottom: 1%;
}
@media all and (min-width: 769px) {
  .grid {
    padding: 30px;
  }
  .grid p {
    font-size: 18px;
  }
  .grid h5 {
    font-size: 18px;
  }
  .grid .item .meta-bar .author,
  .grid .item .meta-bar .date {
    font-size: 16px;
  }
  .grid .item .content.has-illustration {
    position: relative;
    padding-left: 170px;
    min-height: 190px;
  }
  .grid .item .content .illustration {
    position: absolute;
    width: 160px;
    height: auto;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .grid.docs header h5 {
    font-size: 18px;
  }
}
@media all and (min-width: 1261px) {
  .grid {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-align-content: flex-start;
  }
  .grid .item,
  .grid .gap {
    width: 49%;
  }
  .grid.full-width .item {
    width: 100%;
  }
  .grid.full-width .item p {
    max-width: 740px;
  }
  .grid.licenses .item {
    margin-bottom: 0;
  }
  .grid.cart .item {
    margin-right: 65px;
  }
}
@media all and (min-width: 1901px) {
  .grid.full-width .item {
    width: 100%;
  }
  .grid.full-width .item p {
    max-width: 800px;
  }
  .grid p {
    font-size: 20px;
  }
  .grid h5 {
    font-size: 20px;
  }
  .grid .item,
  .grid .gap {
    width: 32%;
  }
  .grid.products .item,
  .grid.products .gap {
    width: 49%;
  }
  .grid.docs header h5 {
    font-size: 18px;
  }
}
/**
 * Documentation
 */
/* Config Object Menu */
.config-object-menu {
  -webkit-font-smoothing: auto;
  vertical-align: top;
  left: 0;
  z-index: 1;
  font-family: Consolas, monaco, 'consolas-wf', Courier, monospace;
  font-size: 15px;
}
.config-object-menu.affixed {
  position: fixed;
  top: 0;
  -webkit-backface-visibility: hidden;
}
.config-object-menu.affixed.bottom {
  position: absolute;
  top: auto;
  bottom: 0;
}
.config-object-menu .bracket {
  color: #888;
}
.config-object-menu .arg {
  color: #03899c;
}
.config-object-menu ul {
  list-style: none;
  margin: 8px 0;
  line-height: 1;
  padding-left: 0;
}
.config-object-menu ul li {
  margin: 0;
  max-height: 2em;
  overflow: hidden;
}
.config-object-menu ul li.group .label {
  display: inline-block;
  cursor: pointer;
  padding: 8px 10px 6px 17px;
  border-left: 3px solid transparent;
  margin: 2px 0 5px;
}
.config-object-menu ul li.group .label:hover {
  background: #f8f8f8;
}
.config-object-menu ul li.group .label.active {
  background: #f8f8f8;
  border-left-color: #68b8c4;
}
.config-object-menu ul li.group .label:after {
  color: #888;
  content: ' {...},';
}
.config-object-menu ul li.group .label:before {
  content: '';
  display: inline-block;
  border: 5px solid transparent;
  border-left: 8px solid #03899c;
  position: relative;
  right: 7px;
}
.config-object-menu ul li.group ul {
  margin: 0 0 5px;
}
.config-object-menu ul li.group:last-child .label:after {
  content: ' {...}';
}
.config-object-menu ul li.group.open {
  max-height: 100%;
}
.config-object-menu ul li.group.open .label:after {
  content: ' {';
}
.config-object-menu ul li.group.open .label:before {
  border: 5px solid transparent;
  border-top: 8px solid #03899c;
  top: 4px;
  right: 11px;
  margin-left: 3px;
}
.config-object-menu ul li.group.open:after {
  display: block;
  color: #888;
  content: '},';
  margin: 0 0 .5em 2.1em;
}
.config-object-menu ul li.group.open:last-child:after {
  content: '}';
}
.config-object-menu ul li.prop {
  margin-left: 2.5em;
  display: block;
  cursor: pointer;
  padding: 8px 10px 6px 8px;
  border-left: 3px solid transparent;
  white-space: nowrap;
}
.config-object-menu ul li.prop:hover {
  background: #f8f8f8;
}
.config-object-menu ul li.prop.active {
  background: #f8f8f8;
  border-left-color: #68b8c4;
}
.config-object-menu ul li.prop:after {
  color: #888;
  content: ',';
}
.config-object-menu ul li.prop:last-child:after {
  content: '';
}
.config-object-menu ul li .val {
  color: #03899c;
}
/* API Methods Menu */
.api-methods-menu {
  font-size: 15px;
  -webkit-font-smoothing: auto;
  margin-left: 1em;
}
.api-methods-menu li {
  cursor: pointer;
  font-family: Consolas, monaco, 'consolas-wf', Courier, monospace;
  padding: 8px 10px 4px 8px;
  border-left: 3px solid transparent;
}
.api-methods-menu li.active {
  background: #f8f8f8;
  border-left-color: #68b8c4;
}
.api-methods-menu li:hover {
  background: #f8f8f8;
}
@media all and (min-width: 1261px) {
  .api-methods-menu,
  .config-object-menu {
    font-size: 17px;
  }
}
@media all and (min-width: 1501px) {
  .api-methods-menu,
  .config-object-menu {
    font-size: 20px;
  }
}
/* API Methods Grid */
#APIMethodsGrid {
  min-height: 625px;
}
/**
 * Download
 */
.download .btn {
  margin: 0 .5em 1em 0;
  font-size: 18px;
}
.download p {
  margin: 0 auto;
  font-size: 18px;
}
@media all and (min-width: 769px) {
  .download {
    text-align: center;
  }
  .download .btn {
    margin: 0 .5em 1em;
  }
}
/**
 * Forums
 */
.avatar {
  width: 50px;
  height: 50px;
  background: white;
  border-radius: 2px;
  z-index: 1;
}
.bbp-reply-revision-log {
  display: none;
}
.grid.topics .item,
.grid.forums .item,
.grid.replies .item {
  position: relative;
  width: auto;
  display: block;
  margin-left: 50px;
}
.grid.topics .item pre,
.grid.forums .item pre,
.grid.replies .item pre {
  margin-bottom: 2%;
}
.grid.topics .no,
.grid.forums .no,
.grid.replies .no {
  position: absolute;
  right: 100%;
  margin-right: 10px;
}
.grid.mixitup.topics {
  min-height: 320px;
  overflow: hidden;
}
.grid.mixitup.topics .item {
  display: none;
}
.grid.replies .item {
  margin-left: 60px;
}
.grid.replies .item:after {
  content: '';
  position: absolute;
  width: 2px;
  padding-top: 2%;
  background: #e8e8e8;
  top: 0;
  height: 100%;
  left: -35px;
}
.grid.replies .item img {
  width: 100%;
}
.grid.replies .item p img,
.grid.replies .item p + img {
  margin-top: 25px;
}
.grid.replies .item:first-child {
  margin-left: 0;
}
.grid.replies .item:first-child:after {
  left: 25px;
  height: auto;
  top: 100%;
}
.grid.replies .item:first-child .avatar {
  left: 5px;
  top: 5px;
}
.grid.replies .item:first-child .meta-bar {
  border-top: 2px solid #9dd8d9;
  padding: 15px 15px;
  padding-left: 70px;
}
.grid.replies .item:last-child:after {
  display: none;
}
.grid.replies .avatar {
  position: absolute;
  right: 100%;
  margin-right: 10px;
}
.grid.replies .avatar img {
  position: absolute;
  left: 0;
  top: 0;
}
.grid.replies .avatar img.avatar-default {
  display: none;
}
.grid.topics .item.resolved header:after {
  color: #92e094;
}
.grid.topics .item.resolved:hover header:after {
  color: white;
}
.grid.topics .item.under-review header:after {
  color: #6bd2e8;
}
.grid.topics .item.under-review:hover header:after {
  color: white;
}
.grid.topics .item header {
  border-color: transparent;
  border-radius: 3px;
}
.grid.topics .item header:after {
  position: absolute;
  content: '⬤';
  color: transparent;
  font-size: 16px;
  right: 15px;
  top: 50%;
  margin-top: -0.75em;
}
.grid.topics .no:after {
  content: '➤';
  font-size: .8em;
  position: absolute;
  color: #e2e2e2;
  right: .1em;
  bottom: -0.7em;
  -webkit-transform: rotate(67deg);
  -moz-transform: rotate(67deg);
  -ms-transform: rotate(67deg);
  transform: rotate(67deg);
}
.grid.forums .no:after {
  content: '...';
  position: absolute;
  top: 100%;
  margin-top: -0.5em;
  left: 0;
  right: 0;
  text-align: center;
  color: #e2e2e2;
}
.status {
  margin-bottom: 10px;
}
.status label {
  margin-left: 0;
  vertical-align: middle;
}
@media all and (min-width: 1261px) {
  .grid {
    /*&.forums{
			.item{
				width: 43%;
			}
		}*/
  }
  .grid.topics,
  .grid.replies,
  .grid.forums {
    display: block;
  }
  .grid.topics .item,
  .grid.replies .item,
  .grid.forums .item {
    display: block;
    width: auto;
  }
}
@media all and (min-width: 1901px) {
  .grid.topics .no,
  .grid.forums .no,
  .grid.replies .no {
    font-size: 25px;
  }
}
@media all and (max-width: 641px) {
  .control-bar {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
  }
}
/*! jQuery UI - v1.11.0 - 2014-07-04
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=segoe%20ui%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ece8da&bgTextureHeader=gloss_wave&bgImgOpacityHeader=100&borderColorHeader=d4ccb0&fcHeader=433f38&iconColorHeader=847e71&bgColorContent=f5f3e5&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=dfd9c3&fcContent=312e25&iconColorContent=808080&bgColorDefault=459e00&bgTextureDefault=highlight_hard&bgImgOpacityDefault=15&borderColorDefault=327E04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=67b021&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=fafaf4&bgTextureActive=highlight_hard&bgImgOpacityActive=100&borderColorActive=d4ccb0&fcActive=459e00&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=highlight_soft&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2b2922&bgTextureOverlay=inset_soft&bgImgOpacityOverlay=15&opacityOverlay=90&bgColorShadow=cccccc&bgTextureShadow=highlight_hard&bgImgOpacityShadow=95&opacityShadow=20&thicknessShadow=12px&offsetTopShadow=-12px&offsetLeftShadow=-12px&cornerRadiusShadow=10px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:segoe ui,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:segoe ui,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #dfd9c3;background:#f5f3e5 url("images/ui-bg_highlight-hard_100_f5f3e5_1x100.png") 50% top repeat-x;color:#312e25}.ui-widget-content a{color:#312e25}.ui-widget-header{border:1px solid #d4ccb0;background:#ece8da url("images/ui-bg_gloss-wave_100_ece8da_500x100.png") 50% 50% repeat-x;color:#433f38;font-weight:bold}.ui-widget-header a{color:#433f38}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #327E04;background:#459e00 url("images/ui-bg_highlight-hard_15_459e00_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#fff;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #327E04;background:#67b021 url("images/ui-bg_highlight-soft_25_67b021_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #d4ccb0;background:#fafaf4 url("images/ui-bg_highlight-hard_100_fafaf4_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#459e00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#459e00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #e8e1b5;background:#fcf0ba url("images/ui-bg_glass_55_fcf0ba_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #e3a345;background:#ffedad url("images/ui-bg_highlight-soft_95_ffedad_1x100.png") 50% top repeat-x;color:#cd5c0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd5c0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd5c0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_808080_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_847e71_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_eeeeee_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_8DC262_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_8DC262_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#2b2922 url("images/ui-bg_inset-soft_15_2b2922_1x100.png") 50% bottom repeat-x;opacity:.9;filter:Alpha(Opacity=90)}.ui-widget-shadow{margin:-12px 0 0 -12px;padding:12px;background:#ccc url("images/ui-bg_highlight-hard_95_cccccc_1x100.png") 50% top repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:10px}