/*========================
RESET ====================
=========================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul li{list-style:none}
a{margin:0;padding:0;outline:0}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
/* box-model fix */
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
/* clearfix */
.clear{clear:both}
.clearfix:before,
.clearfix:after{
	content:" ";
	display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/*========================
CUSTOM GRID ==============
=========================*/
.grid:before,.grid:after{
	content:" ";
	display:table;}
.grid:after{clear:both}
.grid{*zoom:1}
.grid [class^="col-"].col-center,
.grid [class*=" col-"].col-center{
	margin:0 auto !important;
	float:none}
.grid [class^="col-"],.grid [class*=" col-"]{
	float:left;
	min-height:1px;
	position:relative;
	margin-left:0;
	padding-left:15px;
	padding-right:15px;}
.grid>[class^="col-"]:first-child,
.grid>[class*=" col-"]:first-child{
	margin-left:0}
.grid>[class^="col-"]:last-child,
.grid>[class*=" col-"]:last-child{
	margin-right:0}
.grid .col-1{width:95px;}
.grid .col-2{width:190px;}
.grid .col-3{width:285px;}
.grid .col-4{width:380px;}
.grid .col-5{width:475px;}
.grid .col-6{width:570px;}
.grid .col-7{width:665px;}
.grid .col-8{width:760px;}
.grid .col-9{width:855px;}
.grid .col-10{width:950px;}
.grid .col-11{width:1045px;}
.grid .col-12{width:1140px;}
.grid .col-p0{
	padding-left:0;
	padding-right:0;}
.grid .col-m0{
	margin-left:0;
	margin-right:0;}
.grid .col-m1{margin-left:95px !important;}
.grid .col-m2{margin-left:190px !important;}
.grid .col-m3{margin-left:285px !important;}
.grid .col-m4{margin-left:380px !important;}
.grid .col-m5{margin-left:475px !important;}
.grid .col-m6{margin-left:570px !important;}
.grid .col-m7{margin-left:665px !important;}
.grid .col-m8{margin-left:760px !important;}
.grid .col-m9{margin-left:855px !important;}
.grid .col-m10{margin-left:950px !important;}
.grid .col-m11{margin-left:1045px !important;}
.grid .col-m12{margin-left:1140px !important;}

/*========================
GENERAL ==================
=========================*/

/* fonts */
/* 
	OpenSans Regular 
	OpenSans Bold
	Georgia
*/

.wrapper-global {
	width: 1170px;
	margin:0 auto;}

body {
	font:normal 14px/110% Georgia, serif;
	background: #d5eef3 url('../../static/img/layout/pattern-03.jpg') repeat 0 0;}

a {
	text-decoration: none;}

.text-center {
	text-align: center;}

.space-ver-small {
	margin: 10px 0;}
.space-ver-normal {
	margin: 20px 0;}
.space-ver-large {
	margin: 40px 0;}
.space-ver-mega {
	margin: 80px 0;}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;}

.title-old-main {
	font:normal 40px/110% 'KingThings',Georgia,serif;
	color:#363636;}
.title-old-sub {
	font:normal 34px/110% 'KingThings',Georgia,serif;
	color:#6D9798;}

.list-hor {}
.list-hor li {
	display: inline;
	margin-right: 10px;}

/*========================
LAYOUT, HEADER, FOOTER ===
=========================*/
.header {
	font:normal 16px/120% 'OpenSansRegular',Helvetica,Arial,sans-serif;
	color:#fff;
	background: #055023 url('../../static/img/layout/nav-bar-01.png') repeat-x 0 0;
	height: 66px;
	-webkit-box-shadow: 0 5px 7px 0 #000;
	box-shadow: 0 5px 7px 0 #000;}
.header .wrapper-global {
	position: relative;}
.header a {
	color:#fff;}

/* logo */
.logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;}
.logo img {
	display: block;}

/* Content */
.content {
	background: #ddf2dd url('../../static/img/layout/bg-body.gif') repeat-x 0 0;
	min-height: 1000px;
	padding-top:40px;}

/* Footer */
.temp-footer {
	height:305px;
	background:url('../../static/img/temp/temp-footer.jpg') no-repeat center 0;}

/*========================
NAVIGATION =============== 
=========================*/
.navMain {
	position: absolute;
	top:2px;
	left: 440px;}
.navMain li {
	float: left;
	margin-right: 30px;}
.navMain .gems {
	display: block;
	margin-right: 15px;}
.navMain li > a {
	color:#fff;
	display: block;
	float: left;}
.navMain-link {
	font-size: 14px;}
.navMain-link span {
	display: block;
	font:normal 16px/120% 'OpenSansBold',Helvetica,Arial,sans-serif;
	font-size: 18px;}

.navUser {
	font:normal 15px/17px 'OpenSansBold',helvetica,arial,sans-serif;
	margin-top: 9px;}
.navUser > li {
	float: left;
	border-left:solid 1px #005E20;
	padding: 0 12px;}
.navUser > li:first-child {
	border-left: none;}
.navUser > li > a {
	padding:8px 0;
	display: inline-block;}

.userLogin {
	background: url('../../static/img/layout/sprites-login.png') repeat-x 0 0;
	height: 58px;
	position: absolute;
	right:0;
	top:0;
	height: 58px;
	min-width:274px;}
.userLogin:before,
.userLogin:after {
	background-image: url('../../static/img/layout/sprites-login.png');
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top:0;}
.userLogin:before {
	content:'';
	background-position:0 -60px;
	width:13px;
	height:58px;
	left: -13px;}
.userLogin:after {
	content:'';
	background-position:0 -120px;
	width:13px;
	height:58px;
	right: -13px;}

/*========================
FORMS ====================
=========================*/
.btn-nice {
	background:url('../../static/img/gems/gem-buttons.png') no-repeat 0 0;
	display: inline-block;
	text-align: center;
	font:normal 15px/17px 'OpenSansBold',helvetica,arial,sans-serif;
	padding:8px 0;
	text-shadow:0 2px 0 #000;
	color:#fff;}

.btn-nice.btn-normal {
	height: 38px;
	width: 200px;}
.btn-nice.btn-small {
	height: 38px;
	width: 105px;}

.btn-nice.btn-small.btn-red {
	background-position:0 -150px;}

.btn-mega-signUp {
	background:url('../../static/img/gems/btn-mega-sign-up.png') no-repeat 0 0;
	display: inline-block;
	width:355px;
	height:94px;}

/* select */
.select-gem {
	position: relative;
	width:auto;
	float: left;}
.select-gem select {
	-webkit-margin-before:2px;
	line-height:100%;
	vertical-align:middle;
	-webkit-appearance: none;
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    appearance: none;
    background:none;
	border:none;
	width: 100%;
	padding:4px 40px 4px 5px;
	position: relative;
	z-index: 10;
	color:#0071BB;
	font:normal 23px/25px 'OpenSansRegular',Helvetica,arial,sans-serif;}
.select-gem select option {
	color:#333;}
.select-gem:after {
	content: '';
 	background:url('../../static/img/gems/gems.png') no-repeat 0 -200px;
 	display: block;
 	width:33px;
 	height:29px;
 	position: absolute;
 	right: 0px;
 	top:5px;}
 .select-gem:hover:after {
 	background-position:-50px -200px;}
 .select-gem.icon-pin:before {
 	top:11px;
 	left:0px; }

/* =======================
SECTIONS =================
=========================*/
/* section-hero */
.section-hero {
	position: relative;
	width: 100%;
	height:563px;}
.section-hero .hero-slider {
	width: 100%;
	height: 563px;}
.section-hero .item {
	background: url('../../static/img/hero/hero-02.jpg') no-repeat center bottom;
	background-size: 100% auto;
	width: 100%;
	height:563px;}
.section-hero .hero-message {
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 150px;}
.section-hero .hero-message h1 {
	background:url('../../static/img/headings/heading-intro.png') no-repeat center top;
	width: 620px;
	margin: 0 auto 25px;
	padding: 200px 100px 0;
	font:normal 19px/150% 'OpenSansBold',Helvetica,Arial,sans-serif;
	color:#fff;}

/* dirt list */
.dirtList {}

.dirtList .item {
	position:relative;
	padding:25px 0 25px 120px;
	min-height: 200px;
	border-bottom: solid 1px #ddd;
	border-top:solid 1px #fff;}
.dirtList .item:first-child {
	border-top:none;}
.dirtList .item:last-child {
	border-bottom: none;}

.dirtList .item-photo {
	position:absolute;
	left:0;
	top:25px;}
.dirtList .item-head-main {
	float: left;
	width: 330px;}
.dirtList .item-head-main h2 {
	font-size: 16px;}
.dirtList .item-head-address {
	font-size: 16px;
	margin-bottom: 10px;
	padding-top: 10px;
	display: inline-block;
	color:#000;}
.dirtList .item-head-address:hover {
	color:#168E28;}
.dirtList .item-head-address.icon-star {
	padding-left: 26px;}
.dirtList .item-head-address.icon-star:before {
	top:6px;}

.dirtList .item-description {
	margin: 10px 0 15px 0;
	line-height: 150%;}
.dirtList .item-head-side {
	float: right;
	position: relative;}

.dirtList .item-head-side {
	float: right;
	text-align: right;}
.dirtList .item-head-side .holder {
	display: table;}
.dirtList .item-head-side .holder > ul {
	display: table-row;}
.dirtList .item-head-side .holder > ul > li {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;}
.dirtList .item-head-side .sum-emrals {
	line-height: 20px;}

.item-head-side-emrals .gem-tiny {}

.dirtList .item-footer-main {
	float: left;}
.item-footer-main .list-hor {
	margin-top: 10px;}
.dirtList .item-footer-side {
	float: right;}
.item-footer-avatars .avatar-mask {
	display: inline-block;
	margin-left: 1px;}

/* leader list */
.leaderList {
	margin: 30px 0;}
.leaderList .item {
	position: relative;
	padding-left: 68px;
	padding-top: 6px;
	min-height: 58px;
	margin-bottom: 14px;}
.leaderList .item .avatar-mask {
	position:absolute;
	left: 0;
	top:0;}
.leaderList .item h3 {
	font-size: 20px;
	margin-bottom: 5px;}
.leaderList .item h3 a {
	color:#6C9798;
	font-weight: normal;}
.leaderList .item .xp {
	color:#FF7401;
	font:normal 16px/18px 'OpenSansBold',arial,helvetica,sans-serif;}

/* =======================
ELEMENTS =================
=========================*/
/* gems */
.gems {
	background: url('../../static/img/gems/gems.png') no-repeat 0 0;
	display: inline-block;}
.gem-normal {
	width:45px;
	height:40px;}
.gem-tiny {
	width:29px;
	height:29px;}


.gem-normal.gem-red {background-position: 0 0;}
.gem-normal.gem-green {background-position: 0 -80px;}
a.gem-normal.gem-red:hover {background-position: -80px 0;}
a.gem-normal.gem-green:hover {background-position: -80px -80px;}

.gem-tiny.gem-red {background-position:-50px -150px;}
.gem-tiny.gem-green {background-position:0 -150px;}

.gem-tiny.gem-red:hover {background-position:0 -150px;}
.gem-tiny.gem-green:hover {background-position:-50px -150px;}

/* panels */
.panel {}

.panel-normal {
	background:url('../../static/img/layout/pattern-01.jpg') repeat 0 0;
	padding:20px 30px;}
.panel-normal:before,
.panel-normal:after,
.panel-normal .panel-frame:before,
.panel-normal .panel-frame:after {
	 content:'';
	 display: block;
	 background-image:url('../../static/img/layout/frame-element-01.png');
	 background-repeat:no-repeat;
	 position: absolute;}
.panel-normal:before {
	width: 100%;
	height: 16px;
	background-position: center 0;
	top:-10px;
	left:17px;}
.panel-normal:after {
	width: 100%;
	height: 16px;
	background-position: center -70px;
	bottom:-10px;
	left:17px;}
.panel-normal .panel-frame:before {
	width: 16px;
	height: 100%;
	background-position: -40px center;
	top:0;
	left:4px;}
.panel-normal .panel-frame:after {
	width: 16px;
	height: 100%;
	background-position: -60px center;
	top:0;
	right:4px;}

.panel-nice {
	background:url('../../static/img/layout/pattern-02.jpg') repeat 0 0;
	padding:20px 30px;}
.panel-nice,
.panel-nice-bottom {
	position: relative;}
.panel-nice:before,
.panel-nice:after,
.panel-nice-bottom:before,
.panel-nice-bottom:after {
	 content:'';
	 display: block;
	 width: 100px;
	 height: 100px;
	 background-image:url('../../static/img/layout/img-frames.png');
	 background-repeat:no-repeat;
	 position: absolute;}
.panel-nice:before {
	background-position:0 -220px;
	left:-11px;
	top:-11px;}
.panel-nice:after {
	background-position:-100px -220px;
	right:-11px;
	top:-11px;}
.panel-nice-bottom:before {
	background-position:0 -320px;
	left:-11px;
	bottom:-11px;}
.panel-nice-bottom:after {
	background-position:-100px -320px;
	right:-11px;
	bottom:-11px;}

/* emrals */
.sum-emrals {
	color:#FFD24C;
	font:normal 30px/100% 'OpenSansBold',arial,helvetica,sans-serif;
	text-shadow:0 2px 0 #635216;}

/* frame mask */
.img-frame-mask {
	position: relative;
	display: block;}
.img-frame-mask img {
	display: block;}
.img-frame-mask .mask {
	display: block;
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
	background-image: url('../../static/img/layout/img-frames.png');
	background-repeat: no-repeat;}
.img-frame-mask-normal {
	padding: 2px 0 0 2px;}
.img-frame-mask-normal .mask {
	width:100px;
	height:151px;
	background-position: 0 0;}

/* avatar mask */
.avatar-mask {
	position: relative;
	display: block;}
.avatar-mask .mask {
	position: absolute;
	top:0;
	left:0;
	background-image:url('../../static/img/layout/img-frames.png');
	background-repeat: no-repeat;}

/* avatar mask tiny */
.avatar-mask-tiny {
	width: 40px;
	height: 40px;
	overflow: hidden;
	padding: 3px 0 0 3px;}
.avatar-mask-tiny img {
	display: block;
	width: 34px;
	height: 34px;}
.avatar-mask-tiny .mask {
	display: block;
	width:40px;
	height:40px;
	top:0;
	left:0;
	z-index: 10;
	background-position:0 -160px;}

/* avatar mask leader */
.avatar-mask-leader {
	width: 58px;
	height: 58px;
	overflow: hidden;
	padding: 0 0 0 0;}
.avatar-mask-leader img {
	display: block;
	width: 58px;
	height: 58px;}
.avatar-mask-leader .mask {
	display: block;
	width:58px;
	height:58px;
	top:0;
	left:0;
	z-index: 10;
	background-position:-150px 0px;}

/* =======================
ICONS ====================
=========================*/
.icon-symbol {
	position: relative;}
.icon-symbol:before {
	background-image:url('../../static/img/layout/sprites-icons.png');
	background-repeat:no-repeat;}
.icon-star:before,
.icon-comments:before,
.icon-time:before,
.icon-pin:before {
	content:'';
	display: block;
	position: absolute;
	top:0;
	left:0;}
.icon-star:before {
	background-position: 0 0px;
	width:21px;
	height:21px;}
.icon-comments {
	padding-left: 20px;}
.icon-comments:before {
	background-position: 0 -30px;
	width:18px;
	height:18px;}
.icon-time {
	padding-left: 23px;}
.icon-time:before {
	background-position: 0 -60px;
	width:18px;
	height:18px;}
.icon-pin {
	padding-left: 15px;}
.icon-pin:before {
	background-position: 0 -90px;
	width:11px;
	height:17px;}

/* =======================
SYMBOLS ====================
=========================*/
.symbol-emral {
	background:url('../../static/img/layout/sprites-icons.png') no-repeat 0 -118px;
	display: block;
	width:24px;
	height:26px;}

/* =======================
RESPONSIVE STYLES ========
=========================*/
/* 1170 */
@media (max-width: 1170px) {}
/* 960 */
@media (max-width: 960px) {}
/* 640 */
@media (max-width: 640px) {}