html{
	height:100%;
}
body{
	height:100%;
	font-family: 'Open Sans', sans-serif;
	overflow-x:hidden;
}

/* FONTS =======================================================================*/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/fonts/open-sans-v20-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v20-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/open-sans-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/fonts/open-sans-v20-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v20-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/fonts/open-sans-v20-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/fonts/open-sans-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

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

.icomoon {
	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-ax2:before {
	content: "\e600"; /* Axe */
}
.icon-boat1:before {
	content: "\e601"; /* Boat */
}
.icon-camping:before {
	content: "\e602"; /* Camp */
}
.icon-flashlight2:before {
	content: "\e603"; /* Flashlight */
}
.icon-mushroom4:before {
	content: "\e604"; /* Mushroom */
}
.icon-pisces:before {
	content: "\e605"; /* Fish */
}
.icon-police8:before {
	content: "\e606"; /* Gun */
}
.icon-rope1:before {
	content: "\e607"; /* Rope */
}
.icon-shark1:before {
	content: "\e608"; /* Shark */
}
.icon-thin14:before {
	content: "\e609"; /* Stick */
}
.icon-ic1:before {
	content: "\e60a"; /* Circuit */
}
.icon-container6:before {
	content: "\e60b"; /* Container */
}
.icon-chainsaw:before {
	content: "\e900"; /* Chainsaw */
}
.icon-canister:before {
	content: "\e901"; /* Fuel Canister */
}
.icon-bottle:before {
	content: "\e902"; /* Bottle */
}
.icon-fortune:before {
  content: "\e903";
}
.icon-tape:before {
  content: "\e904";
}
.icon-camcorder:before {
  content: "\e905";
}
.icon-cassette:before {
  content: "\e906";
}
.icon-bow:before {
  content: "\e907";
}
.icon-katana:before {
  content: "\e908";
}
.icon-machete:before {
  content: "\e908";
}
.icon-climbingaxe:before {
  content: "\e909";
}



.spacer{
	height:300px;
}

/* NAV =======================================================================*/
.new-menu-label{
	font-size: 8px;
	position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0;
    width: 100%;
	background-color: #479951;
}

.new-sidebar-label{
	font-size: 8px;
	position: absolute !important;
    top: -3px !important;
    left: 0;
    border-radius: 0;
    width: auto;
	height:12px;
	background-color: #479951;
}

.navbar{
	background-color:#1E1E1E;
}
.navbar > .container{
	margin-left:0;
	margin-right:0;
	width:100%;
}
@media (min-width: 1200px) {
	.navbar > .container{
		margin-left:auto;
		margin-right:auto;
		width:100%; /*1170px*/
	}
	
	.navbar > .container .navbar-header{
		margin-left:62px;
	}
	.navbar > .container .nav:first-child{
		margin-left:61px;
	}
}
.navbar-header h1{
	margin:0 !important;
}
.navbar-brand {
	padding:0 15px;
}

.navbar-brand img{
	height:100%;
	vertical-align:middle;
}

.logo-small{
	display:none;
}

@media (min-width: 850px) and (max-width: 1000px) {
	.logo-small{
		display:block;
	}
	.logo-large{
		display:none;
	}
}

.addthis_native_toolbox{
	margin:15px 0 0 10px;
	display:none;
}

.navbar-fixed-top{
	border-width:0;
}
.navbar .nav>li,.navbar .nav>li>a{
	transition:all .3s;
}
.navbar .nav>li.active{
	border-bottom:3px solid #479951;
}
.navbar-nav>li.active>a{
	padding-bottom:12px;
}
.navbar-inverse .navbar-nav>li>a:hover{
	background-color:#080808;
}

.navbar-inverse .navbar-nav>li.dropdown.open>a{
	color:#080808;
	background-color:#fff;
	transition:all 0s;
}

.dropdown-menu{
	min-width:100%;
	padding:0;
	border-radius:0;
	border:0;
	font-size:15px;
}
.dropdown-menu>li>a{
	padding:5px 15px;
	transition:all .3s;
	color:#080808;
	background-color:#fff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background-color:#479951;
}
.dropdown-menu>li>a:hover{
	background-color:#EAEAEA;
	color:#2B2B2B;
}

.nav-settings.nav-pills>li>a{
	border-radius: 0;
	background-color: #e2e2e2;
	transition:all .25s;
}
.nav-settings.nav-pills>li+li {
	margin-left:0;
}
.nav-settings.nav>li>a:hover, 
.nav-settings.nav>li>a:focus{
	background-color: #efefef;
}
.nav-settings.nav-pills>li.active>a, 
.nav-settings.nav-pills>li.active>a:hover, 
.nav-settings.nav-pills>li.active>a:focus{
	background-color: #428bca;
}


/* MAIN =======================================================================*/
.row{height:100%;}

.main{
	margin-top:50px;
	padding-left:0;
	height:calc(100% - 50px);
}
.main .content{
	background-color:#F0F1F2;
	background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-size: 50px 50px;
	padding-right:0;
	margin-left:0px !important;
	height:100%;
}

/* TEXT AS CONTENT */
.main-text {
  padding: 20px;
}
.main-text .content{
	padding:60px 15px 0 15px;
	margin-left:0px !important;
	font-size:16px;
}

/* SIDEBAR */
.sidebar {
	padding:20px 40px;
	width:100% !important;
}

.sidebar h1{
	font-size:20px;
	margin-top:0;
}
.sidebar h2{
	font-size:18px;
	margin-top:0;
	position:relative;
	overflow:hidden;
	color:#fff;
}
.sidebar h3{
	background:#479951;
	color:#fff;
	margin:0;
	padding: 10px 15px 10px 12px;
	font-size: 16px;
}


.hr-small{
	margin:5px 0 10px 0;
}

h3 .label{
	font-size:11px;
	font-weight:700;
	vertical-align:middle;
}
.sidebar ul{
	padding-left: 15px;
}

#iconsize{
	width:90%;
	display:inline;
	vertical-align:middle;
	/*margin-left:10px;*/
}

.crafting .media{padding-top:70px;}
.crafting .media .well, #material-modal .well{display:inline-block;}
.navbar-crafting .nav > li > a{
	padding:5px 15px;
}

.aside-infos{
	margin:5px 0 15px 0;
}
.aside-infos td{
	padding:1px 10px 0px 0px;
}

.sidefloater{
	position:relative;
	bottom:0;
	left:0;
	z-index:2000;
	background:#f5f5f5;
	width: 100%;
	max-height: 285px;
    margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	box-shadow: -1px -3px 7px 2px rgba(0,0,0,0.3);
    border-top: 2px solid #479951;
}


.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #479951;
}
.nav-pills>li>a {
    border-radius: 0;
	color:#333;
	transition:all .2s;
}
.nav-pills>li>a:hover, .nav-pills>li>a:focus {
	color:#479951;
}
.nav-pills>li.divider{
	border-bottom:1px solid #e0e0e0;
	margin-bottom:-2px;
}


/* MAP ======================================================================= */


#map { 
	position:absolute;
	top:0px;
	left:0;
	bottom:0;
	right:0;	
	overflow:hidden;
	cursor:default;
	background:#203b4c;
}
.map-cave{
	background:#542b0b !important;
	background-size:cover cover;
}

.panel-group{
	width:265px;
}
.panel-body {
    padding: 15px 0 15px 15px;
}
.panel-title a{
	width: 100%;
	display: inline-block;
	outline: 0;
	text-decoration:none;
	padding: 10px 15px;
}
.panel-title a:hover,.panel-title a:active{
	text-decoration:none;
}
.panel-heading{
	padding:0;
}
.panel-options {
	width:265px;
}
.panel-options table{
	width:100%;
}
.panel-options table td{
	padding:4px;
}

.panel-heading i{
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:30px;
	margin-right: 5px;
}
.panel-heading.panel-general i{
	background-color:#ddd;
	border:1px solid #bbb;
}
.panel-heading.panel-food i{
	background-color:#5CB85C;
	border:1px solid #2b862b;
}
.panel-heading.panel-natives i{
	background-color:#D9534F;
	border:1px solid #b92521;
}
.panel-heading.panel-tools i{
	background-color:#39B3D7;
	border:1px solid #0c8aaf;
}
.panel-heading.panel-weapons i{
	background-color:#ED9C28;
	border:1px solid #b26a03;
}
.panel-heading.panel-collectible i{
	background-color: #c628ed;
    border: 1px solid #690c80;
}
.panel-heading.panel-animals i{
	background-color:#5CB85C;
	border:1px solid #2b862b;
}
.panel-where-is{
	padding:5px;
}

.legend-buttons button{
	width:108px;
	margin:0 10px 10px 0;
}

.cave-legend{
	list-style-type:none;
}
.cave-legend li{
	padding:4px;
}
.cave-legend img{
	width:30px;
	margin-right:10px;
}


.marker-wrapper i span{
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	padding-left:5px;
}

.marker-wrapper i{
	text-shadow:1px 1px 0.5px rgba(0,0,0,0.7), -1px -1px 0.5px rgba(0,0,0,0.7), -1px 1px 0.5px rgba(0,0,0,0.7), 1px -1px 0.5px rgba(0,0,0,0.7);
	color:#fff;
	cursor:default;
}
.marker-wrapper a i{
	cursor:pointer;
}

.marker-wrapper i:before{
	transition: all 0.1s ease-in-out 0s;
}
.marker-wrapper i:hover:before{
	font-size:120%;
}

.marker-berries i, .marker-fish i, .marker-medicine i, .marker-oyster i{
	color:#5CB85C;
}
.marker-cannibals i{
	color:#D9534F;
}
.marker-flashlight i, .marker-booze i, .marker-flare i, .marker-money i{
	color:#39B3D7;
}
.marker-stick i, .marker-axe i, .marker-gun i{
	color:#ED9C28;
}
.marker-animal{
	
}

.animal-deer:before{
	color:#673AB7;
}
.animal-raccoon:before{
	color:#3F51B5;
}
.animal-squirrel:before{
	color:#795548;
}
.animal-rabbit:before{
	color:#00BCD4;
}
.animal-lizard:before{
	color:#009688;
}
.animal-crocodile:before{
	color:#FF5722;
}
.animal-boar:before{
	color:#FFEB3B;
}
.animal-tortoise:before{
	color:#8BC34A;
}
.animal-turtle:before{
	color:#4CAF50;
}

.cwall{
	font-size:3px !important;
}

.marker-group-layer{
	background:rgba(255,255,255,0.9);
	width:auto;
	border-radius:5px;
	padding:5px 5px 0px 10px;
}
.marker-group-layer .single-marker{
	display:inline-block;
	margin-right:5px;
	margin-bottom:3px;
}
.marker-group-layer .single-marker i{
	display:inline-block;
	position:relative;
}

.control-compass{
	position:relative;
	width:50px;
	height:50px;
	background:#fff;
	border-radius:10px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.6);
}
.control-compass:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAF8klEQVRoge1ZW48URRSu4aoyM7td57S+GGMMyEVMRCAYiQkm+oAPJl72BdmARFdlHZQAu9NT54xPxhifNfIDvCXGYIKKYGI06oPyA4wgmJgoiGSZ6Z2ZOjVZyofexWVh57LbAy/7Jf3SVfXVV6dPnTqnWqkFLGAB6WGbXxKMjt+vSZ4FsgUwUgIjJSBb0EaeCUrxerXNL7nZMq/Gngs5TY3nkewXQBKH5aZv9SBLFdkeBeN2qb0+e9N0r3ht/A7N8s6UaG3c78Du3aAkO/pL4w/khqugBvwyNeCX5Yar0F+sbQhKsgPIvafZnZlaDLC8nS3E4Q2U7heBsfuQpIIkE8jygTb1h5TymS44MtrUH0YjHyLJBJKMAdnh7jjmgOzB+HYgeyIsN70m+1X+UGXVfDlzUXUNsD0elptesz3Ws6+Ri6r3AssfwFLXpcaedK3lM5oaLwJJQxv3e75YWZket1Iqf6iyCsieB7Ln+0q1B1Mln4Y+U9sEbP8BtudSW0T2YHy7NnIWyJ7PRdV7UyFtgVxUXaPJXtDszqTgTn4RkD0BLPVeWn4m8sXaZmCxmu2xebkqGLsvLDd94vO9Q/5QZVW+WNs8/V1A9qWw3PRA9pU5ka54bfwOJKlosl/1KrwFUX0rsBxBFheM+ruubvUZYPsNkozlDnjsmlyzvIMkE2mEypnCArJPaHY/TDudP7pez+xIvBZJJoDlre7m2HMhByQxsnyQhuQEPtNP9klkd3JmetFqf6GRj5GkogbPreh4Kk2N55P0oP5QGtKB7GPI7ufr5UZA9kSrsUFU3xqWmx6MG+x4QiT7BbA7PV/fz41UVyPbL1sld/2lxqOtWXxGGzmLJJ93Nus2vwRIYmD37pyVD/mlmuQNZHGtxGtyP3ZiJCT3PrJcUgN+cdu5g9Hx+8Ny0wcl2TEn8fsrGtl93y6tTsKzfbwTSijJzrDc9NkoXte2syZ5Nvm04w90LX7IL0V23yPL5bZ1AbnvOnVRZLcx2S/ydNvOQLYQlps+N1yFbvVrI+UkLLohIIlaWt/UH+6UN1uIw2Qj21fbL8BIKSw3vRrwy7oRn2xYccDy2ZRlZ1uEZvm0G261/dTyyS8Q9WwBSeSS8VtH6ndexTdjEcBS7y+O3d27BczBhYDsY8knFrp++/+LQGMPdiFdKTXNhcgOt+2sjTwTlpu+v1jb0Bm9zyC5X4Ds32rI33a9HskJLA7YHu8oFM5An6ltmjTQU207B6V4fTdhtJ/sk5MbbN81ja/7fmR3OHEdezwY9X3dildKKTBusOMwqrb5JchSBXLvte/sM8juJLL9S+32t1x5PeSXorEvJ9WV1NHYg3Ox/BSQ3eGOD7JkgD2q2Z1pF6cDsk9MFvgHlFJKDfjFQUl2ILvfpqJN1xv2GvhFk7X4kY6HgHG7OonVmt0PSDKm9lc0lBq7kd2vU4dUN3G+FYKo8UhYbvrAyHOdj9rrs8hSRSMfzk58JUs8hSR/Jn7ufkrSg/QKIGT5BEkqswWIWQEsbyPJRG6kunqW9iPTU+Ikq0y3ctOj8X3IchlY3ux6cLYQh5M3Zl/PFJY/VFmFLA5ZPupdse8zSPZbJLk4l7RGKaUUkB2eLOpfmP4+X6xtvraGTRdg7N6pvGoeND6j2R4DkkafqW1KTV0bQFTfgiSCbI/O2y2zhThMbp7tP7mouiYljbPPNxKvBZZ/gd3pObvOTOSLlZXA9pwme2Hm/U2agKi+BVj+BbJ/9xUv3ZMqeb5YWanZnQEWG5B9Ke3LXTB2L5IIsDuduvgpZAtxqNkem8xtvsmOxGvny6lH4/uQ7LfJhrVHU3Ob2XHFWmNIMoFGPg6i+tZuf3AEUeMRZPkEWS4jycUk2vT4B8d05A54BJa3kKSSpB1yFsm9DyXZiew2ZgtxqLafWq62n1qeLcRhn6ltAuMGkd1hYPkjSTmkAixv3gCrt8DguRVg3CCSfI4slzr4yXcJWI4ERp7rOj3oOQb84mwUrwOSp8HYV4EkSh47DEaeykbxuvmk1QtYwAKuxX/Pfyeyj9Qq7AAAAABJRU5ErkJggg==) no-repeat center center;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#pushMarkerForm .panel:nth-child(1){
	border-radius:4px 0 0 4px;
}
#pushMarkerForm .panel:nth-child(2){
	border-radius:0 0 0 0;
}
#pushMarkerForm .panel:nth-child(3){
	border-radius:0 4px 4px 0;
}
#pushMarkerForm .panel-body{
	padding:15px;
}
#pushMarkerForm .panel .form-group{
	margin-bottom:0;
}
#dropbox{
	position:relative;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px;
	margin-top: 15px;
}
.dropbox-message{
	min-height:200px;
	padding: 60px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.2s ease-in-out;
	border-radius:0;	
	background: rgba(255,255,255,0.7);
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.dropbox-message i{
    display: block;
    text-align: center;
    font-size: 30px;
}
.dropbox-progress{
	display:block;
	width:0%;
	height:3px;
	position:absolute;
	left:0;
	bottom:0;
	background:#469950;
}
.dropbox-error{
	margin-top:15px;
}

.pushFail{
	display:none;
}
.progress-bar{
  -webkit-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}
.progress-bar.started{
  width:100% !important;
}

.pushMarkerModal .modal-body{
	padding-top:0;
}
.pushMarkerModal .modal-footer{
	padding-top:0;
}
.marker-header{
	margin-left:-20px;
	margin-right:-20px;
}
.marker-toggle{
	border-bottom:3px solid #cecece;
	background:#e4e4e4;
	padding:15px;
	text-align:center;
	font-size: 16px;
    font-weight: 600;
	cursor:pointer;
	transition: background .25s;
}
.marker-toggle.active{
	border-bottom:3px solid #469950;
	cursor:default;
}
.marker-toggle:not(.active):hover{
	background:#dadada;
}
#inputdesc{
	border:0;
	border-radius:0;
	border-bottom:2px solid #cecece;
	box-shadow:none;
	height:38px;
	padding:0;
	transition:all .25s;
}
#inputdesc:focus{
	border:0;
	border-radius:0;
	border-bottom:2px solid #469950;
	box-shadow:none;
}

#inputdiff{
	display:inline-block;
    vertical-align: middle;
	margin-right: 15px;
	height:4px;
	background:linear-gradient(to right, #469950 2%,#bfbfbf 2%,#bfbfbf 48%,#bfbfbf 49%,#ED9C28 49%,#ED9C28 51%,#ED9C28 51%,#bfbfbf 51%,#bfbfbf 98%,#D9534F 98%);
}

#inputdiff[data-difficulty="easy"]::-webkit-slider-thumb
{
	background: #469950 !important;
}
#inputdiff[data-difficulty="easy"]::-moz-range-thumb
{
	background: #469950 !important;
}
#inputdiff[data-difficulty="medium"]::-webkit-slider-thumb
{
	background: #ED9C28 !important;
}
#inputdiff[data-difficulty="medium"]::-moz-range-thumb
{
	background: #ED9C28 !important;
}
#inputdiff[data-difficulty="hard"]::-webkit-slider-thumb
{
	background: #D9534F !important;
}
#inputdiff[data-difficulty="hard"]::-moz-range-thumb
{
	background: #D9534F !important;
}


.radio {
  display: block;
  padding-top:0 !important;
  padding-right: 20px;
  font-size: 16px;
  line-height: 28px;
  font-weight:400;
  cursor: pointer;
}
.radio:hover .inner {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  opacity: .5;
}
.radio i{
	font-size:14px;
}
.radio input {
  height: 1px;
  width: 1px;
  opacity: 0;
}
.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.radio input:checked + .outer {
  border: 3px solid #0c70b4;
}
.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #0c70b4;
}
.radio .outer {
  height: 18px;
  width: 18px;
  display: block;
  float: left;
  margin: 5px 9px 5px 0px;
  border: 3px solid #469950; 
  border-radius: 50%;
  background-color: #fff;
}
.radio .inner {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  height: 8px;
  width: 8px;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: block;
  margin: 2px;
  border-radius: 50%;
  background-color: #0c70b4;
  opacity: 0;
}


.pushMarkerModal .progress{
	height:4px;
	margin-bottom:15px;
	margin-left: -20px;
    margin-right: -20px;
	box-shadow:none;
	border-radius:0;
	background:#afcde9;
}
.pushMarkerModal .progress-bar{
	box-shadow:none;
}
.pushMarkerModal .progress-bar-info{
	background-color:#3e83ea;
}

.alert{
	border-radius:0;
}


.crafting .media .media-body{
	width:100%;
}
.crafting .media img{
	width:100%;
	cursor:pointer;
}
.crafting-materials .media img{
	width:100%;
	cursor:pointer;
}

.modal-footer .popover ul{
	padding-left: 20px;
}
.modal-footer .btn+.btn {
    margin-left: 0px;
}

.sidebar_p ins{
	margin-left:0px;
}

.main .sidebar{
	padding:0 0 0 15px;
}
.main-text .sidebar{
	padding:10px 5px;
}

/* Normal Window Size */
@media (min-width: 850px) {
	body{
		height:100%;
		height:calc(100% - 50px);
	}
	.sidebar {
		position: fixed;
		top: 51px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
		width:323px !important;
	}
	.main .sidebar{
		padding:0;
	}
	.main-text {
		padding-right: 40px;
		padding-left: 40px;
	}
	.main-text .sidebar{
		box-shadow: 0px 0px 10px #AAA;
	}
	.main .content{
		margin-left:338px !important;
		height:100%;
		width:calc(100% - 319px);
	}
	.main{
		height:100%;
	}
	.main > .row{
		margin-right:4px;
	}
	.main-text .content{
		margin-left:323px !important;
		width:calc(100% - 323px);
	}
	.addthis_native_toolbox{
		display:block;
	}
	.crafting .media .media-body{
		width:500px;
	}
	.crafting .media img{
		width:400px;
	}
	.crafting-materials .media img{
		width:300px;
	}
	.sidebar_p ins{
		margin-left:-15px;
	}
	.sidefloater{
		position:sticky;
	}
}



#map .glyphicon, #map .fa, #map .icomoon{
	color:#000 !important;
	text-shadow: 1px 1px 0.1px #fff, -1px -1px 0.1px #fff, -1px 1px 0.1px #fff, 1px -1px 0.1px #fff;
	font-size:150%;
}
#map .marker-default{
	text-shadow: 1px 1px 0.1px #fff, -1px -1px 0.1px #fff, -1px 1px 0.1px #fff, 1px -1px 0.1px #fff;
}
#map .marker-danger{
	text-shadow: 1px 1px 0.1px #D9534F, -1px -1px 0.1px #D9534F, -1px 1px 0.1px #D9534F, 1px -1px 0.1px #D9534F;
}
#map .marker-food{
	text-shadow: 1px 1px 0.1px #5CB85C, -1px -1px 0.1px #5CB85C, -1px 1px 0.1px #5CB85C, 1px -1px 0.1px #5CB85C;
}
#map .marker-utensil{
	text-shadow: 1px 1px 0.1px #39B3D7, -1px -1px 0.1px #39B3D7, -1px 1px 0.1px #39B3D7, 1px -1px 0.1px #39B3D7;
}
#map .marker-tool{
	text-shadow: 1px 1px 0.1px #ED9C28, -1px -1px 0.1px #ED9C28, -1px 1px 0.1px #ED9C28, 1px -1px 0.1px #ED9C28;
}
#map .marker-collectible{
	text-shadow: 1px 1px 0.1px #c628ed, -1px -1px 0.1px #c628ed, -1px 1px 0.1px #c628ed, 1px -1px 0.1px #c628ed;
}

#map .msize-small{
	font-size:120%;
}
#map .msize-default{
	font-size:150%;
}
#map .msize-large{
	font-size:220%;
}

#map .map-label{
	width:auto !important;
	font-size:12px;
}
.map-label span{
	position: relative;
	//top: -0.5em;
	left: 0;
	white-space: nowrap;
	text-shadow: 1px 1px 0.1px #F49217, -1px -1px 0.1px #F49217, -1px 1px 0.1px #F49217, 1px -1px 0.1px #F49217;
	color: #000;
	font-family: "Open Sans",sans-serif;
	font-weight:700;
	line-height:1.2;
	display: block;
	text-align: center;
}
#map .glyphicon-home:after{
	content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #5CB85C;
    left: -2px;
    position: absolute;
    top: -3px;
    border-radius: 4px;
}
#map .glyphicon-home.diff0:after{
	background: #5CB85C;
}
#map .glyphicon-home.diff1:after{
	background: #ED9C28;
}
#map .glyphicon-home.diff2:after{
	background: #b92521;
}

.popupIMG{
	min-width:300px;
	max-width:90vw;
	width: 100%;
	margin-bottom:7px;
}

.leaflet-coord-container{
	position:absolute;
	bottom:10px;
	left:50%;
	width:100px;
	text-align:center;
	margin-left:-50px;
	z-index:500;
	background:rgba(0,0,0,0.7);
	border-radius:5px;
	padding:3px 10px;
	color:#fff;
}

.screenshot_preview_bg{
	display:none;
	position:fixed;
	background:rgba(0,0,0,0.8);
	top:0;
	left:0;
	width:323px;
	height:100%;
	z-index: 1001;
}
.screenshot_preview{
	position:absolute;
	top:45px;
	left:5px;
	width:300px;
	font-size:16px;
}
.screenshot_preview .close{
	opacity:0.8;
}
.screenshot_preview .close:hover{
	opacity:1;
}
.screenshot_preview span{
	display:inline-block;
	margin-top:10px;
	color:#ddd;
}
.single-screenshot{
	max-width:100%;
}

.materialtable i{
	font-size: 14px;
}

.media-body{
	overflow: hidden;
}
.media-body .well,#material-modal .well, .craft-content .well{
	position:relative;
	max-width: calc(100% - 25px);
	margin-left: 10px;
	border: 0;
    border-top: 2px solid #469950;
    border-radius: 0;
	font-weight: 600;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 250ms;
}
.media-body .well:hover,#material-modal .well:hover, .craft-content .well:hover{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.media-body .well a, .media-body .well a:hover, .media-body .well a:focus, 
#material-modal .well a, #material-modal .well a:hover, #material-modal .well a:focus,
.craft-content .well a, .craft-content .well a:hover, .craft-content .well a:focus{
	color:#469950;
}
.media-body .well:after, #material-modal .well:after, .craft-content .well:after{
	content: '\f013';
    font-family: 'FontAwesome';
	position: absolute;
    top: -12px;
    right: -12px;
    font-size: 22px;
    background: #fff;
    border-radius: 20px;
    padding: 0 2px 1px 3px;
    line-height: 22px;
	color:#277130;
}

.crafting .media{
	overflow:visible;
	padding-top:60px;
	margin-left: -20px;
    margin-right: -20px;
}
.crafting .media .card{
	max-width:950px;
	border-radius:0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 2px 3px rgba(0,0,0,0.24);
	transition: all 0.2s ease-in-out;
	overflow:hidden;
}
.crafting .media img{
	margin-right:0px;
}
.crafting .media .media-body{
	padding:15px;
	padding-left:15px;
}

@media (min-width: 850px) {
	.crafting .media img{
		margin-left: 0;
		margin-right: 10px;
	}
	.crafting .media .card{
		border-radius:4px;
	}
	.crafting .media .media-body{
		padding:15px;
		padding-left:5px;
	}
}

.modal-header{
	background:#469950;
	color: #fff;
	border-bottom:0;
}
.modal-content {
	border:0;
	border-radius:0;
}
.modal-header .close {
	color: #fff;
	opacity: .8;
}
.modal-header .close:hover{
	opacity: 1;
}

.modal .btn, .btn-mat{
	position:relative;
	margin-left:10px;
	margin-right:0;
	border-radius:2px;
	border:0;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	transition: .2s;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	outline:none;
}
.modal .btn:hover, .btn-mat:hover{
	box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.26);
}
.modal .btn:focus, .btn-mat:focus{
	outline:none;
	//background-color:#C7C7C7;
}
.modal .btn.btn-success:focus, .btn-mat.btn-success:focus{
	background-color:#317531;
}
.modal .btn.btn-primary:focus, .btn-mat.btn-primary:focus{
	background-color:#104E84;
}
.modal .mat-img img{
	margin-bottom:15px;
}

#disqus_thread{
	margin-top:50px;
	border-top:5px solid #479951;
	width:900px;
	max-width:100%;
}

.gotooverview{
    background-color: rgba(0,0,0,0.2);
    display: inline-block;
    vertical-align: middle;
	text-align:center;
    position: fixed;
    right: 10px;
    bottom: -64px;
    width: 50px;
    height: 50px;
	padding: 8px 0;
    cursor: pointer;
    opacity: 0;
	border-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.gotooverview i{
	font-size:30px;
	color:#fff;
}
.gotooverview.scrolled{
    opacity:1;
    bottom: 10px;
}

/* New Sidebar */

.main .sidebar h2{
	background:url(/assets/img/sidebar_bg.png) no-repeat scroll center top / cover #479951;
	padding:15px;
	color:#fff;
	text-align:center;
	height:150px;
}
.main .sidebar-cave h2{
	font-size:30px;
	padding-top:40px;
}
.main .sidebar .panel-group, .main .sidebar .panel-options{
	width:100%;
}
.main .sidebar .panel{
	border-right:0;
	border-left:0;
	border-radius:0;
	box-shadow:none;
}
.main .panel-group .panel + .panel {
	margin-top: -1px;
}
.main .sidebar .panel-group .panel-body{
	padding:15px 0;
}
.legend-buttons .panel-group button {
	width: 50%;
	margin: 0px;
	margin-right:-4px;
}
.main .sidebar .panel-group .btn{
	position:relative;
	border:0;
	border-bottom:1px solid #ddd;
	text-align:left;
	border-radius:0px;
	box-shadow:none;
	padding:7px 10px 7px 60px;
	background:#fff;
	outline: 0;
	color:#000;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.main .sidebar .panel-group .btn:first-child,.main .sidebar .panel-group .btn:nth-child(2){
	border-top:1px solid #ddd;
}
.main .sidebar .panel-group .btn:hover{
	z-index:100;
	box-shadow:0 0 5px rgba(0,0,0,0.16);
}
.main .sidebar .panel-group .btn:before{
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.main .sidebar .panel-group .btn.active:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:100%;
	width:45px;
	background:#479951;
}
.main .sidebar .panel-group .btn-default.active:before{
	background:#6C6C6C;
}
.main .sidebar .panel-group .btn-success.active:before{
	background:#479951;
}
.main .sidebar .panel-group .btn-danger.active:before{
	background:#B92521;
}
.main .sidebar .panel-group .btn-info.active:before{
	background:#0C8AAF;
}
.main .sidebar .panel-group .btn-warning.active:before{
	background:#B26A03;
}
.main .sidebar .panel-group .btn-collectible.active:before{
	background:#9100b5;
}
.main .sidebar .panel-group .btn i{
	position:absolute;
	top:8px;
	left:15px;
	font-size: 14px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.main .sidebar .panel-group .btn.active i{
	color:#fff;
}
.sidebar_p{
	padding:0 0 0 15px;
}

.frown{
	padding:10px 15px;
	background:#fff;
	font-size:12px;
	line-height:1.5;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.2s ease-in-out;
}
.frown:hover{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.frown-link{
	display:block;
}
.frown-link, .frown-link:hover, .frown-link:focus{
	display:none;
	color:#333;
	text-decoration:none !important;
	margin:0 15px 0 5px;
}
.frown .fa-heart{
	color:red;
}
.frown .fa-frown-o{
	margin-left:-15px;
	font-size:14px;
}

.sidebar h2 span{
	position:absolute;
	top:0;
	right:0;
}
.sidebar h2 span:before{
	content:'\f077';
	font-family:"FontAwesome";
	font-size:14px;
	color:#fff;
	position:absolute;
	cursor:pointer;
	padding:5px;
	top:0px;
	right:3px;
	transition:all .3s;
}
.sidebar h2.small{
	height:25px;
	color:#479951;
	padding:0;
}
.sidebar h2.small span:before{
	transform:rotate(180deg);
}

.newMarkersModal li{
	margin-bottom: 5px;
}
.newMarkersModal li i{
	margin-right:10px;
	width: 18px;
    font-size: 18px;
    vertical-align: middle;
}

.opensidebar{
	display:block;
	position:fixed;
	top:10px;
	left:10px;
	padding:3px;
	z-index:1040;
	color: #fff;
	font-size:20px;

	width: 30px;
	height: 30px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
.opensidebar span {
	display: block;
	position: absolute;
	height: 3px;
	width: calc(100% - 10px);
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 5px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.opensidebar span:nth-child(1) {
	top: 5px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.opensidebar span:nth-child(2) {
	top: 12px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.opensidebar span:nth-child(3) {
	top: 19px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.opensidebar.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 5px;
	left: 5px;
}

.opensidebar.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.opensidebar.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 19px;
	left: 5px;
}

.main .content{
	margin-top:0px;
}


.main .sidebar, .main-text .sidebar{
	position: fixed !important;
	transition: all .5s;
	z-index: 1010;
	background: #f5f5f5;
	height: calc(100vh - 50px);
	overflow-y: scroll;
	width: 100%;
	box-shadow: none;
	top: 50px;
	left:-100%;
}
.main .sidebar{
	box-shadow: none;
	padding:0;
}
.sidebar.open{
	left:0%;
}
.navbar-brand {
	margin-left: calc(50% - (220px)/2);
}

.navbar-toggle{
	border:0;
}

@media (min-width: 850px) {
	.opensidebar{
		display:none;
	}
	.main .sidebar, .main-text .sidebar{
		position: fixed;
		left: 0;
		height: calc(100vh - 50px);
		overflow-y: auto;
		width: 323px;
		box-shadow: 3px 3px 3px #ccc;
		top: 50px;
	}
	.main .sidebar.open, .main-text .sidebar.open{
		left:0%;
	}
	.main .sidebar{
		box-shadow: none;
		padding:0;
	}
	.navbar-brand {
		margin-left: 0;
	}

}


.addthis_sharing_toolbox{
	/*margin-right: -15px;*/
}

/* Typeagead */

.twitter-typeahead{
	display: table-cell !important;
}

.where-is-group{
	position:relative;
	width:100%;
	padding:5px;
}
.where-is{
	width:100%;
    height: 36px !important;
    padding: 7px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px !important;
	z-index:5;
}
.where-is:focus{
	outline:none;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 100%;
  margin: -2px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4), 0 5px 8px rgba(0,0,0,0.2);
}

.tt-suggestion {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #555;
  background-color: #e4e4e4;
}

.tt-suggestion.tt-cursor {
  color: #555;
  background-color: #e4e4e4;

}

.tt-suggestion p {
  margin: 0;
}

/* input range */
input[type="range"],input[type="range"]:focus{
	-webkit-appearance:none;
	width:200px;
	height:2px;
	background: #BFBFBF;
	background-position:center;
	background-repeat:no-repeat;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border: 0;
	border-radius:0;
	padding:0;
	margin: 15px 0 15px 0;
	box-shadow:none;
	-webkit-box-shadow:none;
}

input[type="range"]::-webkit-slider-thumb
{
	-webkit-appearance:none;
	width:20px;
	height:20px;
	border-radius: 100%;
	background: #469950;
	position:relative;
	border: 0;
	z-index:3;
	cursor: pointer;
}
input[type="range"]::-moz-range-thumb
{
	-webkit-appearance:none;
	width:20px;
	height:20px;
	border-radius: 100%;
	background: #469950;
	position:relative;
	border: 0;
	z-index:3;
	cursor: pointer;
}

.search-box{
	position:fixed;
	background:#f5f5f5;
	z-index:20;
	width:323px;
	max-width:100%;
	padding:5px 10px;
	top:50px;
	left:0;
	box-shadow: 0 6px 8px -4px rgba(0,0,0,0.3);
}

.navbar-crafting{
	margin-top:50px;
}
.recipe-search{
	width: 300px;
	border-radius: 0;
}
.recipe-search:focus{
	border-color:#469850;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.where_am_i{
	padding:5px;
}
.where_am_i input.form-control{
	display: inline-block;
    width: 60px;
	margin:0 3px;
	box-shadow: none;
	border-radius: 3px;
	border-color:#c1c1c1;
	padding:5px;
	height: 30px;
}
.where_am_i input.form-control:focus{
	border-color:#469950 !important;
}

/* ========= TICKER ========== */
.simple-ticker {
  position: relative;
  width: 100%;
  height:30px;
  padding: 5px 15px 5px 35px;
  overflow: hidden;
}
.simple-ticker:before {
	content:'\f1ea';
	font: normal normal normal 14px/1 FontAwesome;
	position:absolute;
	top:8px;
	left:10px;
}
.simple-ticker ul {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.simple-ticker ul li {
  display: none;
  width: 100%;
  height:20px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space:nowrap; 
  text-overflow: ellipsis;
}
.simple-ticker ul li a{
	color:#479951;
}



/* COOP */

.coop-body .btn{
	position:relative;
	margin-left:10px;
	margin-right:0;
	border-radius:2px;
	border:0;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	transition: .2s;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	outline:none;
}
.coop-body .btn:hover{
	box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.26);
}
.coop-body .btn:focus{
	outline:none;
	background-color:#C7C7C7;
}
.coop-body .btn.btn-success:focus{
	background-color:#317531;
}
.coop-body .btn.btn-primary:focus{
	background-color:#104E84;
}
.coop-body .btn.btn-danger:focus{
	background-color:#d2322d;
}

.form-search{
	position:relative;
	margin-bottom:20px;
}
.form-control-search{
	width:300px;
	max-width: 100%;
    height: 36px !important;
    padding: 7px 12px 7px 40px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555;
    background-color: transparent;
    background-image: none;
	border:0;
    border-bottom: 1px solid #ccc;
    border-radius: 0px !important;
    z-index: 5;
	outline:none;
	box-shadow:none;
}
.form-control-search:focus{
	outline:none;
	border-bottom:1px solid #479951;
	box-shadow:none;
}
.form-search:before{
	position:absolute;
	content:'\f002';
	font:normal normal normal 14px/1 FontAwesome;
	left:10px;
	top:9px;
	z-index: -1;
	font-size: 18px;
	color: #888888;
}




/*!
* bootstrap-lightbox.css v0.7.0
* Copyright 2014 Jason Butz
* http://www.apache.org/licenses/LICENSE-2.0.txt
*/
.lightbox-open{overflow:hidden}.lightbox-open .navbar-fixed-bottom,.lightbox-open .navbar-fixed-top,body.lightbox-open{margin-right:15px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1041;display:none;overflow:auto;overflow-y:scroll}.lightbox .fade .lightbox-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.lightbox .in .lightbox-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.lightbox .lightbox-dialog{z-index:1050;width:auto;margin-right:auto;margin-left:auto}.lightbox .lightbox-dialog .lightbox-header{float:right}.lightbox .lightbox-dialog .lightbox-header .close{margin-top:-2px}.lightbox .lightbox-dialog .lightbox-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;padding:10px;display:inline-block}.lightbox .lightbox-dialog .lightbox-content .lightbox-caption{position:absolute;right:8px;bottom:8px;left:10px;padding:2%;font-size:14px;line-height:18px;color:#fff;text-align:center;text-shadow:0 -1px 0 #000;text-shadow:0 -1px 0 rgba(0,0,0,.3);background:#000;background:rgba(0,0,0,.6)}
.lightbox img{max-width:100%;max-height:100%;}

/* ========================================================================
 * bootstrap-switch - v3.1.0
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch{display:inline-block;cursor:pointer;border-radius:4px;border:1px solid;border-color:#ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;min-width:100px;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bootstrap-switch.bootstrap-switch-mini{min-width:71px}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{padding-bottom:4px;padding-top:4px;font-size:10px;line-height:9px}.bootstrap-switch.bootstrap-switch-small{min-width:79px}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{padding-bottom:3px;padding-top:3px;font-size:12px;line-height:18px}.bootstrap-switch.bootstrap-switch-large{min-width:120px}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{padding-bottom:9px;padding-top:9px;font-size:16px;line-height:normal}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-readonly,.bootstrap-switch.bootstrap-switch-indeterminate{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label{cursor:default!important}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{-webkit-transition:margin-left .5s;transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on{border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off{border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch.bootstrap-switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container,.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-container{margin-left:0}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container,.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-container{margin-left:-50%}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-container,.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-indeterminate .bootstrap-switch-container{margin-left:-25%}.bootstrap-switch .bootstrap-switch-container{display:inline-block;width:150%;top:0;border-radius:4px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block!important;height:100%;padding-bottom:4px;padding-top:4px;font-size:14px;line-height:20px}.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off{text-align:center;z-index:1;width:33.33333333%}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{color:#fff;background:#469950}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info{color:#fff;background:#5bc0de}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success{color:#fff;background:#5cb85c}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning{background:#f0ad4e;color:#fff}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger{color:#fff;background:#d9534f}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{color:#000;background:#eee}.bootstrap-switch .bootstrap-switch-label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;width:33.33333333%;color:#333;background:#fff}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch input[type=radio],.bootstrap-switch input[type=checkbox]{position:absolute!important;top:0;left:0;opacity:0;filter:alpha(opacity=0);z-index:-1}.bootstrap-switch input[type=radio].form-control,.bootstrap-switch input[type=checkbox].form-control{height:auto}
.bootstrap-switch{
	border:0;
	min-width: 45px;
	position:relative;
	overflow: visible;
}
.bootstrap-switch.bootstrap-switch-focused{
	box-shadow:none;
	-webkit-box-shadow:none;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{
	background: none;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
	background: none;
}
.bootstrap-switch-on .bootstrap-switch-label, 
.bootstrap-switch-off .bootstrap-switch-label{
	position:relative;
	background:#469950;
	border-radius: 50% !important;
	width: 22px;
    height: 22px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: all 0.3s ease;
}
.bootstrap-switch-off .bootstrap-switch-label{
	background:#fff;
}
.bootstrap-switch-on .bootstrap-switch-label:before,
.bootstrap-switch-off .bootstrap-switch-label:before{
	visibility: hidden;
	opacity: 0;
	content:'';
	position:absolute;
	top:-10px;
	left:-10px;
	background:rgba(70,153,80,0.3);
	width: 42px;
    height: 42px;
	border-radius: 50%;
	transition: all 0.2s ease;
}
.bootstrap-switch-off .bootstrap-switch-label:before{
	background:rgba(170,170,170,0.3);
}
.bootstrap-switch-on .bootstrap-switch-label:active:before,
.bootstrap-switch-off .bootstrap-switch-label:active:before{
	visibility: visible;
	opacity:1;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, 
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{
	background: none;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container, 
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-container{
	margin-left: -52%;
}

.bootstrap-switch .bootstrap-switch-container{
	height: 15px;
}
.bootstrap-switch:before{
	content:'';
	position:absolute;
	top:2px;
	left:0;
	background:#91C597;
	width: 100%;
    height: 18px;
	border-radius: 15px;
	transition: all 0.3s ease;
}
.bootstrap-switch-off:before{
	background: #aaa;
}


/* =============================================
 scrollbar 
 =============================================*/

/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SCROLLBAR MAC OS X ***************/
 
.sidebar > .scroll-element,
.sidebar > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1020;
}
 
.sidebar > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.sidebar > .scroll-element .scroll-element_track { display: none; }
.sidebar > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
 
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.sidebar:hover > .scroll-element .scroll-bar,
.sidebar > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
 
 
.sidebar > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}
 
.sidebar > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}
 
/* scrollbar height/width & offset from container borders */
.sidebar > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.sidebar > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
 
.sidebar > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.sidebar > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.sidebar > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.sidebar > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
/* update scrollbar offset if both scrolls are visible */
.sidebar > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.sidebar > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* =============================================
 unslider 
 =============================================*/
.unslider {
	overflow: auto;
	margin: 0;
	padding: 0;
	position: relative;
	margin-bottom: 10px;
	background: #fff;
	color: #666;
	text-align: center;
	text-shadow: none;
	width:100%;
	max-width:100%;
}
.unslider-wrap {
	position: relative;
}
.unslider-wrap.unslider-carousel > li {
	float: left;
}
.unslider-vertical > ul {
	height: 100%;
}
.unslider-vertical li {
	float: none;
	width: 100%;
}
.unslider-fade {
	position: relative;
}
.unslider-fade .unslider-wrap li {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active {
	z-index: 10;
}
.unslider ul,
.unslider ol,
.unslider li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
.unslider-arrow {
	position: absolute;
	left: 20px;
	z-index: 2;
	cursor: pointer;
}
.unslider-arrow.next {
	left: auto;
	right: 10px;
}
.unslider-nav ol {
	list-style: none;
	text-align: center;
}
.unslider-nav ol li {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	background: transparent;
	border-radius: 5px;
	overflow: hidden;
	text-indent: -999em;
	border: 2px solid #000;
	cursor: pointer;
}
.unslider-nav ol li.unslider-active {
	background: #000;
	cursor: default;
}

.unslider-arrow {
	display: block;
	width: 32px;
	height: 32px;

	top: 50%;
	right: -50px;
	left: auto;
	margin-top: -16px;

	overflow: hidden;

	background: rgba(0,0,0,.5) no-repeat 50% 50%;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==');
	background-size: 7px 11px;

	border-radius: 32px;
	text-indent: -999em;

	opacity: .6;
	transition: opacity .2s;
}
.unslider-arrow:hover{
	opacity: 1;
}
.unslider-arrow.prev {
	left: 10px;
	right: auto;
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

@media (min-width: 850px) {
	.unslider {
		width:300px;
	}
}



/* =============================================
 Image Comparison Slider 
 =============================================*/

.cd-image-container {
  position: relative;
  width: 100%;
  height:100%;
  max-width: 1200px;
  margin: 0px;
}
.cd-image-container img {
  display: block;
  max-width:100%;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #479951 url("../assets/img/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #428bca;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.colorgrading-wrapper{
	display:flex;
}

.colorgrading-menu{
	background:#f5f5f5;
	min-width:200px;
	max-width:300px;
}

.colorgrading-item{
	position:relative;
	border-bottom:1px solid #ccc;
	padding:10px;
	transition:all .25s;
}
.colorgrading-item::before{
	font-family: FontAwesome;
	content:'\f054';
	color:#fff;
	position:absolute;
	top:calc(50% - 12px);
	right:-20px;
	transform: translateX(0px);
	transition:all .25s;
}
.colorgrading-item.active{
	background: #479951;
    color: #fff;
}
.colorgrading-item.active::before{
	transform: translateX(-30px);
	/*
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #ffffff;
	*/
}

@media (max-width: 1023px) {
	.colorgrading-wrapper{
		flex-wrap:wrap;
	}
	.colorgrading-menu{
		display:flex;
		flex-wrap: wrap;
		max-width:100%;		
	}
	.colorgrading-item{
		
	}
	.colorgrading-item::before{
		display:none;
	}
}

.d-carousel,.d-carousel *{-webkit-box-sizing:border-box;box-sizing:border-box}.d-carousel{position:relative;overflow-y:hidden}.d-carousel__outer{overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;white-space:nowrap;margin-bottom:-1.5rem}.d-carousel__outer::-webkit-scrollbar{display:none}.d-carousel__inner{padding:1rem 0;display:inline-block}.d-carousel__ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 1.5rem;padding:0}.d-carousel__item{display:block;padding:0 .5rem}.d-carousel__next,.d-carousel__prev{position:absolute;top:50%;cursor:pointer;display:block;background:rgba(255,255,255,0.5);border:0;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:3.5rem;height:3.5rem;z-index:2}.d-carousel__next svg,.d-carousel__prev svg{width:2.5rem;height:2.5rem}.d-carousel__next.disabled,.d-carousel__prev.disabled{opacity:0;pointer-events:none}.d-carousel__next{right:.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.d-carousel__prev{left:.5rem;-webkit-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}.d-carousel.init .d-carousel__next,.d-carousel.init .d-carousel__prev{-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}@supports(color:#fff){.d-carousel__outer{overflow-x:auto}}
.d-carousel {
    background: #efefef;
}
.d-carousel__item {
  width: 150px;
  margin: 0 .5rem;
  padding:0;
  background: #fff;
  border-radius:3px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
}
.d-carousel__item img{
  width: 100%;
  border-radius:3px 3px 0 0;
}
.d-carousel__item .text{
  width: 100%;
  padding:5px;
  text-align:center;
  white-space: normal;
}

/* Single Crafting */
.craft-card{
	max-width:750px;
	background:#f1f1f1;
	box-shadow: 0px 3px 15px 2px rgba(0,0,0,0.4);
	border-radius:3px;
	overflow:hidden;
	margin:10px 0 30px 0;
}
.craft-header{
	position:relative;
	overflow:hidden;
	max-height:405px;
}
.craft-header img{
	width:100%;
	pointer-events: none;
}
.craft-header h1{
	position:absolute;
	bottom:15px;
	left:15px;
	color:#fff;
	text-shadow:-1px -1px 5px #000, 1px 1px 5px #000;
}

.craft-content{
	position:relative;
	padding:25px 15px 15px 15px;
}
.craft-content .well{
	display:inline-block;
}

.c-view{
	position:absolute;
	top:-20px;
	right:15px;
	border-radius:50%;
	font-size: 18px;
    width: 40px;
    height: 40px;
    padding: 7px 10px;
}

.craft-card .unslider{
	background:transparent;
	margin: 0 auto;
	margin-bottom:15px;
}

@media (max-width: 850px) {
	.search-box-recipe{
		position:relative;
		top:0;
	}
}

.wiki-text .craft-header img{
	filter: blur(5px);
}

.wiki-wrapper{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
}
.wiki-block{
	display:block;
	position:relative;
	margin:15px;
	min-width:150px;
	max-width:300px;
	box-shadow:0px 3px 10px rgba(0,0,0,0.4);
	transition:all .25s;
}
.wiki-block:hover{
	box-shadow:0px 5px 12px rgba(0,0,0,0.5);
}
.wiki-block img{
	width:100%;
}
.wiki-block .wiki-header{
	width:100%;
	padding:15px;
	position:absolute;
	top:0;
	left:0;
	background:rgba(71,153,81,0.9);
	color:#fff;
	font-size: 18px;
}

.wiki-text i.fa-sm{
	font-size: 80%;
}    

.wiki-text .ct-label {
	fill: rgba(0,0,0,.4);
	color: rgba(0,0,0,1);
	font-size: 1rem;
}
.wiki-text .table-inner{
	max-width:300px;
}
.wiki-text .table-inner td{
	padding:3px 8px !important;
}

.wiki-text .wstat_block{
	position:relative;
	display:inline-block;
	width:16px;
	height:8px;
	margin-right:5px;
	vertical-align: top;
}
.wiki-text .wstat_inner{
	width:0%;
	height:100%;
}
.wiki-text .wstat-wrapper{
	height:8px;
	width:215px;
	margin-bottom:8px;
}
.wiki-text .wstat-wrapper[data-type="speed"] .wstat_inner{
	background-color:#059fd6;
}
.wiki-text .wstat-wrapper[data-type="damage"] .wstat_inner{
	background-color:#bed420;
}
.wiki-text .wstat-wrapper[data-type="block"] .wstat_inner{
	background-color:#d38024;
}

.wiki-text .prev-weapon{
	display:inline-block;
	vertical-align:middle;
	height:8px;
	width:16px;
	margin-bottom: 4px;
	margin-right: 5px;
}
.wiki-text .prev-weapon.speed{
	background-color:#059fd6;
}
.wiki-text .prev-weapon.damage{
	background-color:#bed420;
}
.wiki-text .prev-weapon.block{
	background-color:#d38024;
}

.wiki-text img[href="#lightbox"]{
	cursor:pointer;
}

.wiki-text .passengerimg{
	max-width:100%;
}