/*--------------------------------------------------------------
 * Theme Name: Rockstar Roleplay - HTML GTA 5 Roleplay Template
 * Author: GodexDesign;
 * Description: Grand Theft Auto 5 Roleplay Template
 * Version: 2.0
 * Bootstrap v4.4.1 (http://getbootstrap.com)
 * Copyright 2022
 -------------------------------------------------------------*/

/*------------------------------------------------------------
    CSS INDEX
    ==================
  
    1. General Styles
    2. Buttons
    3. Headings   
    4. Main Containers & Colums
    5. Top Bar
    6. Logo
    7. Menu
    8. Header
    9. Content
    10. Feed
    11. Darkside Content
	12. Stat Area
	13. Outro Content
	14. Event List Page
	15. Server Page
	16. Players Page
	16. Players Page
	18. VIP Page
	19. FAQ Page
	20. Login & Sign Up Page
	21. Terms Page
	22. Payments & CheckOuts
	23. 404 Page
	24. Footer Page


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

/*--------------------------------------
	Google Font 
----------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=K2D:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton|Bitter|Exo+2|Poppins|Roboto+Slab|Roboto:700|Slabo+27px|Source+Sans+Pro:700|Titillium+Web:700|Ubuntu|Work+Sans');
@import "font-awesome.css";
@font-face {
	font-family: BebasNeue;
	src: url(assets/fonts/BebasNeue.otf);
	font-weight: bold;
}
/*--------------------------------------
	1. General Styles
----------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ol, ul {
    list-style: none;
}
body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
    background: #fff;
    color: #565656;
    font-size: 13px;
}
html, body {
    margin: 0;
    padding: 0;
}
h5 {
    color: #969696;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 20px;
    padding: 12px 20px;
}

/* Store Page Styles */
.store-image img {
    width: 100%;
    height: auto;
}

.store-items {
    margin-top: 20px;
}

.store-items .item {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 10px;
    transition: background-color 0.3s;
}

.store-items .item:hover {
    background-color: #f9f9f9;
}

.store-items h3 {
    margin-top: 0;
}

.store-items p {
    margin: 5px 0;
}

.add-to-cart, .wishlist {
    margin-right: 10px;
}
/*--------------------------------------
	2. Buttons
----------------------------------------*/

.btn {
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	padding: 9.5px 10px;
	font-weight: bold;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	-moz-transition: background 0.5s linear;
	-webkit-transition: background 0.5s linear;
	transition: background 0.5s linear;
	margin-right: 7px;
}
.btn:hover {
	-moz-transition: background 0.5s linear;
	-webkit-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.primary-green-big {
	background-color: transparent;
	color: #25d370;
	border-color: #25d370;
	padding: 20px 100px;
}
.primary-green-big:hover {
	color: #fff;
	border-color: #25d370;
	background-color: #25d370;
	border-color: none;
}
.primary-yellow-big {
	color: #fff;
	border-color: #feb429;
	background-color: #feb429;
	border-width: 2px;
	border-color: none;
	padding: 20px 100px;
	border-radius: 40px;
}
.primary-yellow-big:hover {
	background-color: transparent;
	color: #ffffff;
	border-color: #feb429;
	border-width: 2px;
}
/*--------------------------------------
	3. Headings
----------------------------------------*/

h2 {
	font-size: 14px;
	color: #333;
	font-weight: 400;
}
h2.title-big {
	font-size: 30px;
	color: #505050;
	padding: 60px 0 40px 0;
	font-weight: 400;
	font-family: 'Titillium Web', sans-serif;
	text-align: center;
}
h2.title-big-2 {
	width: 100%;
	text-align: left;
	font-size: 30px;
	color: #505050;
	padding: 60px 0 20px 0;
	font-weight: 400;
	font-family: 'Titillium Web', sans-serif;
}
h3 {
	font-size: 15px;
	color: #969696;
	font-weight: bold;
	font-family: "Arial";
	text-transform: uppercase;
}
/*--------------------------------------
	4. Main Containers & Colums
----------------------------------------*/

.container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.header-container {
	background: url(assets/img/0017.jpg) no-repeat fixed;
	background-size: cover;
	background-position: top center;
	width: 100%;
	height: 800px;
	float: left;
	margin: 0 auto;
}
.header-container-events {
	background: url(assets/img/bg.jpg) no-repeat fixed;
	background-size: cover;
	width: 100%;
	float: left;
	margin: 0 auto;
}
.grid_1000 {
	width: 1000px;
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
}
.grid_full {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
/*--------------------------------------
	5. Top Bar
----------------------------------------*/

.top {
	width: 100%;
	height: 100px;
	margin: 0;
	position: fixed;
	z-index: 50;
	float: left;
	background: rgba(0, 0, 0, .8);
}
.content-top {
	background: url(assets/img/content-top.png) no-repeat;
	float: left;
	width: 900px;
	height: 70px;
	float: left;
} 
/*--------------------------------------
	6. Logo
----------------------------------------*/

.logo {
	background: url(assets/img/new-logo.png)no-repeat;
	margin: 24px 0;
	height: 63px;
	width: 150px;
	float: left;
}
/*--------------------------------------
	7. Menu
----------------------------------------*/
/* Existing Styles */
.menu {
    line-height: 70px;
    text-align: right;
    margin-right: 40px;
}
.menu ul li {
    display: inline;
    line-height: 70px;
    padding: 21px 0;
    color: #fff;
    position: relative; /* Needed for dropdown positioning */
}
.menu ul li:hover {
    border-bottom: 3px solid #feb429;
}
.menu ul li:last-child {
    margin-left: 8px;
}
.menu ul li:hover:last-child {
    border-bottom: 0;
}
.menu ul li a {
    font-family: 'Exo 2', sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 26px 8px;
}
.menu ul li a.register {
    font-size: 13px;
    color: #feb429;
    letter-spacing: .5px;
    font-weight: 600;
    background: transparent;
    border-radius: 20px;
    border: 2px solid #feb429;
    padding: 6px 18px 8px 18px;
}
.menu ul li a.register:hover {
    background: #feb429;
    border: 2px solid #feb429;
    color: #4a3100;
}
.menu ul li a.logout {
    color: #ffffff;
    background: transparent;
    border-radius: 20px;
    padding: 18px 18px;
}
.menu ul li a.logout:hover {
    color: #fe2929;
}
.menu ul li a:hover {
    color: #feb429;
    text-decoration: none;
    -webkit-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -o-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear
}
.menu ul li a i {
    padding-right: 3px;
    font-size: 13px;
}
.menu ul li a.logout {}
.menu ul li a.logout:hover {
    color: #fe2929;
}

/* New Styles for Dropdown */
.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Dropdown container */
.menu ul li ul {
    display: none; /* Hide dropdown by default */
    position: absolute; /* Position dropdown */
    top: 100%; /* Place dropdown below the parent */
    left: 0; /* Align dropdown to the left of parent */
    background: #333; /* Background color for dropdown */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Dropdown items */
.menu ul li ul li {
    display: block; /* Display dropdown items vertically */
    padding: 10px; /* Padding for dropdown items */
}

.menu ul li ul li a {
    padding: 10px 15px; /* Padding inside dropdown links */
    color: #fff; /* Text color */
}

/* Show dropdown on hover */
.menu ul li:hover > ul {
    display: block;
}

/* Optional styling for dropdown items on hover */
.menu ul li ul li a:hover {
    background: #444; /* Background color on hover */
    color: #feb429; /* Text color on hover */
}

/*--------------------------------------
	8. Header
----------------------------------------*/

.woman {
	background: url(assets/img/women-fixed2.png) no-repeat;
	width: 756px;
	height: 750px;
	margin: 50px 0 0 300px;
	z-index: -3;
}
.woman-video {
	background: url(assets/img/women-fixed2.png) no-repeat;
	width: 756px;
	height: 750px;
	margin: 50px 0 0 300px;
	z-index: -3;
}
.header {
	width: 100%;
	height: 568px;
	float: left;
	margin: 0;
	padding: 0;
}
.header h2 {
	color: #fff;
	font-family: 'Ubuntu';
	text-transform: uppercase;
	font-size: 70px;
	text-align: right;
	line-height: 80px;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 140px 0 0 0;
	margin: 0 auto;
	padding-bottom: 0;
	position: absolute;
	z-index: 2;
}
.header h2 b {
	background: rgba(0, 0, 0, .7);
	padding: 1px 12px;
	color: #feb429;
	font-weight: bold;
}
.header .logo {
	background: url(assets/img/logo.png) no-repeat;
	width: 322px;
	height: 48px;
	margin: 120px auto 2px auto;
}
.header .logo:hover {
	background: url(../assets/img/logo-2.png) no-repeat;
	-webkit-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-o-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear
}
.header p {
	color: #ffffff;
	text-shadow: 0 0 3px #424242;
	letter-spacing: 0.2px;
	padding: 0px 0px;
	width: auto;
	text-align: center;
	font-family: 'BebasNeue';
	font-size: 20px;
	margin: 0 auto;
}
.element {
	font-family: 'Ubuntu';
	display: inline;
	font-weight: bold;
	font-size: 20px;
	padding: 8px 4px;
	color: #fff;
	background: rgba(0, 0, 0, .8);
}
/*--------------------------------------
	9. Content
----------------------------------------*/

.content {
	background: #ffffff;
	width: 100%;
	height: auto;
	min-height: 500px;
	float: left;
	margin: 0;
	padding: 0 0 80px 0;
}
.content-ad {
	background: url(assets/img/0001.png) no-repeat;
	background-position: center center; 
	width: 100%;
	height: 400px;
	margin: 0;
}
.content-ad::before {    
    content: ""; 
    background: rgba(0,0,0, .7);
    background-size: cover;
    position: absolute;
    width: 100%;
	height: 400px;
}
.content-ad h2 {
	font-family: 'Exo 2', sans-serif;
	text-align: center;
	padding-top: 130px;
	color: #FFF;
	font-size: 50px;
}
.content-ad h2 b {
	color: #feb429;
	font-size: 50px;
}
.content-ad p {
	margin: 30px auto;
	text-align: center;
}
.pulse-button {
	font-family: 'Work Sans';
	transition: all .2s ease-in-out;
	-webkit-appearance: none;
	display: inline-block;
	border-radius: 100px;
	position: relative;
	padding: 14px 50px;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	background: #feb429;
	appearance: none;
	font-size: 18px;
	cursor: pointer;
	outline: none;
	-webkit-animation: pulse 1.5s infinite;
}
.pulse-button:hover {
	text-decoration: none;
	color: #000000;
	box-shadow: 0 0 25px rgba(254, 180, 41, .7);
}
@-webkit-keyframes pulse {
	0% {
		@include transform(scale(.9));
	}
	70% {
		@include transform(scale(1));
		box-shadow: 0 0 0 50px rgba(#5a99d4, 0);
	}
	100% {
		@include transform(scale(.9));
		box-shadow: 0 0 0 0 rgba(#5a99d4, 0);
	}
}
.content-feed {
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(30deg, #ffffff 50%, #f9f9f9 50%);
	width: 100%;
	margin: 0 auto;
	float: left;
}
.content-events {
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(30deg, #ffffff 50%, #f9f9f9 50%);
	width: 100%;
	min-height: 400px;
	margin: 0 auto;
	float: left;
}
.event-list-buttons {
	width: 100%;
	margin: 140px auto 0 auto;
	float: left;
	text-align: center;
}
/*--------------------------------------
	10. Feed
----------------------------------------*/

.feed-01 {
	width: 100%;
	margin: 180px auto;
}
.feed-02 {
	width: 100%;
	margin: 80px auto;
}
.feed-01 h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	padding: 0 0 40px 0;
}
.feed-02 h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	margin: 0 0 40px 600px;
}
.feed-01 p {
	width: 40%;
	float: left;
	font-size: 18px;
	color: #777777;
	line-height: 30px;
	font-weight: 400;
	font-family: 'Work Sans', sans-serif;
}
.feed-01-bg {
	position: relative;
	margin-top: -100px;
	float: right;
}
.feed-01-img {
	position: absolute;
	margin: 0 0 0 650px;
}
.feed-02-bg {
	position: relative;
	margin-top: -100px;
	float: left;
}
.feed-02-img {
	position: absolute;
	margin: 0 0 0 100px;
}
.feed-02 h2 {
	margin-top: 20px;
	padding-top: 0;
	padding-left: 80px;
}
.feed-02 p {
	width: 40%;
	float: right;
	font-size: 18px;
	color: #777777;
	line-height: 30px;
	font-weight: 400;
	font-family: 'Work Sans', sans-serif;
}
/*--------------------------------------
	11. Darkside Content
----------------------------------------*/

.content-darkside {
	width: 100%;
	height: 700px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(assets/img/test.jpg) fixed;
	background-size: cover;
	float: left;
}
.content-darkside h2.title {
	padding: 240px 0 50px 0;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}
.content-line {
	background: url(assets/img/bottom-line.png) no-repeat;
	width: 100%;
	height: 169px;
	float: left;
}
/*--------------------------------------
	12. Stat Area
----------------------------------------*/

.stat-area {}
.single-stat {
	position: relative;
	margin-top: 50px;
}
.single-stat .inner {
	position: relative;
	padding: 60px 15px 35px;
	width: 100%;
	height: 200px;
	margin: 0 auto;
	text-align: center;
	border: 3px solid #feb429;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: none;
}
.single-stat .inner::after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30%;
	border-bottom: 3px solid #feb429;
}
.single-stat .inner::before {
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30%;
	border-bottom: 3px solid #feb429;
}
.stat-icon-box {
	position: absolute;
	left: 50%;
	top: -30px;
	width: 40%;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 45px;
	color: #E6E6E6;
	margin-left: -20%;
}
.stat-icon-box i.fa {
	margin: 0 auto;
	color: #feb429;
}
.stat-content h2 {
	color: #ffffff;
	font-size: 50px;
	margin-bottom: 10px;
	font-weight: 900;
}
.stat-content h3 {
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
/*--------------------------------------
	13. Outro Content    
----------------------------------------*/
                
.content-join {
	background: #fff;
	float:left;
	width: 100%;
	min-height: 400px;
	padding: 100px 0 0 0;
} 
.outro-main {
	background: url('assets/img/outro-bg-sm.png')no-repeat;
	width: 100%;
	height: 479px; 
	margin-bottom: -180px;
	z-index: -999;
}
.outro-text {
	background: url('assets/img/parallax/text.png')no-repeat;
	width: 100%;
	height: 644px;
}
.shard { 
	margin: 0 auto;
	will-change: transform;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	z-index: 1;
	-webkit-animation: float 7s ease-in-out infinite;
	animation: float 7s ease-in-out infinite;
	z-index: 2;
}
@-webkit-keyframes float {
	0% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}
	50% {
		-webkit-transform: translate(-50%, -20px);
		transform: translate(-50%, -20px);
	}
	100% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}
}
@keyframes float {
	0% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}
	50% {
		-webkit-transform: translate(-50%, -20px);
		transform: translate(-50%, -20px);
	}
	100% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}
}
p.join-text {
	padding-top: 10px;
	text-align: left;
	color: #6d6d6d;
	font-size: 34px;
	font-family: 'Roboto Slab', serif;
	text-decoration: none;
	position: absolute;
}
p.join-text-2 {
	position: absolute;
	padding-top: 70px;
	text-align: left;
	color: #5f5f5f;
	font-size: 26px;
	font-family: 'Roboto Slab', serif;
	text-decoration: none;
}
/*--------------------------------------
	14. Event List Page
----------------------------------------*/

.container-events {
	background: url('assets/img/0004.png')fixed no-repeat;
	width: 100%;
	padding-bottom: 200px;
}
.container-events h2.title {
	padding: 160px 0 0 0;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}
ul#timeline {
	background: rgba(255, 255, 255, 1);
	width: 100%;
	list-style: none;
	padding: 40px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 6px;
}      
ul#timeline a {
	text-decoration: none;
}     
ul#timeline .listing { 
	background: #f6f6f6;
	border: 1px solid #e0e0e0;       
	border-radius: 0.3em;
	padding: 1em;
	margin-bottom: 1em;
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
	transition: all .3s ease-in-out;
}
.listing:hover {
	cursor: pointer;
	box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.collapse-event {
	background: rgba(0, 0, 0, .7);
	border: 1px solid rgba(0, 0, 0, 1);
	border-radius: 0.5em;
	width: 100%;
	margin-bottom: 30px;
}
.collapse-event p {
	color: #fff;
	padding: 20px;
	background: rgba(0, 0, 0, .2);
}
.collapse-event h2 {
	padding: 20px 0 20px 40px;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	color: #fff;
}
ul#timeline .listing img, .info, .event_type {
	display: table-cell;
	vertical-align: middle;
	font-size: 0.9em;
	color: #ffffff;
}
ul#timeline .image_wrapper {
	width: 60px;
}
ul#timeline .image_wrapper img {
	width: 60px;
	display: block;
	margin: 0 auto;
	border-radius: 0.25em;
}
.info {
	text-align: left;
	margin-left: 0;
	line-height: 1.25;
	width: 850px;
	padding-left: 0px;
	border: none;
}
.settings-info {
	text-align: left;
	margin-left: 0;
	line-height: 1.25;
	width: 850px;
	padding-left: 20px;
	border: none;
}
.event_title {
	font-weight: 700;
	font-size: 1.5em;
	color: #010101;
}       
.event_info {
	color: #7a7a94;
	display: block;
}
.event_info span {
	margin: 0 .75em;
}
.event_type {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.75em;
	position: relative;
	white-space: nowrap;
	padding-top: .6em;
	width: 100px;
}
.event_type:before {
	content: " ";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	left: -20px;
	top: 27px;
}
.active-event {
	color: #37ca33;
}
.active-event:before {
	background-color: #37ca33;
}
.coming-event {
	color: #70bfeb;
}
.coming-event:before {
	background-color: #70bfeb;
}
.finished-event {
	color: #dd644f;
}
.finished-event:before {
	background-color: #dd644f;
}
.contract {
	color: #a378fc;
}
.contract:before {
	background-color: #a378fc;
}
.date {
	display: inline-block;
	padding: 1em 0;
	width: 100px;
	background: #feb429;
	border: 0px solid rgba(0, 0, 0, .4);
	border-radius: 3em;
	font-weight: 700;
	font-size: .75em;
	text-align: center;
	z-index: 2;
	position: relative;
	margin: 1em 0 2em 0;
	color: #ffffff;
}
.totop {
	float: right;
	display: inline-block;
	padding: 1em 0;
	width: 100px;
	color: #505050;
	background: #feb429;
	border: 0px solid rgba(0, 0, 0, .4);
	border-radius: 3em;
	font-weight: 700;
	font-size: .75em;
	text-align: center;
	z-index: 2;
	position: relative;
	margin: 1em 0 2em 0;
	color: #ffffff !important;
	text-decoration: none;
}
.totop a {
	color: #ffffff !important;
}
.load_more {
	width: 100%;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}.load_more a {
	color: #fff !important;
}
.button-more {
	background-color: #feb429;
	border: 2px solid #feb429;
	outline: none;
	padding: 1em 3.5em;
	text-align: center;
	border-radius: 3em;
	color: #ffffff;
	transition: all .3s ease-in-out;
}
.button-more:hover {
	background-color: rgba(231, 205, 63, .2);
	color: white;
}
.logo h1 {
	float: none;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 1.1em;
}
.nav {
	float: none;
	text-align: center;
}
.nav a {
	margin: 0 .5em;
	text-decoration: none;
}
}

.welcome-area {
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	z-index: -999;
	height: 100%;
}
.welcome-area-header {
	background: url('assets/img/0004.png');
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom center;
	z-index: -999;
	height: 60%;
}
.welcome-area-header:after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	z-index: -1;
}
.welcome-area:after, .quotes-area:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	z-index: -1;
}
.welcome-table {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
.welcome-cell {
	display: table-cell;
	vertical-align: middle;
}
.welcome-text h1 {
	text-transform: capitalize;
	font-size: 75px;
	font-weight: 900;
	margin-bottom: 10px;
	color: #ffc814;
}
.typed-cursor {
	display: inline;
	font-weight: 300;
	font-size: 28px;
	color: #fff;
}
.welcome-area .home-arrow {
	text-align: center;
	position: absolute;
	bottom: -210px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.welcome-area .home-arrow a {
	font-size: 30px;
	color: #ffc814;
}
.welcome-area .home-arrow .fa {
	display: inline-block;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation-name: home-arrow;
	animation-name: home-arrow;
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
@-webkit-keyframes home-arrow {
	from {
		-webkit-transform: translate3d( 0, 0px, 0);
		transform: translate3d( 0, 0px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	10% {
		-webkit-transform: translate3d( 0, 1px, 0);
		transform: translate3d( 0, 1px, 0);
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	to {
		-webkit-transform: translate3d( 0, 50px, 0);
		transform: translate3d( 0, 50px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
/*--------------------------------------
	15. Server Page
----------------------------------------*/

.container-server {
	background: transparent;
	/* position: absolute; */
	width: 100%;
	margin-top: 340px;
}
.container-server h2.title {
	text-align: right;
	font-size: 26px;
	font-family: 'K2D', sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	color: #fff;
	letter-spacing: 1px;
	padding-bottom: 30px;
}
.container-server h2.title span.on {
	background: rgba(0, 0, 0, .7);
	border-radius: 6px;
	padding: 4px 10px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #5cda56;
	letter-spacing: 1px;
	cursor: pointer;
	text-transform: uppercase;
}
.container-server h2.title span.off {
	background: rgba(0, 0, 0, .7);
	border-radius: 6px;
	padding: 4px 10px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #dc5454;
	letter-spacing: 1px;
	cursor: pointer;
	text-transform: uppercase;
}
.server-content-top {
	background: url(assets/img/server-bg.png) repeat-x;
	width: 100%;
	height: 350px;
	margin-top: -10px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.trevor-2 {
	background: url(assets/img/trevor-2.png)no-repeat;
	width: 382px;
	height: 525px;
	margin-top: -200px;
}
.server-content-top h2 {
	margin-top:60px;
	padding-left: 40px; 
	font-size: 24px; 
	color: #5a5a5a;
	font-weight: 500;
	letter-spacing: 1px;
	font-family: 'Work Sans';
}
.server-content-top p {
	padding: 20px 40px;
	margin-top:10px;
	font-size: 16px;
	color: #5a5a5a;
	font-weight: 100;
	letter-spacing: 1px; 
	line-height: 28px;
	font-family: 'Work Sans';
}
.server-content-bot {
	background: #fff;
	width: 100%;
	min-height: 500px;
	padding-top: 60px;
}
.server-content-bot h2.title {
	padding: 60px 0 0 0;
	font-size: 26px;
	font-family: 'K2D', sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	color: #515151;
	letter-spacing: 1px;
}
.server-content-bot ul {
	width: 100%;
	margin: 0 auto 60px auto;
	text-align: center;
}
.server-content-bot ul li {
	margin: 0 auto;
	text-align: center;
	display: inline;
	padding: 30px 60px;
	margin: 0 10px;
	border: 2px solid #feb429;
	border-radius: 20px;
}
.server-content-bot ul li:hover {
	background: #feb429;
	color: #ffffff;
}
.server-content-bot ul li span {
	font-weight: bold;
}
.server-content-bot ul li.rep span {
	color: #31be29;
}
.primary-yellow-big-players {
	font-family: 'K2D', sans-serif;
	font-weight: 400;
	text-transform: capitalize;
	color: #fff;
	padding: 12px 0;
	border-color: #feb429;
	background-color: #feb429;
	border-radius: 40px;
	width: 80%;
	margin-left: 10%;
	text-align: center;
}
.primary-yellow-events {
	font-family: 'K2D', sans-serif;
	font-weight: 400;
	text-transform: capitalize;
	color: #ffffff;
	padding: 12px 0;
	border-color: #feb429;
	background-color: #feb429;
	border-radius: 40px;
	width: 20%;
	text-align: center;
}
.primary-yellow-big-players:hover, .primary-yellow-events:hover {
	color: #ffffff;
	border-color: #feb429;
	background-color: #f39e01;
	border-color: none;
}
/* UI - X */

.ui-280 {
	max-width: 1000px;
	margin: 50px auto;
}
/* Left Side */

.ui-280 .ui-item .ui-left {
	width: 120px;
	float: left;
	position: relative;
	top: 20px;
	left: 30px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px 5px;
	text-align: center;
}
.ui-280 .ui-item .ui-left:after, .ui-280 .ui-item .ui-left:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.ui-280 .ui-item .ui-left:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 7px;
	margin-top: -7px;
}
.ui-280 .ui-item .ui-left:before {
	border-color: rgba(221, 221, 221, 0);
	border-left-color: #ccc;
	border-width: 8px;
	margin-top: -8px;
}
/* Heading */

.ui-280 .ui-item .ui-left h3 {
	font-size: 14px;
	line-height: 24px;
	display: inline;
}
/* Right Side */

.ui-280 .ui-item .ui-right {
	border-left: 1px solid #eee;
	margin-left: 200px;
	padding: 15px 10px;
	position: relative;
}
/* Icon */

.ui-280 .ui-item .ui-right a.ui-icon {
	display: block;
	width: 40px;
	position: absolute;
	top: 24px;
	left: -20px;
}
.ui-280 .ui-item .ui-right a.ui-icon>i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	font-size: 18px;
}
/* Right Content */

.ui-280 .ui-right .ui-rcontent {
	position: relative;
	margin-left: 40px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 10px 20px;
}
.ui-280 .ui-right .ui-rcontent:hover {
	box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.06);
}
.ui-280 .ui-right .ui-rcontent:after, .ui-280 .ui-right .ui-rcontent:before {
	right: 100%;
	top: 28px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.ui-280 .ui-right .ui-rcontent:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 8px;
	margin-top: -8px;
}
.ui-280 .ui-right .ui-rcontent:before {
	border-color: rgba(221, 221, 221, 0);
	border-right-color: #ccc;
	border-width: 9px;
	margin-top: -9px;
}
/* Heading */

.ui-280 .ui-right .ui-rcontent h4 {
	font-family: 'Exo 2', sans-serif;
	color: #66bbdb;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 6px 0 20px 10px;
}
/* Paragraph */

.ui-280 .ui-right .ui-rcontent p {
	font-size: 13px;
	line-height: 25px;
	color: #888;
}
/* Text color classes */

.white {
	color: #ffffff !important;
}
.grey {
	color: #eeeeee !important;
}
.black {
	color: #555555 !important;
}
.red {
	color: #f75353 !important;
}
.green {
	color: #51d466 !important;
}
.lblue {
	color: #32c8de !important;
}
.blue {
	color: #609cec !important;
}
.orange {
	color: #f78153 !important;
}
.yellow {
	color: #fcd419 !important;
}
.purple {
	color: #cb79e6 !important;
}
.rose {
	color: #ff61e7 !important;
}
.brown {
	color: #d08166 !important;
}
/* Background color classes */

.bg-white {
	background-color: #ffffff !important;
}
.bg-grey {
	background-color: #eeeeee !important;
}
.bg-black {
	background-color: #555555 !important;
}
.bg-red {
	background-color: #f75353 !important;
}
.bg-green {
	background-color: #51d466 !important;
}
.bg-lblue {
	background-color: #32c8de !important;
}
.bg-blue {
	background-color: #609cec !important;
}
.bg-orange {
	background-color: #f78153 !important;
}
.bg-yellow {
	background-color: #fcd419 !important;
}
.bg-purple {
	background-color: #cb79e6 !important;
}
.bg-rose {
	background-color: #ff61e7 !important;
}
.bg-brown {
	background-color: #d08166 !important;
}
/*--------------------------------------
	16. Players Page
----------------------------------------*/
            
.container-players {
	background: url('assets/img/0014.jpg')fixed no-repeat; 
	width: 100%; 
	margin-bottom: -50px; 
}    
.container-players, h2.title {
	padding: 80px 0 0 0; 
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}
.content-players {
	width: 100%; 
	padding: 0 0 300px 0;
	border-radius: 8px;
}
.content-players table {
	border-collapse: collapse;
	margin-bottom: 3em;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	padding: 0;
	margin: 0;
	border-radius: 8px;
}     
.content-players th:first-child{
	border-top-left-radius: 6px;
}    
.content-players th:last-child {
	border-top-right-radius: 6px;
}
.content-players td, .content-players th {
	padding: 12px 30px;
	text-align: left;
	font-family: 'K2D', sans-serif;
	font-weight: 400;
}
.content-players td.err {
	background-color: #e992b9;
	color: #3c3c3c;
	font-size: 0.75em;
	text-align: center;
	line-height: 1;
}
.content-players th {
	background-color: #feb429;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	white-space: nowrap;
}
.content-players tr td {
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
	font-family: 'K2D', sans-serif;
	cursor: pointer;         
}            
.content-players tbody th {
	background-color: #feb429;
}
.content-players tbody tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.content-players tbody tr:nth-child(2n-1) {
	background-color: transparent;
	transition: all .125s ease-in-out;
}
.content-players tbody tr:hover {
	background-color: #feb429;
	-webkit-transition: color .2s linear, background .3s linear;
	-moz-transition: color .2s linear, background .3s linear;
	-o-transition: color .2s linear, background .3s linear;
	transition: color .2s linear, background .3s linear;
}
.sticky-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	margin: 1em 0;
	width: 100%;
}
.sticky-wrap .sticky-thead, .sticky-wrap .sticky-col, .sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	margin-top: 70px;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 1;
	width: auto;
	/* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead {
	box-shadow: 0 0.25em 0.1em -0.1em rgba(0, 0, 0, .125);
	z-index: 100;
	width: 100%;
	/* Force stretch */
}
.sticky-wrap .sticky-intersect {
	opacity: 1;
	z-index: 150;
}
.sticky-wrap .sticky-intersect th {
	background-color: #666;
	color: #eee;
}
.sticky-wrap td, .sticky-wrap th {
	box-sizing: border-box;
}
td.user-name {
	text-transform: capitalize;
}
.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 50vh;
}
/*--------------------------------------
	17. Contact Page
----------------------------------------*/

.container-contact {
	background: url(assets/img/0014.jpg)fixed no-repeat;
	background-size: cover;
	width: 100%;
	margin: 0;
	padding: 0;
}
/*
.container-contact::after {
  position: absolute;
  content: "";
  height: 30%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(white 0%, transparent 100%);
}


/*
.container-contact::before {
  position: absolute;
  content: ""; 
  height: 50%; 
  width: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(transparent 0%, white 20%);
}
*/

.container-contact h2.title {
	padding: 140px 0 30px 0;
	text-align: left;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'K2D', sans-serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}
.container-contact h2.title-small {
	padding: 14px 20px 6px 20px;
	text-align: left;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	color: #feb429;
	letter-spacing: 1px;
}
.element2 {
	background: url(assets/img/element2.png)no-repeat;
	width: 339px;
	height: 720px;
	float: left;
	margin-top: -200px;
}
.contact-content-top {
	background: url(assets/img/server-bg.png) repeat;
	width: 100%;
	height: 300px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.contact-map {
	background: url(assets/img/map.png)no-repeat;
	float: left;
	width: 100%;
	height: 700px;
}
.contact-headquarter {
	background: #1D1F20;
	border-radius: 20px;
	width: 360px;
	height: 180px;
	margin: 80px 80px;
	/*  border: 2px solid #feb429;
	  border: 4px solid rgba(255,255,255, 1); */
	-webkit-box-shadow: 0px 9px 39px -3px rgba(74, 74, 74, .7);
	-moz-box-shadow: 0px 9px 39px -3px rgba(74, 74, 74, .7);
	box-shadow: 0px 9px 39px -3px rgba(74, 74, 74, .7);
}
.contact-headquarter h2.title-contact {
	font-family: 'Exo 2', sans-serif;
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 12px 20px;
}
.contact-headquarter p {
	padding: 0 24px;
	margin: 0;
	font-size: 12px;
	font-family: 'Exo 2', sans-serif;
	color: #9d9d9d;
}
.contact-headquarter ul {
	margin-top: 10px;
	margin-left: 14px;
}
.contact-headquarter ul li {
	font-size: 12px;
	font-family: 'Exo 2', sans-serif;
	font-weight: bold;
	color: #9d9d9d;
	padding: 0 20px;
}
.contact-headquarter ul li.name {
	color: #86b5ee;
}
.contact-headquarter ul li.small {
	font-size: 12px;
	color: #9d9d9d;
}
.contact-owner {
	background: url(assets/img/owner.png)no-repeat;
	width: 106px;
	height: 217px;
	position: absolute;
	margin: -185px 210px;
}
.contact-marker {
	background: url(assets/img/marker.png)no-repeat;
	width: 46px;
	height: 63px;
	margin: 80px 160px;
	-webkit-animation: float2 3s ease-in-out infinite;
	animation: float2 3s ease-in-out infinite;
}
@-webkit-keyframes float2 {
	0% {
		-webkit-transform: translate(-10%, 0px);
		transform: translate(-10%, 0px);
	}
	50% {
		-webkit-transform: translate(-10%, -10px);
		transform: translate(-10%, -10px);
	}
	100% {
		-webkit-transform: translate(-10%, 0px);
		transform: translate(-10%, 0px);
	}
}
@keyframes float2 {
	0% {
		-webkit-transform: translate(-10%, 0px);
		transform: translate(-10%, 0px);
	}
	50% {
		-webkit-transform: translate(-10%, -10px);
		transform: translate(-10%, -10px);
	}
	100% {
		-webkit-transform: translate(-10%, 0px);
		transform: translate(-10%, 0px);
	}
}
.contact-content-bot {
	background: #fff;
	width: 100%;
	margin: -400px 0 0 0;
	min-height: 600px;
	padding-bottom: 60px;
	z-index: 1;
}
.contact-wrap {
	width: 550px;
	float: right;
	background: transparent;
}
.contact-form {
	font-family: 'Exo 2', sans-serif;
	width: 550px;
	float: right;
	position: absolute;
	padding: 60px 20px;
	background: rgba(255, 255, 255, .4);
}
.contact-form .input-block {
	background-color: transparent;
	border: none;
	width: 100%;
	height: 60px;
	border-bottom: 2px solid #525252;
	margin: 0;
	position: relative;
	margin-bottom: 20px;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	outline: none;
}
.contact-form .input-block.focus {
	outline: none;
}
.contact-form .input-block.textarea {
	height: auto;
}
.contact-form .input-block.textarea .form-control {
	height: auto;
	resize: none;
	outline: none;
}
.form-control option {
	font-size: 14px;
	outline: none;
}
.form-control:focus, .custom-form:focus {
	border-color: #efbf2e;
	box-shadow: inset 0 0px 0px rgba(255, 255, 255, 0.075), 0 0 0px rgba(255, 255, 255, 0.6);
}
.custom-form {
	outline: none;
}
.custom-form input, input.custom-form {
	outline: none;
}
.contact-form .input-block label {
	position: absolute;
	left: 10px;
	top: 25px;
	display: block;
	margin: 0;
	font-weight: 400;
	z-index: 1;
	font-family: 'Roboto Slab', serif;
	color: #000000;
	font-size: 18px;
	line-height: 10px;
	outline: none;
}
.contact-form .input-block .form-control {
	background-color: transparent;
	margin: 0;
	outline: none;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: auto;
	padding: 30px 10px;
	width: 100%;
	position: relative;
	z-index: 2;
	font-size: 18px;
	color: #333;
}
.contact-form .input-block .form-control:focus label {
	top: 0;
}
.contact-form .square-button {
	background-color: #00B16A;
	color: #fff;
	font-size: 20px;
	font-family: 'Exo 2', sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 0 60px;
	height: 60px;
	cursor: pointer;
	outline: none;
	border: none;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.contact-form .square-button:hover, .contact-form .square-button:focus {
	background-color: #66CC99;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	transform: translateY(-4px);
	outline: none;
}
.square-button-mail {
	font-family: 'K2D', sans-serif;
	background: #5cb85c;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
	outline: none;
	border: 2px solid #5cb85c;
}
.square-button-mail:hover, .square-button-mail:focus {
	background-color: #00a865;
	color: #ffffff !important;
	border: 2px solid #00a865;
	outline: none;
}
.square-button-green {
	font-family: 'K2D', sans-serif;
	background: #5cb85c;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0 40px;
	cursor: pointer;
	outline: none;
	border: 2px solid #5cb85c;
}
.square-button-green:hover, .square-button-green:focus {
	background-color: #00975a;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	outline: none;
	color: #ffffff;
}
.square-button-contact {
	position: absolute;
	font-family: 'K2D', sans-serif;
	background: #5cb85c;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0 40px;
	cursor: pointer;
	outline: none;
	border: 2px solid #5cb85c;
	z-index: 3;
	width: 95%;
}
.square-button-contact:hover, .square-button-contact:focus {
	background-color: #4db04d;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	outline: none;
	color: #ffffff;
	z-index: 2;
}
.square-button-default {
	font-family: 'K2D', sans-serif;
	background: #feb429;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0 40px;
	cursor: pointer;
	outline: none;
	border: 2px solid #feb429;
}
.square-button-default:hover, .square-button-default:focus {
	outline: none;
	background-color: #fea705;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	color: #ffffff;
}
.square-button-red {
	font-family: 'K2D', sans-serif;
	background: #bf5555;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0 40px;
	cursor: pointer;
	outline: none;
	border: 2px solid #bf5555;
}
.square-button-red:hover, .square-button-red:focus {
	background-color: #af0101;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	outline: none;
	color: #ffffff;
}
.square-button-grey {
	font-family: 'K2D', sans-serif;
	background: #9f9f9f;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 10px 20px;
	cursor: pointer;
	outline: none;
	border: 2px solid #9b9b9b;
}
.square-button-grey:hover, .square-button-grey:focus {
	background-color: #8e8e8e;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	outline: none;
	color: #ffffff;
}
.btn-circle-del {
	color: #da5050;
}
.btn-circle-del:hover {
	color: #cb2c2c;
}
/*--------------------------------------
	Contact Team
----------------------------------------*/

#team {
	margin-top: 400px;
	margin-bottom: 20px;
}
#team .card {
	border: 0px solid #dedede;
	border-radius: 40px;
	padding: 20px 0;
	background: #ffffff;
}
#team h2.title {
	padding: 100px 0 40px 0;
	text-align: left;
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'K2D', serif;
	font-weight: 600;
	color: #777777;
	letter-spacing: 1px;
}
.image-flip:hover .backside, .image-flip.hover .backside {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	border-radius: 40px;
}
.image-flip:hover .frontside, .image-flip.hover .frontside {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.mainflip {
	-webkit-transition: 1s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 1s;
	transform-style: preserve-3d;
	position: relative;
}
.frontside {
	border: 1px solid #d9d9d9;
	border-radius: 40px;
	position: relative;
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
	margin-bottom: 30px;
}
.backside {
	border: 2px solid #feb429;
	position: absolute;
	top: 0;
	left: 0;
	background: #feb429;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.frontside, .backside {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 1s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 1s;
	-moz-transform-style: preserve-3d;
	-o-transition: 1s;
	-o-transform-style: preserve-3d;
	-ms-transition: 1s;
	-ms-transform-style: preserve-3d;
	transition: 1s;
	transform-style: preserve-3d;
}
.frontside .card, .backside .card {
	min-height: 260px;
}
.backside .card {
	-webkit-box-shadow: 0px 21px 24px -15px rgba(130, 92, 16, 0.5);
	-moz-box-shadow: 0px 21px 24px -15px rgba(130, 92, 16, 0.5);
	box-shadow: 0px 21px 18px -15px rgba(130, 92, 16, 0.5);
}
.backside .card a {
	font-size: 18px;
	color: #feb429 !important;
}
.frontside .card .card-title, .backside .card .card-title {
	color: #5c5c5c;
	font-size: 16px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
}
.frontside .card .card-body img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.frontside .card .card-body p.card-position {
	color: #feb429;
}
.img-border {
	border: 2px solid;
	border-color: linear-gradient(to left, rgba(78, 137, 176, 1) 1%, rgba(115, 192, 85, 1) 100%);
}
.card .card-body p.card-text-back {
	color: #6d6d6d;
	padding: 20px 12px;
	line-height: 24px;
	font-weight: 400;
	font-family: 'Work Sans';
}
.card .card-body ul li.list-inline-item i {
	color: #feb429;
}
.card .card-body ul li.list-inline-item i:hover {
	color: #da8e01;
	-webkit-transition: color .2s linear, background .3s linear;
	-moz-transition: color .2s linear, background .3s linear;
	-o-transition: color .2s linear, background .3s linear;
	transition: color .2s linear, background .3s linear;
}
.btm-custom {
	padding: 10px 0;
	color: #00B16A;
}
/*--------------------------------------
	18. VIP Page
----------------------------------------*/

.container-vip {
	background: url(assets/img/1.jpg)fixed no-repeat;
	margin: 0 auto;
	padding: 0;
}
.content-vip {
	background: #ffffff;
	margin: 0 auto;
	width: 100%;
	padding: 0 0 80px 0;
}
.container-vip h2.title {
	padding: 200px 0 120px 0;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}
.pricing-table {
	margin: -80px 0 0 0;
	text-align: center;
	position: relative;
	background-color: #f4f4f4;
	border: 1px solid #dedede;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
	border-radius: 5px;
	z-index: 1
}
.pricing-table .pricing-header {
	padding-top: 40px;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e8ec
}
.pricing-table .pricing-header .pricing-title {
	color: #00C853;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px
}
.pricing-table .pricing-header .pricing span {
	display: inline-block
}
.pricing-table .pricing-header .pricing span.currency, .pricing-table .pricing-header .pricing span.amount {
	line-height: 50px;
	font-size: 50px;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 5px
}
.pricing-table .pricing-header .pricing span.period {
	display: block;
	font-family: "Playfair Display", serif;
	font-style: italic;
	color: #ccc;
	line-height: 24px
}
.pricing-table .pricing-features ul {
	padding: 35px 30px 20px 55px;
	text-align: left;
	list-style: none
}
.pricing-table .pricing-features ul li {
	padding: 11px 0;
	line-height: 1.1;
	margin: 0
}
.pricing-table .pricing-features ul li:before {
	content: "\f00c";
	font-family: FontAwesome;
	color: #00C853;
	font-size: 12px;
	display: inline-block;
	margin-right: 10px
}
.pricing-table .pricing-features ul li.inactive {
	color: #ccc
}
.pricing-table .pricing-features ul li.inactive:before {
	color: #ccc;
	content: "\f00d"
}
.pricing-table .pricing-footer {
	padding-bottom: 40px
}
.pricing-table .pricing-footer a {
	background: #00B16A;
	color: #fff;
	padding: 10px 40px;
}
.pricing-table .pricing-footer a:hover {
	background: #00ec8d;
	-webkit-transition: color .2s linear, background .3s linear;
	-moz-transition: color .2s linear, background .3s linear;
	-o-transition: color .2s linear, background .3s linear;
	transition: color .2s linear, background .3s linear;
}

/*--------------------------------------
	19. FAQ Page
----------------------------------------*/
  
.container-fag {
	background: url(assets/img/0014.jpg)fixed no-repeat;
	background-size: cover;
	width: 100%;
	margin: 0;
	padding: 80px 0 0 0; 
}
.container-faq h2.title {
	padding: 0;
	font-size: 24px; 
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}    
.content-faq {
	background: transparent;
	width: 100%;
	min-height: 500px;
	margin-top: 50px;
}     
.content-faq-element2 {
	background: url(assets/img/faq-element2.png)no-repeat;
	width: 187px;
	height: 380px;
	margin: 40px 0 0 600px;    
	position: absolute;     
}         
.content-faq-element3 {
	background: url(assets/img/faq-element3.png)no-repeat;
	width: 300px;
	height: 217px;
	float: right;
	margin: 20px 20px 0 0;
	-webkit-animation: float 8s ease-in-out infinite;
	animation: float 8s ease-in-out infinite;
}

/*  Accordion  */
.accordion-color .card-header a.collapsed {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 500;
    letter-spacing: -.1px;
}

.accordion-color .card-header a.collapsed:hover,
.accordion-color .card-header a.collapsed:focus {
    color: #ffffff;
}

.accordion-faq .accordion .card-header a {
    background-color: #f5f5fd;
    text-decoration: none;
}

.accordion .card {
    border-width: 0;
    margin: 0 auto;
}

.accordion .card+.card {
    margin-top: 1px;
}

.accordion .card-header {
    padding: 0;
    background-color: transparent;
    font-weight: 500;
}

.accordion .card-header a {
    display: block;
    padding: 20px 20px;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background-color: #feb429;
    text-decoration: none;
}

.accordion .card-header a.collapsed {
    color: #615f56;
    background-color: #efefef;
    border-bottom-color: transparent;
    text-decoration: none;
}

.accordion .card-header a.collapsed:hover,
.accordion .card-header a.collapsed:focus {
    color: #fff;
    	background: rgba(0, 0, 0, .8);
}

.accordion .card-body {
    padding: 15px;
    background-color: #ffffff;
    transition: none;
    border: 1px solid #e8e8f7;
    border-bottom: 0;
    margin: 0 auto;
}

.accordion-indigo .card-header a.collapsed {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    letter-spacing: -.1px;
}

.accordion-indigo .card-header a.collapsed:hover,
.accordion-indigo .card-header a.collapsed:focus {
    color: #ffffff;
}

.accordion-blue .card-header a {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    letter-spacing: -.1px;
}

.accordion-blue .card-header a:hover,
.accordion-blue .card-header a:focus {
    color: #ffffff;
}

.accordion-dark .card {
    border-color: #8f9cc0;
}

.accordion-dark .card-header a {
    color: #8f9cc0;
}

.accordion-dark .card-header a:hover,
.accordion-dark .card-header a:focus {
    color: #8f9cc0;
}

.accordion-dark .card-header a.collapsed {
    background-color: #8f9cc0;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    letter-spacing: -.1px;
}

.accordion-dark .card-header a.collapsed:hover,
.accordion-dark .card-header a.collapsed:focus {
    background-color: #141c2b;
    color: #ffffff;
}

.accordion-gray .card {
    border-color: #a8afc7;
}

.accordion-gray .card-header a {
    color: #a8afc7;
}

.accordion-gray .card-header a:hover,
.accordion-gray .card-header a:focus {
    color: #a8afc7;
}

.accordion-gray .card-header a.collapsed {
    background-color: #a8afc7;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    letter-spacing: -.1px;
}

.accordion-gray .card-header a.collapsed:hover,
.accordion-gray .card-header a.collapsed:focus {
    background-color: #6a7a96;
    color: #ffffff;
}

.accordion>.card {
    overflow: hidden;
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
}

.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion>.card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion>.card .card-header {
    margin-bottom: -1px;
}

.main-accordion .accordion-item {
    background-color: #f1f2f9;
    border: 1px solid #dee2ef;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.main-accordion .accordion-item:hover,
.main-accordion .accordion-item:focus {
    cursor: pointer;
    background-color: #f1f2f6;
    border-color: #bcc4de;
    z-index: 4;
}

.main-accordion .accordion-item.active {
    background-color: #ffffff;
    z-index: 5;
    border-color: #bcc4de;
}

.main-accordion .accordion-item.active .accordion-body {
    display: block;
}

.main-accordion .accordion-item+.accordion-item {
    margin-top: -1px;
}

.main-accordion .accordion-header {
    display: flex;
    align-items: center;
    padding: 15px 20px;
}

.main-accordion .accordion-title {
    font-weight: 700;
    color: #8f9cc0;
    margin: 0;
    transition: all 0.2s ease-in-out;
}

.main-accordion .accordion-body {
    display: none;
    padding: 0 20px 20px;
}

@media (prefers-reduced-motion: reduce) {
    .main-accordion .accordion-item {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-accordion .accordion-title {
        transition: none;
    }
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

/* ###### Accordion ###### */

.content-faq-bottom {
	background: transparent;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 300px;
}
.content-faq-bottom p {
	color: #fff !important;
	font-size: 28px;
	font-family: 'Exo 2', sans-serif;
	color: #777777;
	text-align: center;
	padding: 60px 0 40px 0;
}
.faq-buttons {
	width: 100%;
	margin: 0 auto 60px auto;
	float: left;
	text-align: center;
}

.panel-group {
	width: 100%;
}

.panel-group .panel-default{
	
	background: #fff;
	width: 100%;
}


/*--------------------------------------
	20. Login & Sign Up Page
----------------------------------------*/

body.login {
	background: url(assets/img/bg-login.jpg) no-repeat fixed;
	background-size: cover;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
/*   Sign In & Sign-Up  */

.sign-in-wrap, .sign-up-wrap {
	padding: 80px 100px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 0 20px rgba(0, 0, 0, 0.2);
	color: #000;
	text-transform: capitalize;
	font-weight: 600;
}
.sign-up-wrap {
	margin: 160px auto 40px auto;
	width: 1000px;
}
.sign-in-wrap {
	padding: 60px 100px 40px 100px;
	margin-top: 160px;
	width: 600px;
}
.sign-in h3, .sign-up h3 {
	color: #333;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	font-size: 50px;
	padding: 20px auto;
}
.sign-in p, .sign-up p {
	color: #000;
	margin: 10px 0 30px 0;
	text-align: center;
	font-weight: 600;
}
.sign-in .form-control, .sign-up .form-control {
	margin: 0 auto;
	width: 100%;
	padding: 10px;
}
.sign-in span {
	font-weight: 400;
	font-family: 'Roboto Slab', serif;
	color: #000000;
	font-size: 14px;
	letter-spacing: 1px;
}
.sign-up span {
	font-weight: 400;
	font-family: 'Roboto Slab', serif;
	color: #000000;
	font-size: 14px;
	letter-spacing: 1px;
	padding-bottom: 6px;
}
.sign-in span i {
	margin: 12px 6px;
}
.sign-in .btn-submit, .sign-up .btn-submit {
	margin-top: 25px;
}
.sign-in .form-control {
	background-color: rgba(0, 0, 0, .08) !important;
	margin-bottom: 12px;
	outline: none;
	border: 1px solid rgba(0, 0, 0, .2) !important;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: auto;
	padding: 10px 20px;
	width: 100%;
	position: relative;
	z-index: 2;
	font-weight: 400;
	font-family: 'Roboto Slab', serif;
	color: #000000;
	font-size: 18px;
	letter-spacing: 1px;
}
.sign-up .form-control {
	background-color: rgba(0, 0, 0, .08) !important;
	margin-bottom: 12px;
	outline: none;
	border: 1px solid rgba(0, 0, 0, .2) !important;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: auto;
	padding: 10px 20px;
	width: 100%;
	position: relative;
	z-index: 2;
	font-weight: 400;
	font-family: 'Roboto Slab', serif;
	color: #000000;
	font-size: 18px;
	letter-spacing: 1px;
}
.sign-in .form-control:focus label {
	top: 0;
}
.sign-in .square-button, .sign-up .square-button {
	background-color: #feb429;
	color: #fff;
	font-size: 20px;
	font-family: 'Exo 2', sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 30px 0;
	padding: 0 60px;
	height: 60px;
	cursor: pointer;
	outline: none;
	border: none;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.sign-in .square-button:hover, .sign-in .square-button:focus, .sign-up .square-button:hover, .sign-up .square-button:focus {
	background-color: #fec458;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	transform: translateY(-4px);
}
.sign-in-wrap a.float-right {
	padding: 14px 0 0 0;
	text-align: right;
	float: right;
}
.checkbox-success input[type="checkbox"]:checked+label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
	outline: none;
}
.checkbox-success input[type="checkbox"]:checked+label::after {
	color: #fff;
}
.checkbox {
	padding-left: 20px;
	float: left;
}
.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 5px;
	outline: none;
}
.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 19px;
	height: 19px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 4px;
	padding-top: 3px;
	font-size: 11px;
	color: #777777;
}
.checkbox input[type="checkbox"] {
	opacity: 0;
	outline: none;
}
.checkbox input[type="checkbox"]:checked+label::after {
	font-family: 'FontAwesome';
	content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled+label {
	opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled+label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}
.radio {
	padding-left: 20px;
}
.radio label {
	display: inline-block;
	position: relative;
	padding-left: 5px;
	font-family: 'Exo 2', serif;
}
.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}
.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 18px;
	height: 18px;
	left: 0px;
	top: 0px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
	opacity: 0;
}
.radio input[type="radio"]:focus+label::before {
	outline: none;
}
.radio input[type="radio"]:checked+label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
.radio input[type="radio"]:disabled+label {
	opacity: 0.65;
}
.radio input[type="radio"]:disabled+label::before {
	cursor: not-allowed;
}
.radio.radio-inline {
	margin-top: 0;
}
.radio-primary input[type="radio"]+label::after {
	background-color: #428bca;
}
.radio-primary input[type="radio"]:checked+label::before {
	border-color: #428bca;
}
.radio-primary input[type="radio"]:checked+label::after {
	background-color: #428bca;
}
.radio-danger input[type="radio"]+label::after {
	background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked+label::before {
	border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked+label::after {
	background-color: #d9534f;
}
.radio-info input[type="radio"]+label::after {
	background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked+label::before {
	border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked+label::after {
	background-color: #5bc0de;
}
.radio-warning input[type="radio"]+label::after {
	background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked+label::before {
	border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked+label::after {
	background-color: #f0ad4e;
}
.radio-success input[type="radio"]+label::after {
	background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked+label::before {
	border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked+label::after {
	background-color: #5cb85c;
}
/*--------------------------------------
	21. Terms Page
----------------------------------------*/

.container-terms {
	background: url('assets/img/4.jpg')fixed no-repeat;
	width: 100%;
	padding-bottom: 120px;  
}
.content-terms {
	background: #fff;
	width: 100%;
	margin-top: 20px;
	padding: 60px 0;
	border-radius: 6px;
}
.container-terms h2.title {
	padding: 160px 0 10px 0;
	color: #fff;
	letter-spacing: 1px;
}
.content-terms p {
	padding: 30px 40px;
	font-weight: 400;
	font-family: 'Roboto Slab', serif;
	color: #000000;
	font-size: 16px;
	line-height: 30px;
}
.content-terms blockquote {
	border: 1px solid #ddd;
	padding: 30px;
	border-left: 30px solid #f8c000;
	margin: 30px 0px;
	margin-left: 50px;
}
.content-terms blockquote p {
	margin-bottom: 0;
}
.content-terms blockquote p i {
	font-size: 20px;
	margin-left: 7px;
}
/*--------------------------------------
	22. Payments & CheckOuts
----------------------------------------*/

.container-payment {
	background: url(assets/img/0014.jpg)fixed no-repeat;
	width: 100%;
	padding: 0 0 240px 0;
}

.container-payment h2.title {
	padding: 160px 0 0 0;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}
.guest-form {
	margin-top: 20px;
	color: #000;
}
.guest-form p {
	color: #000;
}
.form-container {
	background-color: #fff;
	padding: 70px 60px;
	-webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 6px;    
}
.guest-form h3 {
	font-size: 18px;
	text-transform: capitalize;
	padding-bottom: 40px;
}
.guest-form h3 a {
	font-weight: 700;
}
.guest-form h4 {
	font-size: 22px !important;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	color: #222222;
	letter-spacing: 1px;
	padding: 0 0 30px 0;
}
.form-group span {
	text-transform: capitalize;
	font-family: 'Roboto Slab', serif;
}
.email-success {
	border-radius: 8px !important;
	background: transparent !important;
	border: 2px solid #77c664;
	color: #77c664 !important;
	padding: 6px 18px;
	font-size: 14px;
}
.email-default {
	border-radius: 8px !important;
	background: transparent !important;
	border: 2px solid #c3c3c3;
	color: #c3c3c3 !important;
	padding: 6px 18px;
	font-size: 14px;
}
.email-danger {
	border-radius: 8px !important;
	background: transparent !important;
	border: 2px solid #ee7373;
	color: #ee7373 !important;
	padding: 6px 18px;
	font-size: 14px;
}
.guest-form .form-control {
	background-color: rgba(0, 0, 0, .09);
	margin-top: 4px;
	margin-bottom: 12px;
	outline: none;
	border: 1px solid rgba(0, 0, 0, .2);
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: auto;
	padding: 10px 20px;
	width: 100%;
	position: relative;
	z-index: 2;
	font-weight: 400;
	font-family: 'Roboto Slab', serif;
	color: #000000;
	font-size: 14px;
	letter-spacing: 1px;
	outline: none;
}
.guest-form .square-button {
	background-color: #00B16A;
	color: #fff;
	font-size: 20px;
	font-family: 'Exo 2', sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	border: 0;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 0 80px;
	margin: 40px 0 0 0;
	height: 50px;
	cursor: pointer;
	outline: none;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.guest-form .square-button:hover, .guest-form .square-button:focus {
	background-color: #66CC99;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
	transform: translateY(-4px);
}
.guest-form .btn-submit {
	background-color: #00B16A;
	color: #fff;
	font-size: 14px;
	font-family: 'Exo 2', sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	border: 0;
	margin: 10px 0 0 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 40px;
	padding: 0 80px;
	height: 40px;
	cursor: pointer;
	outline: none;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.guest-form .btn-submit:hover, .guest-form .btn-submit:focus {
	background-color: #66CC99;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
	transform: translateY(-4px);
}
.guest-form .pricing-features ul li {
	width: 100%;
}
.guest-form span {
	text-transform: capitalize;
	font-family: 'Roboto Slab', serif !important;
	font-size: 14px;
	color: #737373;
}
.total-items li {
	display: inline-block;
	float: left;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	padding: 10px;
	text-transform: capitalize;
}
.total-items ul.preview li {
	display: inline;
	width: 100%;
	float: left;
	border: 1px solid #e4e4e4;
	margin-bottom: 10px;
	padding: 10px;
	text-transform: capitalize;
}
.total-items ul.preview li:before {
	content: "\f00c";
	font-family: FontAwesome;
	color: #00C853;
	font-size: 12px;
	display: inline-block;
	margin-right: 10px
}
	{
	display: inline;
	width: 100%;
	float: left;
	border: 1px solid #e4e4e4;
	margin-bottom: 10px;
	padding: 10px;
	text-transform: capitalize;
}
.total-items .total-unit {
	width: 63%;
	border-right: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.total-items .total-price {
	width: 37%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.total-items .btn-submit:hover {
	color: #fff;
}
.bill-address {
	padding: 30px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 50px;
	margin-top: 25px;
	position: relative;
}
.bill-address a {
	text-transform: capitalize;
	position: absolute;
	right: 30px;
	top: 30px;
}
.bill-address a i {
	margin-right: 5px;
}
.payment-method h4 {
	padding-bottom: 15px;
}
.payment-method p {
	padding: 10px 10px;
	font-size: 12px;
	color: #777777;
	font-weight: bold;
	background: #f8f8f8;
	margin-bottom: 10px;
}
.form-check-input {
	position: relative;
	margin: 0;
}
.payment-method .form-control {
	margin-top: 30px;
	margin-bottom: 0;
	position: relative;
}
.payment-method label {
	margin: 0;
}
.pay-card {
	position: absolute;
	right: 27px;
	top: 37px;
}
.mark {
	position: absolute;
	top: 36px;
	right: 20px;
	font-size: 20px;
	background-color: #fff;
}
.valid {
	position: absolute;
	top: 13px;
	font-size: 13px;
}
.payment-method .btn-submit {
	margin-top: 30px;
}
/*--------------------------------------
	23. 404 Page
----------------------------------------*/

.container-404 {
	background: url(assets/img/0001.png)fixed no-repeat;
	float: left;
	width: 100%; 
	height: 100%;
}
.page-404 {
	background-image: url(../img/home/bg-404.jpg);
	background-size: cover;
	color: #fff;
	text-align: center;
}
.page-404 h3 {
	color: #fff;
	font-size: 40px;
	padding: 240px 0 0 0;
	margin: 0;
	font-weight: 800;
	font-family: 'K2D', sans-serif;
}
.page-404 h4 {
	font-size: 200px;
	padding: 0;
	margin: 0;
	font-weight: 800;
	font-family: 'Roboto Slab', serif !important;
}
.page-404 .btn-submit {
	margin-top: 40px;
	color: #fff;
	border-color: #feb429;
	background-color: #feb429;
	border-width: 2px;
	border-color: none;
	padding: 14px 100px;
	border-radius: 40px;
	font-family: 'K2D', sans-serif;
	letter-spacing: 1px;
}
.page-404 .btn-submit:hover, .page-404 .btn-submit:focus {
	background-color: transparent;
	color: #ffffff;
	border-color: #feb429;
	border-width: 2px;
}

.toolbar-custom {
	margin-bottom: 25px
}
.toolbar-custom::after {
	display: block;
	content: "";
	clear: both
}
.toolbar-custom .form-group {
	margin-bottom: 0
}
.toolbar {
	background-color: #fff;
	padding: 20px 0;
	height: 80px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #e3e3e3;
}
.toolbar+section {
	padding-top: 0
}
.toolbar form {
	float: left;
	min-width: 400px
}
.toolbar h5 {
	float: left;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
	padding-top: 10px;
	margin-right: 20px
}
.toolbar h5 i {
	margin-right: 13px
}
.toolbar h5 span {
	margin-left: 5px;
	font-weight: 400
}
.toolbar ul.toolbar-nav {
	float: right
}
.toolbar ul.toolbar-nav li {
	display: inline-block;
	padding: 0 8px
}
.toolbar ul.toolbar-nav li:last-child {
	padding-right: 0
}
.toolbar ul.toolbar-nav li a {
	font-family: 'K2D', sans-serif;
	color: #787878;
	font-weight: bold;
	font-size: 15px;
	padding: 18px 3px;
	display: inline-block;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	text-decoration: none;
}
.toolbar ul.toolbar-nav li:hover a {
	color: #eab706;
	-webkit-box-shadow: 0 3px 0 0 #f9c71c;
	box-shadow: 0 3px 0 0 #f9c71c
}
.toolbar ul.toolbar-nav li.active a {
	color: #eab706;
	-webkit-box-shadow: 0 3px 0 0 #f9c71c;
	box-shadow: 0 3px 0 0 #f9c71c
}
.toolbar.toolbar-links {
	padding: 0;
	height: auto;
	min-height: 69px
}
.toolbar.toolbar-links h5 {
	margin-top: 16px
}
.toolbar.toolbar-links .btn {
	margin-top: 16px
}
.toolbar.toolbar-links form {
	margin-top: 15px;
	min-width: 380px
}
.toolbar.toolbar-links .form-group {
	margin: 0
}
.toolbar.toolbar-profile {
	padding: 0;
	height: auto
}
.toolbar.toolbar-profile .profile-avatar {
	position: absolute;
	margin-top: -110px;
	z-index: 3;
	background-color: #fff;
	padding: 6px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15)
}
.toolbar.toolbar-profile .profile-avatar img {
	border-radius: 3px;
	width: 200px;
	height: 200px
}
.toolbar.toolbar-profile .sticky {
	display: none;
	float: left
}
.toolbar.toolbar-profile .sticky .profile-info {
	float: left;
	margin-top: 180px
}
.toolbar.toolbar-profile .sticky h5 {
	float: none;
	font-size: 15px;
	margin-top: 0;
	display: block
}
.toolbar.toolbar-profile .sticky img {
	float: left;
	border-radius: 3px;
	width: 45px;
	height: 45px;
	margin-right: 15px;
	margin-top: 12px
}
.toolbar.toolbar-profile .sticky span {
	float: left;
	display: inline-block;
	font-size: 14px
}
.toolbar.toolbar-profile ul.toolbar-nav {
	float: none;
	padding-left: 235px
}
.toolbar.toolbar-profile h5 {
	margin-top: 15px
}
.toolbar.toolbar-profile .btn {
	margin-top: 16px
}
.is-sticky .toolbar-profile .profile-avatar {
	position: relative;
	margin: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0
}
.is-sticky .toolbar-profile .profile-avatar img {
	width: 45px;
	height: 45px;
	border-radius: 4px;
	display: none
}
.is-sticky .toolbar-profile .sticky {
	display: inline-block
}
.is-sticky .toolbar-profile .sticky img {
	display: inline-block
}
.is-sticky .toolbar-profile ul.toolbar-nav {
	float: left;
	padding-left: 10px
}
.toolbar-secondary {
	background-color: transparent;
	border: 0
}
.hero2 {
	padding: 0;
	min-height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.hero2 .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .8;
	z-index: 2;
	background-color: #2d2d2d
}
.hero2 .overlay-light {
	background: #252525;
	opacity: .75;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}
.hero2 .overlay-primary {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .85;
	z-index: 2;
	background-color: #2575dc
}
.hero2 .btn .fa-play {
	font-size: 12px
}
.hero2 .hero-block {
	z-index: 3;
	position: relative;
	text-align: center;
}
.hero2 .hero-block p {
	color: #d3d3d3;
	font-size: 16px;
	margin-top: 10px
}
.hero2 .hero-title {
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 5px;
	padding-top: 100px;
}
.hero2 .btn {
	margin-top: 10px
}
.hero-blog {
	margin-bottom: 40px
}
.hero-block .hero-left {
	float: left
}
.hero-block .hero-right {
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.hero-review {
	min-height: 430px
}
.hero-game {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
.hero-game .hero-block {
	text-align: left
}
.hero-game .hero-block p {
	margin-top: 10px;
	font-weight: 300
}
.hero-game .hero-review {
	margin-left: 25px;
	text-align: center;
	min-height: inherit
}
.hero-game .hero-review .easypiechart:hover {
	color: #fff
}
.hero-game .hero-review a:not(.easypiechart) {
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px dashed rgba(255, 255, 255, 0.4);
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	display: inline-block;
	color: #fff;
	text-align: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.hero-game .hero-review a:not(.easypiechart):hover {
	background-color: rgba(255, 255, 255, 0.1)
}
.hero-game .hero-review>span {
	display: block;
	margin-bottom: 10px;
	color: #fff;
	font-size: 15px;
	font-weight: 500
}
.hero-profile {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
.hero-profile .hero-block {
	text-align: left;
	padding-left: 240px;
	padding-bottom: 10px
}
.hero-profile .hero-block::after {
	display: block;
	content: "";
	clear: both
}
.hero-profile .hero-block h5 {
	color: #fff;
	font-size: 24px;
	float: left
}
.hero-profile .hero-block .btn-add {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	padding: 6px 8px
}
.hero-profile .hero-block .btn-add:hover {
	padding: 6px 18px
}
.hero-profile .hero-block .btn-add:hover:after {
	content: "Add Friend";
	padding-left: 3px;
}
figure {
	margin-bottom: -7px
}
.figure-effect figure .figure-img {
	overflow: hidden;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	margin-bottom: 7px
}
.figure-effect figure .figure-img a {
	display: block
}
.figure-effect figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.figure-effect figure:hover img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}
.anchor {
	padding-top: 80px;
	margin-top: -80px
}
.float-right {
	float: right !important
}
.float-left {
	float: left !important
}
.float-none {
	float: none !important
}
.relative {
	position: relative
}
.row-5 {
	margin: 0 -5px
}
.row-5>div {
	padding: 0 5px
}
.row-3 {
	margin: 0 -3px
}
.row-3>div {
	padding: 0 3px
}
.full-width {
	width: 100% !important
}
.font-weight-300 {
	font-weight: 300
}
.bg-primary {
	color: #fff;
	background-color: #2575dc !important
}
.bg-danger {
	color: #fff;
	background-color: #e74c3c !important
}
.bg-warning {
	color: #fff;
	background-color: #FF8E2B !important
}
.bg-info {
	color: #fff;
	background-color: #52BAFF !important
}
.bg-success {
	color: #fff;
	background-color: #0E9A49 !important
}
.bg-inverse {
	color: #fff;
	background-color: #222 !important
}
.bg-secondary {
	background-color: #fff !important
}
.mx-auto {
	margin: 0 auto;
	float: none
}
.text-left {
	text-align: left !important
}
.text-right {
	text-align: right !important
}
.text-muted {
	color: #969696 !important
}
.text-primary {
	color: #1a63c1 !important
}
.text-secondary {
	color: #dc2745 !important
}
.text-success {
	color: #419e1c !important
}
.text-warning {
	color: #f37e17 !important
}
.text-danger {
	color: #de5142 !important
}
.text-info {
	color: #2688ca !important
}
.text-white {
	color: #fff !important
}
.text-dark {
	color: rgba(0, 0, 0, 0.5) !important
}
.display-none {
	display: none !important
}
.display-block {
	display: block !important
}
.display-inline {
	display: inline !important
}
.display-inline-block {
	display: inline-block !important
}
.no-border {
	border: 0 !important
}
.no-border-top {
	border-top: 0 !important
}
.no-border-bottom {
	border-bottom: 0 !important
}
.no-border-left {
	border-left: 0 !important
}
.no-border-right {
	border-right: 0 !important
}
.no-shadow {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}
.no-radius {
	border-radius: 0 !important
}
.nowrap {
	white-space: nowrap !important
}
.m-a-100 {
	margin: 100px !important
}
.m-t-100 {
	margin-top: 100px !important
}
.m-r-100 {
	margin-right: 100px !important
}
.m-b-100 {
	margin-bottom: 100px !important
}
.m-l-100 {
	margin-left: 100px !important
}
.m-x-100 {
	margin-right: 100px !important;
	margin-left: 100px !important
}
.m-y-100 {
	margin-top: 100px !important;
	margin-bottom: 100px !important
}
.p-a-100 {
	padding: 100px !important
}
.p-t-100 {
	padding-top: 100px !important
}
.p-r-100 {
	padding-right: 100px !important
}
.p-b-100 {
	padding-bottom: 100px !important
}
.p-l-100 {
	padding-left: 100px !important
}
.p-x-100 {
	padding-right: 100px !important;
	padding-left: 100px !important
}
.p-y-100 {
	padding-top: 100px !important;
	padding-bottom: 100px !important
}
.m-a-95 {
	margin: 95px !important
}
.m-t-95 {
	margin-top: 95px !important
}
.m-r-95 {
	margin-right: 95px !important
}
.m-b-95 {
	margin-bottom: 95px !important
}
.m-l-95 {
	margin-left: 95px !important
}
.m-x-95 {
	margin-right: 95px !important;
	margin-left: 95px !important
}
.m-y-95 {
	margin-top: 95px !important;
	margin-bottom: 95px !important
}
.p-a-95 {
	padding: 95px !important
}
.p-t-95 {
	padding-top: 95px !important
}
.p-r-95 {
	padding-right: 95px !important
}
.p-b-95 {
	padding-bottom: 95px !important
}
.p-l-95 {
	padding-left: 95px !important
}
.p-x-95 {
	padding-right: 95px !important;
	padding-left: 95px !important
}
.p-y-95 {
	padding-top: 95px !important;
	padding-bottom: 95px !important
}
.m-a-90 {
	margin: 90px !important
}
.m-t-90 {
	margin-top: 90px !important
}
.m-r-90 {
	margin-right: 90px !important
}
.m-b-90 {
	margin-bottom: 90px !important
}
.m-l-90 {
	margin-left: 90px !important
}
.m-x-90 {
	margin-right: 90px !important;
	margin-left: 90px !important
}
.m-y-90 {
	margin-top: 90px !important;
	margin-bottom: 90px !important
}
.p-a-90 {
	padding: 90px !important
}
.p-t-90 {
	padding-top: 90px !important
}
.p-r-90 {
	padding-right: 90px !important
}
.p-b-90 {
	padding-bottom: 90px !important
}
.p-l-90 {
	padding-left: 90px !important
}
.p-x-90 {
	padding-right: 90px !important;
	padding-left: 90px !important
}
.p-y-90 {
	padding-top: 90px !important;
	padding-bottom: 90px !important
}
.m-a-85 {
	margin: 85px !important
}
.m-t-85 {
	margin-top: 85px !important
}
.m-r-85 {
	margin-right: 85px !important
}
.m-b-85 {
	margin-bottom: 85px !important
}
.m-l-85 {
	margin-left: 85px !important
}
.m-x-85 {
	margin-right: 85px !important;
	margin-left: 85px !important
}
.m-y-85 {
	margin-top: 85px !important;
	margin-bottom: 85px !important
}
.p-a-85 {
	padding: 85px !important
}
.p-t-85 {
	padding-top: 85px !important
}
.p-r-85 {
	padding-right: 85px !important
}
.p-b-85 {
	padding-bottom: 85px !important
}
.p-l-85 {
	padding-left: 85px !important
}
.p-x-85 {
	padding-right: 85px !important;
	padding-left: 85px !important
}
.p-y-85 {
	padding-top: 85px !important;
	padding-bottom: 85px !important
}
.m-a-80 {
	margin: 80px !important
}
.m-t-80 {
	margin-top: 80px !important
}
.m-r-80 {
	margin-right: 80px !important
}
.m-b-80 {
	margin-bottom: 80px !important
}
.m-l-80 {
	margin-left: 80px !important
}
.m-x-80 {
	margin-right: 80px !important;
	margin-left: 80px !important
}
.m-y-80 {
	margin-top: 80px !important;
	margin-bottom: 80px !important
}
.p-a-80 {
	padding: 80px !important
}
.p-t-80 {
	padding-top: 80px !important
}
.p-r-80 {
	padding-right: 80px !important
}
.p-b-80 {
	padding-bottom: 80px !important
}
.p-l-80 {
	padding-left: 80px !important
}
.p-x-80 {
	padding-right: 80px !important;
	padding-left: 80px !important
}
.p-y-80 {
	padding-top: 80px !important;
	padding-bottom: 80px !important
}
.m-a-75 {
	margin: 75px !important
}
.m-t-75 {
	margin-top: 75px !important
}
.m-r-75 {
	margin-right: 75px !important
}
.m-b-75 {
	margin-bottom: 75px !important
}
.m-l-75 {
	margin-left: 75px !important
}
.m-x-75 {
	margin-right: 75px !important;
	margin-left: 75px !important
}
.m-y-75 {
	margin-top: 75px !important;
	margin-bottom: 75px !important
}
.p-a-75 {
	padding: 75px !important
}
.p-t-75 {
	padding-top: 75px !important
}
.p-r-75 {
	padding-right: 75px !important
}
.p-b-75 {
	padding-bottom: 75px !important
}
.p-l-75 {
	padding-left: 75px !important
}
.p-x-75 {
	padding-right: 75px !important;
	padding-left: 75px !important
}
.p-y-75 {
	padding-top: 75px !important;
	padding-bottom: 75px !important
}
.m-a-70 {
	margin: 70px !important
}
.m-t-70 {
	margin-top: 70px !important
}
.m-r-70 {
	margin-right: 70px !important
}
.m-b-70 {
	margin-bottom: 70px !important
}
.m-l-70 {
	margin-left: 70px !important
}
.m-x-70 {
	margin-right: 70px !important;
	margin-left: 70px !important
}
.m-y-70 {
	margin-top: 70px !important;
	margin-bottom: 70px !important
}
.p-a-70 {
	padding: 70px !important
}
.p-t-70 {
	padding-top: 70px !important
}
.p-r-70 {
	padding-right: 70px !important
}
.p-b-70 {
	padding-bottom: 70px !important
}
.p-l-70 {
	padding-left: 70px !important
}
.p-x-70 {
	padding-right: 70px !important;
	padding-left: 70px !important
}
.p-y-70 {
	padding-top: 70px !important;
	padding-bottom: 70px !important
}
.m-a-65 {
	margin: 65px !important
}
.m-t-65 {
	margin-top: 65px !important
}
.m-r-65 {
	margin-right: 65px !important
}
.m-b-65 {
	margin-bottom: 65px !important
}
.m-l-65 {
	margin-left: 65px !important
}
.m-x-65 {
	margin-right: 65px !important;
	margin-left: 65px !important
}
.m-y-65 {
	margin-top: 65px !important;
	margin-bottom: 65px !important
}
.p-a-65 {
	padding: 65px !important
}
.p-t-65 {
	padding-top: 65px !important
}
.p-r-65 {
	padding-right: 65px !important
}
.p-b-65 {
	padding-bottom: 65px !important
}
.p-l-65 {
	padding-left: 65px !important
}
.p-x-65 {
	padding-right: 65px !important;
	padding-left: 65px !important
}
.p-y-65 {
	padding-top: 65px !important;
	padding-bottom: 65px !important
}
.m-a-60 {
	margin: 60px !important
}
.m-t-60 {
	margin-top: 60px !important
}
.m-r-60 {
	margin-right: 60px !important
}
.m-b-60 {
	margin-bottom: 60px !important
}
.m-l-60 {
	margin-left: 60px !important
}
.m-x-60 {
	margin-right: 60px !important;
	margin-left: 60px !important
}
.m-y-60 {
	margin-top: 60px !important;
	margin-bottom: 60px !important
}
.p-a-60 {
	padding: 60px !important
}
.p-t-60 {
	padding-top: 60px !important
}
.p-r-60 {
	padding-right: 60px !important
}
.p-b-60 {
	padding-bottom: 60px !important
}
.p-l-60 {
	padding-left: 60px !important
}
.p-x-60 {
	padding-right: 60px !important;
	padding-left: 60px !important
}
.p-y-60 {
	padding-top: 60px !important;
	padding-bottom: 60px !important
}
.m-a-55 {
	margin: 55px !important
}
.m-t-55 {
	margin-top: 55px !important
}
.m-r-55 {
	margin-right: 55px !important
}
.m-b-55 {
	margin-bottom: 55px !important
}
.m-l-55 {
	margin-left: 55px !important
}
.m-x-55 {
	margin-right: 55px !important;
	margin-left: 55px !important
}
.m-y-55 {
	margin-top: 55px !important;
	margin-bottom: 55px !important
}
.p-a-55 {
	padding: 55px !important
}
.p-t-55 {
	padding-top: 55px !important
}
.p-r-55 {
	padding-right: 55px !important
}
.p-b-55 {
	padding-bottom: 55px !important
}
.p-l-55 {
	padding-left: 55px !important
}
.p-x-55 {
	padding-right: 55px !important;
	padding-left: 55px !important
}
.p-y-55 {
	padding-top: 55px !important;
	padding-bottom: 55px !important
}
.m-a-50 {
	margin: 50px !important
}
.m-t-50 {
	margin-top: 50px !important
}
.m-r-50 {
	margin-right: 50px !important
}
.m-b-50 {
	margin-bottom: 50px !important
}
.m-l-50 {
	margin-left: 50px !important
}
.m-x-50 {
	margin-right: 50px !important;
	margin-left: 50px !important
}
.m-y-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important
}
.p-a-50 {
	padding: 50px !important
}
.p-t-50 {
	padding-top: 50px !important
}
.p-r-50 {
	padding-right: 50px !important
}
.p-b-50 {
	padding-bottom: 50px !important
}
.p-l-50 {
	padding-left: 50px !important
}
.p-x-50 {
	padding-right: 50px !important;
	padding-left: 50px !important
}
.p-y-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important
}
.m-a-45 {
	margin: 45px !important
}
.m-t-45 {
	margin-top: 45px !important
}
.m-r-45 {
	margin-right: 45px !important
}
.m-b-45 {
	margin-bottom: 45px !important
}
.m-l-45 {
	margin-left: 45px !important
}
.m-x-45 {
	margin-right: 45px !important;
	margin-left: 45px !important
}
.m-y-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important
}
.p-a-45 {
	padding: 45px !important
}
.p-t-45 {
	padding-top: 45px !important
}
.p-r-45 {
	padding-right: 45px !important
}
.p-b-45 {
	padding-bottom: 45px !important
}
.p-l-45 {
	padding-left: 45px !important
}
.p-x-45 {
	padding-right: 45px !important;
	padding-left: 45px !important
}
.p-y-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important
}
.m-a-40 {
	margin: 40px !important
}
.m-t-40 {
	margin-top: 40px !important
}
.m-r-40 {
	margin-right: 40px !important
}
.m-b-40 {
	margin-bottom: 40px !important
}
.m-l-40 {
	margin-left: 40px !important
}
.m-x-40 {
	margin-right: 40px !important;
	margin-left: 40px !important
}
.m-y-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important
}
.p-a-40 {
	padding: 40px !important
}
.p-t-40 {
	padding-top: 40px !important
}
.p-r-40 {
	padding-right: 40px !important
}
.p-b-40 {
	padding-bottom: 40px !important
}
.p-l-40 {
	padding-left: 40px !important
}
.p-x-40 {
	padding-right: 40px !important;
	padding-left: 40px !important
}
.p-y-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important
}
.m-a-35 {
	margin: 35px !important
}
.m-t-35 {
	margin-top: 35px !important
}
.m-r-35 {
	margin-right: 35px !important
}
.m-b-35 {
	margin-bottom: 35px !important
}
.m-l-35 {
	margin-left: 35px !important
}
.m-x-35 {
	margin-right: 35px !important;
	margin-left: 35px !important
}
.m-y-35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important
}
.p-a-35 {
	padding: 35px !important
}
.p-t-35 {
	padding-top: 35px !important
}
.p-r-35 {
	padding-right: 35px !important
}
.p-b-35 {
	padding-bottom: 35px !important
}
.p-l-35 {
	padding-left: 35px !important
}
.p-x-35 {
	padding-right: 35px !important;
	padding-left: 35px !important
}
.p-y-35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important
}
.m-a-30 {
	margin: 30px !important
}
.m-t-30 {
	margin-top: 30px !important
}
.m-r-30 {
	margin-right: 30px !important
}
.m-b-30 {
	margin-bottom: 30px !important
}
.m-l-30 {
	margin-left: 30px !important
}
.m-x-30 {
	margin-right: 30px !important;
	margin-left: 30px !important
}
.m-y-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important
}
.p-a-30 {
	padding: 30px !important
}
.p-t-30 {
	padding-top: 30px !important
}
.p-r-30 {
	padding-right: 30px !important
}
.p-b-30 {
	padding-bottom: 30px !important
}
.p-l-30 {
	padding-left: 30px !important
}
.p-x-30 {
	padding-right: 30px !important;
	padding-left: 30px !important
}
.p-y-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important
}
.m-a-25 {
	margin: 25px !important
}
.m-t-25 {
	margin-top: 25px !important
}
.m-t-27 {
	margin-top: 27px !important
}
.m-r-25 {
	margin-right: 25px !important
}
.m-b-25 {
	margin-bottom: 25px !important
}
.m-l-25 {
	margin-left: 25px !important
}
.m-x-25 {
	margin-right: 25px !important;
	margin-left: 25px !important
}
.m-y-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important
}
.p-a-25 {
	padding: 25px !important
}
.p-t-25 {
	padding-top: 25px !important
}
.p-r-25 {
	padding-right: 25px !important
}
.p-b-25 {
	padding-bottom: 25px !important
}
.p-l-25 {
	padding-left: 25px !important
}
.p-x-25 {
	padding-right: 25px !important;
	padding-left: 25px !important
}
.p-y-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important
}
.m-a-20 {
	margin: 20px !important
}
.m-t-20 {
	margin-top: 20px !important
}
.m-r-20 {
	margin-right: 20px !important
}
.m-b-20 {
	margin-bottom: 20px !important
}
.m-l-20 {
	margin-left: 20px !important
}
.m-x-20 {
	margin-right: 20px !important;
	margin-left: 20px !important
}
.m-y-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important
}
.p-a-20 {
	padding: 20px !important
}
.p-t-20 {
	padding-top: 20px !important
}
.p-r-20 {
	padding-right: 20px !important
}
.p-b-20 {
	padding-bottom: 20px !important
}
.p-l-20 {
	padding-left: 20px !important
}
.p-x-20 {
	padding-right: 20px !important;
	padding-left: 20px !important
}
.p-y-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important
}
.m-a-15 {
	margin: 15px !important
}
.m-t-15 {
	margin-top: 15px !important
}
.m-r-15 {
	margin-right: 15px !important
}
.m-b-15 {
	margin-bottom: 15px !important
}
.m-l-15 {
	margin-left: 15px !important
}
.m-x-15 {
	margin-right: 15px !important;
	margin-left: 15px !important
}
.m-y-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important
}
.p-a-15 {
	padding: 15px !important
}
.p-t-15 {
	padding-top: 15px !important
}
.p-r-15 {
	padding-right: 15px !important
}
.p-b-15 {
	padding-bottom: 15px !important
}
.p-l-15 {
	padding-left: 15px !important
}
.p-x-15 {
	padding-right: 15px !important;
	padding-left: 15px !important
}
.p-y-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important
}
.m-a-10 {
	margin: 10px !important
}
.m-t-10 {
	margin-top: 10px !important
}
.m-r-10 {
	margin-right: 10px !important
}
.m-b-10 {
	margin-bottom: 10px !important
}
.m-l-10 {
	margin-left: 10px !important
}
.m-x-10 {
	margin-right: 10px !important;
	margin-left: 10px !important
}
.m-y-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important
}
.p-a-10 {
	padding: 10px !important
}
.p-t-10 {
	padding-top: 10px !important
}
.p-r-10 {
	padding-right: 10px !important
}
.p-b-10 {
	padding-bottom: 10px !important
}
.p-l-10 {
	padding-left: 10px !important
}
.p-x-10 {
	padding-right: 10px !important;
	padding-left: 10px !important
}
.p-y-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important
}
.m-a-5 {
	margin: 5px !important
}
.m-t-5 {
	margin-top: 5px !important
}
.m-r-5 {
	margin-right: 5px !important
}
.m-b-5 {
	margin-bottom: 5px !important
}
.m-l-5 {
	margin-left: 5px !important
}
.m-x-5 {
	margin-right: 5px !important;
	margin-left: 5px !important
}
.m-y-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important
}
.p-a-5 {
	padding: 5px !important
}
.p-t-5 {
	padding-top: 5px !important
}
.p-r-5 {
	padding-right: 5px !important
}
.p-b-5 {
	padding-bottom: 5px !important
}
.p-l-5 {
	padding-left: 5px !important
}
.p-x-5 {
	padding-right: 5px !important;
	padding-left: 5px !important
}
.p-y-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important
}
.m-a-0 {
	margin: 0px !important
}
.m-t-0 {
	margin-top: 0px !important
}
.m-r-0 {
	margin-right: 0px !important
}
.m-b-0 {
	margin-bottom: 0px !important
}
.m-l-0 {
	margin-left: 0px !important
}
.m-x-0 {
	margin-right: 0px !important;
	margin-left: 0px !important
}
.m-y-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important
}
.p-a-0 {
	padding: 0px !important
}
.p-t-0 {
	padding-top: 0px !important
}
.p-r-0 {
	padding-right: 0px !important
}
.p-b-0 {
	padding-bottom: 0px !important
}
.p-l-0 {
	padding-left: 0px !important
}
.p-x-0 {
	padding-right: 0px !important;
	padding-left: 0px !important
}
.p-y-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important
}
.hidden-xs-up {
	display: none !important
}
.pb100 {
	padding-bottom: 100px;
}
.mb100 {
	margin-bottom: 100px;
}
.widget {
	margin-bottom: 45px
}
.widget:last-child {
	margin-bottom: 0
}
.guest-form .widget-title {
	font-family: 'K2D', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 0 8px 15px;
	border-left: 5px solid #f9c71c;
	color: #424242;
	margin-bottom: 15px
}
.widget-title {
	font-family: 'K2D', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 0 8px 15px;
	border-left: 5px solid #f9c71c;
	color: #424242;
	margin-bottom: 15px
}
.widget-title2 {
	font-family: 'K2D', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 0 10px 20px;
	border-left: 5px solid #f9c71c;
	color: #424242;
	margin: 0;
}
.guest-form .widget-title i {
	font-size: 15px
}
.guest-form .widget-title span {
	font-weight: 300
}
a.styled-btn {
	font-family: 'K2D', sans-serif;
	background: #5cb85c;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0 40px;
	cursor: pointer;
	outline: none;
	border: 2px solid #5cb85c;
}
a.styled-btn:hover {
	background: #49a749;
	text-decoration: none;
	-webkit-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-o-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear
}
ul.char-info, ul.char-info-2 {
	list-style: none;
	padding: 18px 0;
}
ul.char-info-job {
	list-style: none;
	padding: 18px 0;
}
ul.char-info li {
	font-family: 'K2D', sans-serif;
	padding: 10px 20px;
	color: #999999;
	border-bottom: 1px solid #eeeeee;
}
ul.char-info-job li {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	font-family: 'K2D', sans-serif;
	padding: 10px 20px;
	color: #999999;
	background: #ffffff;
}
ul.char-info-job li:first-of-type {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
ul.char-info-job li:last-of-type {
	border-bottom: 1px solid #eeeeee;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
ul.char-info-2 li {
	width: 300px;
	font-family: 'K2D', sans-serif;
	padding: 8px 0;
	color: #999999;
	border-bottom: 1px solid #eeeeee;
}
ul.char-info li:hover, ul.char-info-job li:hover {
	background: #f4f4f4;
	-webkit-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-o-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear
}
ul.char-info li span, ul.char-info-job span {
	color: #666666;
	font-weight: 700;
}
ul.char-info li span.money, ul.char-info-job span.money {
	color: #26c666;
}
ul.char-info li a {
	color: #9a9da2;
	transition: color .3s ease
}
ul.char-info li a:hover {
	color: #31404b
}
a.work-quit-link {
	text-decoration: none;
}
a.work-quit-link:hover i {
	color: #ba0307;
}
.char-info-profile {
	width: 260px;
	height: auto;
}
.char-info-profile img {
	max-width: 260px;
	height: auto;
	opacity: .9;
}
.progress {
	background-color: #ebedef;
	border-radius: 30px;
	height: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 5px
}
.progress-bar {
	background-color: #2575dc;
	line-height: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
.progress-lg {
	height: 12px
}
.progress-sm {
	height: 8px
}
.progress-bar-success {
	background-color: #6ab961
}
.progress-bar-warning {
	background-color: #FFA14F
}
.progress-bar-danger {
	background-color: #e9594a
}
.progress-bar-info {
	background-color: #52BAFF
}
.toggle-checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
}
.toggle-checkbox input[type=checkbox]+label {
	position: relative;
	display: inline-block;
	transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	-ms-transition: 0.4s ease;
	height: 30px;
	width: 50px;
	border: 1px solid #e6ecf5;
	border-radius: 60px;
	cursor: pointer;
}
.toggle-checkbox input[type=checkbox]+label:before {
	content: "";
	position: absolute;
	display: block;
	transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	-webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	-moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	-o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	-ms-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	height: 30px;
	width: 50px;
	top: 0;
	left: 0;
	border-radius: 30px;
}
.toggle-checkbox input[type=checkbox]+label:after {
	content: "";
	position: absolute;
	display: block;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
	transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	-webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	-moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	-o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	-ms-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	background: #f7f7f7;
	height: 28px;
	width: 28px;
	top: 0px;
	left: 0px;
	border-radius: 60px;
}
.toggle-checkbox input[type=checkbox]:checked+label:before {
	background: #0f9aee;
	transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
	-webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
	-moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
	-o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
	-ms-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}
.toggle-checkbox input[type=checkbox]:checked+label:after {
	left: 24px;
}
.toggle-checkbox.toggle-sm input[type=checkbox]+label {
	height: 20px;
	width: 35px;
}
.toggle-checkbox.toggle-sm input[type=checkbox]+label:before {
	height: 20px;
	width: 35px;
}
.toggle-checkbox.toggle-sm input[type=checkbox]+label:after {
	height: 19px;
	width: 19px;
}
.toggle-checkbox.toggle-sm input[type=checkbox]:checked+label:after {
	left: 16px;
}
.toggle-checkbox.toggle-primary input[type=checkbox]:checked+label:before {
	background: #7774e7;
}
.toggle-checkbox.toggle-success input[type=checkbox]:checked+label:before {
	background: #37c936;
}
.toggle-checkbox.toggle-warning input[type=checkbox]:checked+label:before {
	background: #ffcc00;
}
.toggle-checkbox.toggle-danger input[type=checkbox]:checked+label:before {
	background: #ff3c7e;
}
.list-info {
	margin-bottom: 0px;
	display: block;
	position: relative;
	padding-left: 0;
	list-style: none;
}
.list-info>li {
	display: block;
}
.list-info>li>a {
	display: block;
	position: relative;
	padding: 12px 0px;
}
.list-info>li>a:hover, .list-info>li>a:focus {
	text-decoration: none;
}
.list-info .thumb-img {
	line-height: 40px;
	width: 40px;
	text-align: center;
	font-size: 17px;
	border-radius: 50px;
	float: left;
}
.list-info .thumb-img i {
	font-size: 24px;
	color: #868686;
}
.list-info i.thumb-img {
	height: 40px;
	width: 40px;
}
.list-info .settings-info {
	padding-left: 55px;
	height: auto;
	position: relative;
	padding-top: 8px;
}
.list-info .settings-info .title {
	display: block;
	color: #515365;
	line-height: 1.5;
}
.list-info .settings-info .title.pdd-top-5 {
	padding-top: 7px !important;
}
.list-info .settings-info .sub-title {
	display: block;
	font-size: 12px;
	color: #b4b7c8;
	max-width: 90%;
}
.list-info .settings-info .float-object {
	position: absolute;
	right: 15px;
	color: #888da8;
	top: 50%;
	font-size: 12px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	line-height: 1.8;
	border-color: #e6ecf5;
}
.table-sm>tbody>tr>td, .table-sm>tbody>tr>th, .table-sm>tfoot>tr>td, .table-sm>tfoot>tr>th, .table-sm>thead>tr>td, .table-sm>thead>tr>th {
	padding: 5px;
}
.table-lg>tbody>tr>td, .table-lg>tbody>tr>th, .table-lg>tfoot>tr>td, .table-lg>tfoot>tr>th, .table-lg>thead>tr>td, .table-lg>thead>tr>th {
	padding: 15px;
}
.table-xl>tbody>tr>td, .table-xl>tbody>tr>th, .table-xl>tfoot>tr>td, .table-xl>tfoot>tr>th, .table-xl>thead>tr>td, .table-xl>thead>tr>th {
	padding: 20px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #fbfcfd;
}
.table-hover>tbody>tr:hover {
	background-color: #f6f7fb;
}
.table-bordered {
	border: 1px solid #e6ecf5;
}
.table>thead>tr>th {
	color: #515365;
	border-bottom: 1px solid #e6ecf5;
}
/* BUTTONS */

/*--------------------------------------
	2. Buttons
----------------------------------------*/

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	box-shadow: none;
}
.btn {
	outline: none;
	box-shadow: none;
}
.btn:active:focus, .btn:focus, .btn:hove, .btn:active {
	outline: none;
}
.btn-effect {
	position: relative;
	outline: none;
}
.btn-effect:hover {
	padding-right: 35px
}
.btn-effect:hover.btn-rounded {
	padding-right: 45px
}
.btn-effect:after {
	position: absolute;
	margin-left: -10px;
	margin-top: 3px;
	opacity: 0;
	font-size: 11px;
	content: "\f054";
	font-family: "FontAwesome";
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out
}
.btn-effect:hover:after {
	opacity: 1;
	margin-left: 10px
}
.btn-rounded {
	border-radius: 30px;
	padding: 14px 20px
}
.btn-lg {
	font-size: 15px;
	padding: 16px 27px
}
.btn-xlg {
	font-size: 16px;
	padding: 14px 46px
}
.btn-sm {
	font-size: 13px;
	padding: 7px 10px
}
.btn-xs {
	padding: 5px 8px
}
.btn-shadow {
	-webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2)
}
.btn-circle {
	border-radius: 50%;
	padding: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center
}
.btn-circle i {
	margin: 0
}
.btn-icon-circle {
	border-radius: 50%;
	padding: 0;
	width: 40px;
	height: 40px;
	line-height: 40px
}
.btn-icon-circle i {
	margin: 0
}
.btn-icon-circle.btn-xs {
	width: 32px;
	height: 32px;
	line-height: 32px
}
.btn-icon-circle.btn-sm {
	width: 36px;
	height: 36px;
	line-height: 36px
}
.btn-icon-circle.btn-lg {
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 18px
}
.btn-icon {
	padding: 10px 12px
}
.btn-icon i {
	margin: 0
}
.btn-icon-left {
	text-align: left
}
.btn-icon-left i {
	margin-right: 5px;
	margin-left: 0
}
.btn.btn-link {
	color: rgba(0, 0, 0, 0.6)
}
.btn.btn-link:hover {
	color: #2776dc;
	text-decoration: none
}
.input-group .btn {
	line-height: 1.3
}
.btn-social i {
	width: 15px
}
.btn-social.btn-icon {
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0
}
.btn-social.btn-icon i {
	font-size: 15px;
	width: auto
}
.btn-social.btn-link {
	background-color: transparent;
	padding: 0 5px;
	margin: 0;
	width: auto;
	border: 0
}
.btn-social.btn-link i {
	width: auto;
	font-size: 18px;
	margin: 0
}
.btn-social.btn-link:focus, .btn-social.btn-link:hover {
	background-color: transparent
}
.btn-social.btn-block {
	text-align: left
}
.btn-social.btn-block i {
	margin-left: 0;
	margin-right: 5px
}
.btn-social.btn-default {
	background-color: #222;
	border-color: #222
}
.btn-default-car {
	background: #fff;
	border: 1px solid #dedede;
	font-size: 14px;
	width: 80px;
	padding: 0;
	margin: 0;
	height: 40px;
	outline: none;
	border-radius: 20px;
}
.btn-default-car:hover a.product__remove-icon-car {
	color: #2bba27;
	font-size: 14px;
	opacity: 1;
	text-decoration: none;
	-webkit-transition: color .1s, font-size .3s;
	-moz-transition: color .1s, font-size .3s;
	-o-transition: color .1s, font-size .3s;
	transition: color .1s, font-size .3s;
}
.btn-default-friend {
	background: transparent;
	border: 0px;
	outline: none;
}
.btn-default-friend a.product__remove-icon-friend {
	color: #9d9d9d;
	font-size: 18px;
}
.btn-default-friend:hover a.product__remove-icon-friend {
	color: #32af35;
	font-size: 18px;
	opacity: 1;
	text-decoration: none;
	-webkit-transition: color .1s, font-size .3s;
	-moz-transition: color .1s, font-size .3s;
	-o-transition: color .1s, font-size .3s;
	transition: color .1s, font-size .3s;
}
.btn-default-card {
	background: #fff;
	border-left: 1px solid #e9e9e9;
	width: 80px;
	height: 46px;
	outline: none;
	color: #797979;
}
.btn-social.btn-default:active:focus, .btn-social.btn-default:active, .btn-social.btn-default:focus, .btn-social.btn-default:hover {
	color: #fff
}
.btn-social.btn-effect {
	position: relative;
	overflow: hidden
}
.btn-social.btn-effect i {
	line-height: inherit;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	display: block
}
.btn-social.btn-effect:hover {
	padding: 0
}
.btn-social.btn-effect:hover i:first-child {
	margin-top: -40px
}
.btn-social.btn-effect:after {
	display: none
}
.btn-primary {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c;
	outline: 0;
}
.btn-sub {
	min-height: 52px;
}
.btn-primary-white {
	color: #747474;
	background-color: #f7f7f7;
	border-color: #f7f7f7;
	border: 1px solid #dedede;
}
.btn-primary:focus, .btn-primary:hover, .show>.btn-primary.dropdown-toggle, .show>.btn-primary.dropdown-toggle:hover, .show>.btn-primary.dropdown-toggle:focus {
	color: #fff;
	background-color: #469f46;
	border-color: #5cb85c;
	outline: 0
}
.btn-primary:active:focus, .btn-primary-white:active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}
.btn-primary.active, .btn-primary:active {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}
.btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
	background-color: #5cb85c;
	border-color: #5cb85c
}
.btn-info {
	color: #fff;
	background-color: #52BAFF;
	border-color: #52BAFF
}
.btn-info:focus, .btn-info:hover, .show>.btn-info.dropdown-toggle, .show>.btn-info.dropdown-toggle:hover, .show>.btn-info.dropdown-toggle:focus {
	color: #fff;
	background-color: #61c0ff;
	border-color: #61c0ff;
	outline: 0
}
.btn-info:active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}
.btn-info.active, .btn-info:active {
	color: #fff;
	background-color: #52BAFF;
	border-color: #52BAFF
}
.btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus {
	color: #fff;
	background-color: #52BAFF;
	border-color: #52BAFF
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
	background-color: #52BAFF;
	border-color: #52BAFF
}
.btn-danger {
	color: #fff;
	background-color: #e9594a;
	border-color: #e9594a
}
.btn-danger:focus, .btn-danger:hover, .show>.btn-danger.dropdown-toggle, .show>.btn-danger.dropdown-toggle:hover, .show>.btn-danger.dropdown-toggle:focus {
	color: #fff;
	background-color: #eb6658;
	border-color: #eb6658;
	outline: 0
}
.btn-danger:active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}
.btn-danger.active, .btn-danger:active {
	color: #fff;
	background-color: #e9594a;
	border-color: #e9594a
}
.btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus {
	color: #fff;
	background-color: #e9594a;
	border-color: #e9594a
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
	background-color: #e9594a;
	border-color: #e9594a
}
.btn-warning {
	color: #fff;
	background-color: #FFA14F;
	border-color: #FFA14F
}
.btn-warning:focus, .btn-warning:hover, .show>.btn-warning.dropdown-toggle, .show>.btn-warning.dropdown-toggle:hover, .show>.btn-warning.dropdown-toggle:focus {
	color: #fff;
	background-color: #ffa95e;
	border-color: #ffa95e;
	outline: 0
}
.btn-warning:active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}
.btn-warning.active, .btn-warning:active {
	color: #fff;
	background-color: #FFA14F;
	border-color: #FFA14F
}
.btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus {
	color: #fff;
	background-color: #FFA14F;
	border-color: #FFA14F
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
	background-color: #FFA14F;
	border-color: #FFA14F
}
.btn-success {
	color: #fff;
	background-color: #6ab961;
	border-color: #6ab961
}
.btn-success:focus, .btn-success:hover, .show>.btn-success.dropdown-toggle, .show>.btn-success.dropdown-toggle:hover, .show>.btn-success.dropdown-toggle:focus {
	color: #fff;
	background-color: #74be6c;
	border-color: #74be6c;
	outline: 0
}
.btn-success:active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}
.btn-success.active, .btn-success:active {
	color: #fff;
	background-color: #6ab961;
	border-color: #6ab961
}
.btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus {
	color: #fff;
	background-color: #6ab961;
	border-color: #6ab961
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
	background-color: #6ab961;
	border-color: #6ab961
}
.btn-dark {
	color: #fff;
	background-color: #2c3035;
	border-color: #2c3035
}
.btn-dark:focus, .btn-dark:hover, .show>.btn-dark.dropdown-toggle, .show>.btn-dark.dropdown-toggle:hover, .show>.btn-dark.dropdown-toggle:focus {
	color: #fff;
	background-color: #33383d;
	border-color: #33383d;
	outline: 0
}
.btn-dark:active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}
.btn-dark.active, .btn-dark:active {
	color: #fff;
	background-color: #2c3035;
	border-color: #2c3035
}
.btn-dark.active:hover, .btn-dark.active:focus, .btn-dark.active.focus, .btn-dark:active:hover, .btn-dark:active:focus, .btn-dark:active.focus {
	color: #fff;
	background-color: #2c3035;
	border-color: #2c3035
}
.btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled.focus, .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled].focus, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark.focus {
	background-color: #2c3035;
	border-color: #2c3035
}
.btn-secondary {
	color: #787a7b;
	background-color: #fafafa;
	border-color: #e6e6e6
}
.btn-secondary:focus, .btn-secondary:hover, .show>.btn-secondary.dropdown-toggle, .show>.btn-secondary.dropdown-toggle:hover, .show>.btn-secondary.dropdown-toggle:focus {
	color: #787a7b;
	background-color: white;
	border-color: white;
	outline: 0
}
.btn-secondary:active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}
.btn-secondary.active, .btn-secondary:active {
	color: #787a7b;
	background-color: #fafafa;
	border-color: #e6e6e6
}
.btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus {
	color: #787a7b;
	background-color: #fafafa;
	border-color: #e6e6e6
}
.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
	background-color: #fafafa;
	border-color: #e6e6e6
}
.btn-secondary.active, .btn-secondary:active:focus, .btn-secondary:focus, .btn-secondary:hover, .show>.btn-secondary.dropdown-toggle, .show>.btn-secondary.dropdown-toggle:hover, .show>.btn-secondary.dropdown-toggle:focus {
	color: #787a7b;
	border-color: #d9d9d9;
	background-color: #fafafa
}
.btn-light, .btn-default {
	color: #717171;
	background-color: #FFF;
	border-color: #e2e2e2
}
.btn-light:focus, .btn-light:hover, .show>.btn-light.dropdown-toggle, .show>.btn-light.dropdown-toggle:hover, .show>.btn-light.dropdown-toggle:focus, .btn-default:focus, .btn-default:hover, .show>.btn-default.dropdown-toggle, .show>.btn-default.dropdown-toggle:hover, .show>.btn-default.dropdown-toggle:focus {
	color: #717171;
	background-color: white;
	border-color: white;
	outline: 0
}
.btn-light:active:focus, .btn-default:active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}
.btn-light.active, .btn-light:active, .btn-default.active, .btn-default:active {
	color: #717171;
	background-color: #FFF;
	border-color: #e2e2e2
}
.btn-light.active:hover, .btn-light.active:focus, .btn-light.active.focus, .btn-light:active:hover, .btn-light:active:focus, .btn-light:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus {
	color: #717171;
	background-color: #FFF;
	border-color: #e2e2e2
}
.btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled.focus, .btn-light[disabled]:hover, .btn-light[disabled]:focus, .btn-light[disabled].focus, fieldset[disabled] .btn-light:hover, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light.focus, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
	background-color: #FFF;
	border-color: #e2e2e2
}
.btn-light.active, .btn-light:active:focus, .btn-light:focus, .btn-light:hover, .show>.btn-light.dropdown-toggle, .show>.btn-light.dropdown-toggle:hover, .show>.btn-light.dropdown-toggle:focus, .btn-default.active, .btn-default:active:focus, .btn-default:focus, .btn-default:hover, .show>.btn-default.dropdown-toggle, .show>.btn-default.dropdown-toggle:hover, .show>.btn-default.dropdown-toggle:focus {
	color: #717171;
	border-color: #d8d8d8;
	background-color: #fafafa;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}
.btn-outline-primary {
	color: #2575dc;
	background-color: transparent;
	border-color: #8ab5ec
}
.btn-outline-primary.active, .btn-outline-primary:active:focus, .btn-outline-primary:focus, .btn-outline-primary:hover, .open>.btn-outline-primary.dropdown-toggle, .open>.btn-outline-primary.dropdown-toggle:hover, .open>.btn-outline-primary.dropdown-toggle:focus {
	color: #fff;
	background-color: #2575dc;
	border-color: #2575dc
}
.btn-outline-info {
	color: #52BAFF;
	background-color: transparent;
	border-color: #85ceff
}
.btn-outline-info.active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover, .open>.btn-outline-info.dropdown-toggle, .open>.btn-outline-info.dropdown-toggle:hover, .open>.btn-outline-info.dropdown-toggle:focus {
	color: #fff;
	background-color: #52BAFF;
	border-color: #52BAFF
}
.btn-outline-danger {
	color: #e9594a;
	background-color: transparent;
	border-color: #f6b9b3
}
.btn-outline-danger.active, .btn-outline-danger:active:focus, .btn-outline-danger:focus, .btn-outline-danger:hover, .open>.btn-outline-danger.dropdown-toggle, .open>.btn-outline-danger.dropdown-toggle:hover, .open>.btn-outline-danger.dropdown-toggle:focus {
	color: #fff;
	background-color: #e9594a;
	border-color: #e9594a
}
.btn-outline-warning {
	color: #FFA14F;
	background-color: transparent;
	border-color: #ffbc82
}
.btn-outline-warning.active, .btn-outline-warning:active:focus, .btn-outline-warning:focus, .btn-outline-warning:hover, .open>.btn-outline-warning.dropdown-toggle, .open>.btn-outline-warning.dropdown-toggle:hover, .open>.btn-outline-warning.dropdown-toggle:focus {
	color: #fff;
	background-color: #FFA14F;
	border-color: #FFA14F
}
.btn-outline-success {
	color: #6ab961;
	background-color: transparent;
	border-color: #8bc984
}
.btn-outline-success.active, .btn-outline-success:active:focus, .btn-outline-success:focus, .btn-outline-success:hover, .open>.btn-outline-success.dropdown-toggle, .open>.btn-outline-success.dropdown-toggle:hover, .open>.btn-outline-success.dropdown-toggle:focus {
	color: #fff;
	background-color: #6ab961;
	border-color: #6ab961
}
.btn-outline-dark {
	color: #3f464f;
	background-color: transparent;
	border-color: #3f464f
}
.btn-outline-dark.active, .btn-outline-dark:active:focus, .btn-outline-dark:focus, .btn-outline-dark:hover, .open>.btn-outline-dark.dropdown-toggle, .open>.btn-outline-dark.dropdown-toggle:hover, .open>.btn-outline-dark.dropdown-toggle:focus {
	color: #fff;
	background-color: #3f464f;
	border-color: #3f464f
}
.btn-outline-default {
	color: #FFF;
	background-color: transparent;
	border-color: rgba(255, 255, 255, 0.2)
}
.btn-outline-default:hover, .btn-outline-default:focus {
	color: #FFF;
	background-color: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.2)
}
.btn-facebook {
	color: #fff;
	background-color: #3b5999;
	font-weight: 500;
	padding: 12px 16px;
	border-radius: 7px;
}
.btn-facebook i {
	padding-left: 4px;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
	color: #fff;
	background: #4264ab
}
.btn-facebook.btn-link:focus, .btn-facebook.btn-link:hover {
	color: #3b5999;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-facebook.btn-default:focus, .btn-facebook.btn-default:hover {
	background-color: #3b5999;
	border-color: #3b5999
}
.btn-twitter {
	color: #fff;
	background-color: #55acee;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-twitter i {
	padding-left: 4px;
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
	color: #fff;
	background: #6cb7f0
}
.btn-twitter.btn-link:focus, .btn-twitter.btn-link:hover {
	color: #55acee;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-twitter.btn-default:focus, .btn-twitter.btn-default:hover {
	background-color: #55acee;
	border-color: #55acee
}
.btn-google-plus {
	color: #fff;
	background-color: #dd4b39;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-google-plus i {
	padding-left: 4px;
}
.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active {
	color: #fff;
	background: #e15f4f
}
.btn-google-plus.btn-link:focus, .btn-google-plus.btn-link:hover {
	color: #dd4b39;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-google-plus.btn-default:focus, .btn-google-plus.btn-default:hover {
	background-color: #dd4b39;
	border-color: #dd4b39
}
.btn-twitch {
	color: #fff;
	background-color: #6441a5;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-twitch i {
	padding-left: 4px;
}
.btn-twitch:hover, .btn-twitch:focus, .btn-twitch:active {
	color: #fff;
	background: #6f48b7
}
.btn-twitch.btn-link:focus, .btn-twitch.btn-link:hover {
	color: #6441a5;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-twitch.btn-default:focus, .btn-twitch.btn-default:hover {
	background-color: #6441a5;
	border-color: #6441a5
}
.btn-steam {
	color: #fff;
	background-color: #111;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-steam i {
	padding-left: 4px;
}
.btn-steam:hover, .btn-steam:focus, .btn-steam:active {
	color: #fff;
	background: #1e1e1e
}
.btn-steam.btn-link:focus, .btn-steam.btn-link:hover {
	color: #111;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-steam.btn-default:focus, .btn-steam.btn-default:hover {
	background-color: #111;
	border-color: #111
}
.btn-linkedin {
	color: #fff;
	background-color: #0077B5;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-linkedin i {
	padding-left: 4px;
}
.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active {
	color: #fff;
	background: #0088cf
}
.btn-linkedin.btn-link:focus, .btn-linkedin.btn-link:hover {
	color: #0077B5;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-linkedin.btn-default:focus, .btn-linkedin.btn-default:hover {
	background-color: #0077B5;
	border-color: #0077B5
}
.btn-skype {
	color: #fff;
	background-color: #00AFF0;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-skype i {
	padding-left: 4px;
}
.btn-skype:hover, .btn-skype:focus, .btn-skype:active {
	color: #fff;
	background: #0bbdff
}
.btn-skype.btn-link:focus, .btn-skype.btn-link:hover {
	color: #00AFF0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-skype.btn-default:focus, .btn-skype.btn-default:hover {
	background-color: #00AFF0;
	border-color: #00AFF0
}
.btn-vk {
	color: #fff;
	background-color: #4c75a3;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-vk i {
	padding-left: 4px;
}
.btn-vk:hover, .btn-vk:focus, .btn-vk:active {
	color: #fff;
	background: #5882b1
}
.btn-vk.btn-link:focus, .btn-vk.btn-link:hover {
	color: #4c75a3;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-vk.btn-default:focus, .btn-vk.btn-default:hover {
	background-color: #4c75a3;
	border-color: #4c75a3
}
.btn-vimeo {
	color: #fff;
	background-color: #1ab7ea;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-vimeo i {
	padding-left: 4px;
}
.btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active {
	color: #fff;
	background: #31beec
}
.btn-vimeo.btn-link:focus, .btn-vimeo.btn-link:hover {
	color: #1ab7ea;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-vimeo.btn-default:focus, .btn-vimeo.btn-default:hover {
	background-color: #1ab7ea;
	border-color: #1ab7ea
}
.btn-youtube {
	color: #fff;
	background-color: #cd201f;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-youtube i {
	padding-left: 4px;
}
.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active {
	color: #fff;
	background: #de2827
}
.btn-youtube.btn-link:focus, .btn-youtube.btn-link:hover {
	color: #cd201f;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-youtube.btn-default:focus, .btn-youtube.btn-default:hover {
	background-color: #cd201f;
	border-color: #cd201f
}
.btn-reddit {
	color: #fff;
	background-color: #ff5700;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-reddit i {
	padding-left: 4px;
}
.btn-reddit:hover, .btn-reddit:focus, .btn-reddit:active {
	color: #fff;
	background: #ff681a
}
.btn-reddit.btn-link:focus, .btn-reddit.btn-link:hover {
	color: #ff5700;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-reddit.btn-default:focus, .btn-reddit.btn-default:hover {
	background-color: #ff5700;
	border-color: #ff5700
}
.btn-pinterest {
	color: #fff;
	background-color: #bd081c;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-pinterest i {
	padding-left: 4px;
}
.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active {
	color: #fff;
	background: #d50920
}
.btn-pinterest.btn-link:focus, .btn-pinterest.btn-link:hover {
	color: #bd081c;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-pinterest.btn-default:focus, .btn-pinterest.btn-default:hover {
	background-color: #bd081c;
	border-color: #bd081c
}
.btn-instagram {
	color: #fff;
	background-color: #bc2a8d;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-instagram i {
	padding-left: 4px;
}
.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active {
	color: #fff;
	background: #d239a0;
}
.btn-instagram.btn-link:focus, .btn-instagram.btn-link:hover {
	color: #3F729B;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-instagram.btn-default:focus, .btn-instagram.btn-default:hover {
	background-color: #3F729B;
	border-color: #3F729B
}
.btn-dribbble {
	color: #fff;
	background-color: #ea4c89;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-dribbble i {
	padding-left: 4px;
}
.btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active {
	color: #fff;
	background: #ed6398
}
.btn-dribbble.btn-link:focus, .btn-dribbble.btn-link:hover {
	color: #ea4c89;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-dribbble.btn-default:focus, .btn-dribbble.btn-default:hover {
	background-color: #ea4c89;
	border-color: #ea4c89
}
.btn-paypal {
	color: #fff;
	background-color: #00588B;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-paypal i {
	padding-left: 4px;
}
.btn-paypal:hover, .btn-paypal:focus, .btn-paypal:active {
	color: #fff;
	background: #0068a5
}
.btn-paypal.btn-link:focus, .btn-paypal.btn-link:hover {
	color: #00588B;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-paypal.btn-default:focus, .btn-paypal.btn-default:hover {
	background-color: #00588B;
	border-color: #00588B
}
.btn-rss {
	color: #fff;
	background-color: #f26522;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-rss i {
	padding-left: 4px;
}
.btn-rss:hover, .btn-rss:focus, .btn-rss:active {
	color: #fff;
	background: #f3763a
}
.btn-rss.btn-link:focus, .btn-rss.btn-link:hover {
	color: #f26522;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-rss.btn-default:focus, .btn-rss.btn-default:hover {
	background-color: #f26522;
	border-color: #f26522
}
.btn-wordpress {
	color: #fff;
	background-color: #0087be;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-wordpress i {
	padding-left: 4px;
}
.btn-wordpress:hover, .btn-wordpress:focus, .btn-wordpress:active {
	color: #fff;
	background: #0099d8
}
.btn-wordpress.btn-link:focus, .btn-wordpress.btn-link:hover {
	color: #0087be;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-wordpress.btn-default:focus, .btn-wordpress.btn-default:hover {
	background-color: #0087be;
	border-color: #0087be
}
.btn-drupal {
	color: #fff;
	background-color: #0077c0;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-drupal i {
	padding-left: 4px;
}
.btn-drupal:hover, .btn-drupal:focus, .btn-drupal:active {
	color: #fff;
	background: #0087da
}
.btn-drupal.btn-link:focus, .btn-drupal.btn-link:hover {
	color: #0077c0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-drupal.btn-default:focus, .btn-drupal.btn-default:hover {
	background-color: #0077c0;
	border-color: #0077c0
}
.btn-joomla {
	color: #fff;
	background-color: #5091cd;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-joomla i {
	padding-left: 4px;
}
.btn-joomla:hover, .btn-joomla:focus, .btn-joomla:active {
	color: #fff;
	background: #649dd3
}
.btn-joomla.btn-link:focus, .btn-joomla.btn-link:hover {
	color: #5091cd;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-joomla.btn-default:focus, .btn-joomla.btn-default:hover {
	background-color: #5091cd;
	border-color: #5091cd
}
.btn-tumblr {
	color: #fff;
	background-color: #34526F;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-tumblr i {
	padding-left: 4px;
}
.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active {
	color: #fff;
	background: #3c5f80
}
.btn-tumblr.btn-link:focus, .btn-tumblr.btn-link:hover {
	color: #34526F;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-tumblr.btn-default:focus, .btn-tumblr.btn-default:hover {
	background-color: #34526F;
	border-color: #34526F
}
.btn-github {
	color: #fff;
	background-color: #333;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-github i {
	padding-left: 4px;
}
.btn-github:hover, .btn-github:focus, .btn-github:active {
	color: #fff;
	background: #404040
}
.btn-github.btn-link:focus, .btn-github.btn-link:hover {
	color: #333;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-github.btn-default:focus, .btn-github.btn-default:hover {
	background-color: #333;
	border-color: #333
}
.btn-soundcloud {
	color: #fff;
	background-color: #ff5500;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-soundcloud i {
	padding-left: 4px;
}
.btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud:active {
	color: #fff;
	background: #ff661a
}
.btn-soundcloud.btn-link:focus, .btn-soundcloud.btn-link:hover {
	color: #ff5500;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-soundcloud.btn-default:focus, .btn-soundcloud.btn-default:hover {
	background-color: #ff5500;
	border-color: #ff5500
}
.btn-spotify {
	color: #fff;
	background-color: #1db954;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-spotify i {
	padding-left: 4px;
}
.btn-spotify:hover, .btn-spotify:focus, .btn-spotify:active {
	color: #fff;
	background: #20cf5e
}
.btn-spotify.btn-link:focus, .btn-spotify.btn-link:hover {
	color: #1db954;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-spotify.btn-default:focus, .btn-spotify.btn-default:hover {
	background-color: #1db954;
	border-color: #1db954
}
.btn-slack {
	color: #fff;
	background-color: #e01563;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-slack i {
	padding-left: 4px;
}
.btn-slack:hover, .btn-slack:focus, .btn-slack:active {
	color: #fff;
	background: #ea2470
}
.btn-slack.btn-link:focus, .btn-slack.btn-link:hover {
	color: #e01563;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-slack.btn-default:focus, .btn-slack.btn-default:hover {
	background-color: #e01563;
	border-color: #e01563
}
.btn-windows {
	color: #fff;
	background-color: #00bcf2;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-windows i {
	padding-left: 4px;
}
.btn-windows:hover, .btn-windows:focus, .btn-windows:active {
	color: #fff;
	background: #0dc9ff
}
.btn-windows.btn-link:focus, .btn-windows.btn-link:hover {
	color: #00bcf2;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-windows.btn-default:focus, .btn-windows.btn-default:hover {
	background-color: #00bcf2;
	border-color: #00bcf2
}
.btn-linux {
	color: #fff;
	background-color: #1793d1;
	font-weight: 500;
	padding: 12px 14px;
	border-radius: 6px;
}
.btn-linux i {
	padding-left: 4px;
}
.btn-linux:hover, .btn-linux:focus, .btn-linux:active {
	color: #fff;
	background: #1ca2e6
}
.btn-linux.btn-link:focus, .btn-linux.btn-link:hover {
	color: #1793d1;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-linux.btn-default:focus, .btn-linux.btn-default:hover {
	background-color: #1793d1;
	border-color: #1793d1
}
.card {
	background-color: #fff;
	border: 1px solid #dedede;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
	margin-bottom: 30px;
	border-radius: 6px
}
.card .card-img {
	position: relative;
	margin: -1px -1px 0 -1px;
	width: auto
}
.card .card-img .card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 30%;
	opacity: .3;
	z-index: 2;
	background-color: #000000;
}
.card .card-img img {
	max-width: 100%
}
.card .card-img .badge {
	margin-right: 10px;
	position: absolute;
	bottom: 6px;
	left: 0px;
	z-index: 3;
	border-radius: 0;
	background: rgba(0, 0, 0, .6);
}
.card .card-img .card-likes {
	position: absolute;
	bottom: 23px;
	right: 30px;
	font-size: 15px;
	z-index: 3;
}
.card .card-img .card-likes a {
	color: #fff;
	font-weight: bold;
}
.card .card-img .card-likes a:before {
	content: "\f153";
	font-family: "FontAwesome";
	margin-right: 6px
}
.card .card-img .card-likes a:hover:before {
	content: "\f07a"
}
.card .card-img-top {
	width: 100%;
	max-width: 100%;
	height: auto;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px
}
.card .card-block {
	padding: 20px
}
.card p.card-text {
	font-size: 16px;
}
.card .card-block::after {
	display: block;
	content: "";
	clear: both
}
.card .card-block .card-title {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 0
}
.card .card-block h4.card-title a {
	color: #20ca68;
	text-decoration: none;
}
.card .card-block .card-meta {
	font-size: 0.875rem;
	margin-top: 3px;
	margin-bottom: 13px
}
.card .card-block p {
	font-size: 0.875rem
}
.card .card-block p:last-child {
	margin-bottom: 0
}
.card .card-block .divider span {
	background-color: #fff
}
.card-header {
	background-color: transparent;
	border-bottom: 1px solid #dedede;
	padding: 15px 20px;
	border-radius: 6px 6px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.card-header::after {
	display: block;
	content: "";
	clear: both
}
.card-header .card-title {
	color: #585858;
	font-weight: 600;
	font-size: 15px;
	margin: 0
}
.card-header .card-title i {
	float: left;
	margin-right: 10px
}
.card-header .card-tools {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto
}
.card-header .card-tools a {
	display: inline-block
}
.card-footer {
	border-top: 1px solid #dedede;
	padding: 10px 20px;
	background-color: transparent
}
.card-primary {
	border-color: #2575dc
}
.card-primary .card-header {
	background-color: #2575dc
}
.card-primary .card-header .card-title {
	color: #fff
}
.card-success {
	border-color: #6ab961
}
.card-success .card-header {
	background-color: #6ab961
}
.card-success .card-header .card-title {
	color: #fff
}
.card-danger {
	border-color: #e9594a
}
.card-danger .card-header {
	background-color: #e9594a
}
.card-danger .card-header .card-title {
	color: #fff
}
.card-info {
	border-color: #52BAFF
}
.card-info .card-header {
	background-color: #52BAFF
}
.card-info .card-header .card-title {
	color: #fff
}
.card-warning {
	border-color: #FFA14F
}
.card-warning .card-header {
	background-color: #FFA14F
}
.card-warning .card-header .card-title {
	color: #fff
}
.card-inverse {
	border-color: #3f464f
}
.card-inverse .card-header {
	background-color: #3f464f
}
.card-inverse .card-header .card-title {
	color: #fff
}
.card-review {
	border: 0;
	margin: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent
}
.card-review .card-img {
	margin: 0 0 40px 0;
	border-radius: 0;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	text-align: center
}
.card-review .card-img img {
	width: auto;
	display: inline-block
}
.card-review .card-img .badge {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -20px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 0.875rem;
	font-weight: bold;
	padding: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08)
}
.card-review .card-block {
	padding: 0;
	text-align: center
}
.card-review .card-block .card-title {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px
}
.card-review .card-block p {
	font-size: 14px
}
.card-video {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.card-video:hover .card-img:after {
	width: 100%
}
.card-video .card-img {
	position: relative;
	margin: 0 0 15px 0
}
.card-video .card-img:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 3px;
	z-index: 3;
	background: red;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.card-video .card-img .card-meta span {
	position: absolute;
	bottom: 15px;
	right: 15px;
	left: auto;
	display: inline-block;
	background-color: rgba(25, 25, 25, 0.9);
	font-size: 12px;
	padding: 2px 7px;
	color: #fff;
	border-radius: 3px
}
.card-video .card-img-top {
	padding: 0px;
	border-radius: 0
}
.card-video .card-block {
	padding: 0
}
.card-video .card-block .card-meta {
	margin-top: 5px;
	font-size: 13px;
	color: #888888
}
.card-video .card-block .card-meta span:after {
	content: "\002022";
	margin: 0 3px 0 5px;
	display: inline-block
}
.card-video .card-block .card-meta span:last-child:after {
	display: none
}
.card-video .card-block .card-meta i {
	margin-right: 3px
}
.card-video .card-block .card-title {
	font-size: 15px;
	line-height: 1.2
}
.card-widget {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.card-widget .card-img img {
	padding: 0px;
	border-radius: 0;
	margin-bottom: 15px
}
.card-widget .card-meta {
	margin-top: 5px;
	font-size: 13px;
	color: #888888
}
.card-widget .card-meta span:after {
	content: "\002022";
	margin: 0 3px 0 5px;
	display: inline-block
}
.card-widget .card-meta span:last-child:after {
	display: none
}
.card-widget .card-meta i {
	margin-right: 3px
}
.card-widget .card-block {
	padding: 0
}
.card-widget .card-block .card-title {
	font-size: 15px;
	line-height: 1.3
}
.card-post {
	border-color: #e4e4e4;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.03)
}
.card-post .card-header {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	padding: 15px 20px
}
.card-post .card-title {
	font-size: 17px;
	color: #4f4f4f
}
.card-post .card-img {
	padding: 20px
}
.card-post .card-block {
	font-size: 15px;
	padding: 0 20px
}
.card-lg .card-block {
	padding: 30px
}
.accordion .card {
	border-color: #e4e4e4;
	margin-bottom: 7px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05)
}
.accordion .card-header {
	display: block;
	padding: 0;
	border: 0
}
.accordion .card-header h5 {
	font-size: 15px;
	margin: 0;
	display: block
}
.accordion .card-header h5 a {
	padding: 15px 20px;
	display: block;
	border-bottom: 1px solid #efefef
}
.accordion .card-header h5 a:focus, .accordion .card-header h5 a:hover {
	color: inherit
}
.accordion .card-header h5 a.collapsed {
	border: 0
}
.accordion .card-body {
	font-size: 14px
}
.accordion-collapsed .card {
	margin: 0;
	border-radius: 0;
	border-color: #e4e4e4;
	border-bottom: 0;
	border-top-color: #efefef
}
.accordion-collapsed .card:first-child {
	border-top-color: #e4e4e4
}
.accordion-collapsed .card:last-child {
	border-bottom: 1px solid #e4e4e4
}
.accordion-icon .card-header h5 a:before {
	content: "\f068";
	font-family: "FontAwesome";
	font-size: 12px;
	margin-right: 8px
}
.accordion-icon .card-header h5 a.collapsed:before {
	content: "\f067"
}
.accordion-icon-custom .card-header h5 a:before {
	content: "\f00d";
	font-family: "FontAwesome";
	font-size: 12px;
	margin-right: 8px
}
.accordion-icon-custom .card-header h5 a.collapsed:before {
	content: "\f00c"
}
.accordion-transparent .card {
	background-color: transparent;
	margin: 0;
	border-width: 0 0 1px 0;
	border-color: #e6e6e6;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.accordion-transparent .card:last-child {
	border-bottom: 0
}
.accordion-transparent .card-body {
	padding: 10px 0 25px 0
}
.accordion-transparent .card-header h5 a {
	padding: 15px 0;
	border-bottom-width: 0px;
	border-color: #e6e6e6
}
.custom-breadcrumb a {
	color: #3c3000;
}
.custom-breadcrumb a:hover {
	color: #ecbb11;
	text-decoration: none;
}
.gutters-sm {
	margin-right: -8px;
	margin-left: -8px;
}
.gutters-sm>.col, .gutters-sm>[class*=col-] {
	padding-right: 8px;
	padding-left: 8px;
}
.mb-3, .my-3 {
	margin-bottom: 1rem!important;
}
.bg-gray-300 {
	background-color: #e2e8f0;
}
.h-100 {
	height: 100%!important;
}
.shadow-none {
	box-shadow: none!important;
}
.custom-nav a {
	color: #3c3000;
	text-align: left;
	padding: 12px 20px;
	border-radius: 0;
}
.custom-nav a.active {
	background: !important #ffc814;
}
.custom-nav a:hover {
	color: #ffffff;
	border-radius: 20px;
	background: #ffc814;
	overflow: hidden;
	/*  hide scrollbars */
	opacity: 1.0;
	-webkit-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-o-transition: background .5s linear;
	-ms-transition: background .5s linear;
	transition: background .5s linear;
}
.custom-nav>a.active, .custom-nav>a.active:hover, .custom-nav>a.active:focus {
	color: #ffffff;
	background-color: #fcbb10;
	border-radius: 20px;
}
/*--------------------------------------
	24. Footer Page
----------------------------------------*/

.footer { 
	background: url(assets/img/bottomwater-full.png) no-repeat;
	width: 100%;
	height: 443px;
	float: left;
	z-index: 1;
}
.footer-no-bg {
	background: url(assets/img/bottomwater-full.png) no-repeat;
	width: 100%;  
	height: 443px;
	float: left;
	margin-top: -200px;

}
.footer-bottom {
	background: url(assets/img/bottombot.png)no-repeat;
	width: 100%;
	height: 189px;
	margin-top: 254px;
	position: absolute;
	-webkit-animation: float 7s ease-in-out infinite;
	animation: float 7s ease-in-out infinite;
} 
.swim {
	background: url(assets/img/swim.png)no-repeat;
	width: 164px;
	height: 205px;
	position: absolute;
	margin: 200px 0 0 -100px;
	-webkit-animation: float 17s ease-in-out infinite;
	animation: float 17s ease-in-out infinite;
}
.submarine-div {
	width: 100%;
	height: auto;
	margin: 240px 0 0 0;
}
.submarine-div img {
	width: 100%;
	height: auto;
	opacity: .7;
}
.footer-logo {
	background: url(assets/img/footer-logo.png)no-repeat;
	width: 150px;
	height: 63px;
	float: left;
	margin: 100px 0 0 0;
	opacity: .6;
	z-index: 5;
}
.footer-logo:hover {
	background: url(assets/img/logo.png)no-repeat;
	width: 150px;
	height: 63px;
	float: left;
	opacity: 1;
	-webkit-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-o-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear
}
.footer ul.foot, .footer-no-bg ul.foot {
	margin: 40px 0 0 100px;
	float: left;
}
.footer ul.foot li, .footer-no-bg ul.foot li {
	display: inline;
	padding: 0 6px;
}
.footer ul.foot li:hover, .footer-no-bg ul.foot li:hover {
	display: inline;
	padding: 0 6px;
}
.footer ul.foot li a, .footer-no-bg ul.foot li a {
	font-family: 'Exo 2', sans-serif;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}
.footer ul.foot li a:hover, .footer-no-bg ul.foot li a:hover {
	color: #06617b;
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear;
}
.footer p, .footer-no-bg p {
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding-left: 6px;
	padding-top: 12px;
	color: #fff;
}

form.newsletter {
    background: #fff;
    padding: 6px 10px;
    border-radius: 50px;
    text-align: left;
    position: absolute;
    margin-top: 190px;
} 
form.newsletter input[type="email"] {
    border: 0;
    padding: 4px 8px;
    width: 300px;
    outline: none;
}
form.newsletter input[type="submit"] {
	font-family: 'K2D', sans-serif;
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 14px;
    padding: 0 20px;
    background: #feb429;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    outline: none;
}
form.newsletter input[type="submit"]:hover {
    opacity: 0.9;
}

.basic-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .8;
	z-index: 1;
	background-color: #2d2d2d
}
.widget .widget-title {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 0 8px 15px;
	border-left: 3px solid #2575dc;
	color: #424242;
	margin-bottom: 15px
}
.widget .widget-title i {
	font-size: 15px
}
.widget .widget-title span {
	font-weight: 300
}
.border-radius-top-left-0 {
	border-top-left-radius: 0px !important;
}
table.shop-table thead>tr>th {
	font-family: 'K2D', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #696969;
}
.shop-table tbody>tr>td {
	vertical-align: middle;
	font-family: 'K2D', sans-serif;
}
@media (min-width:992px) {
	.shop-table tbody>tr>td:first-child, .shop-table thead>tr>th:first-child {
		padding-left: 16px;
	}
}
.shop-table .product__info .product__cat {
	font-size: 10px;
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: 400;
}
.shop-table .product__info .product__cat+.product__name {
	padding: .2em 0 .5em;
}
.shop-table .product__info .product__name {
	line-height: 1.2em;
	margin-bottom: 0;
	text-transform: uppercase;
	font-style: normal;
	font-size: 10px
}
@media (min-width:992px) {
	.shop-table .product__info .product__name {
		font-size: 12px
	}
}
.shop-table .product__info .product__name>a {
	color: #4b555a;
	transition: color .3s ease
}
.shop-table .product__info .product__name>a:hover {
	color: #33d24f;
	text-decoration: none;
}
.shop-table td.product__price {
	font-weight: 700;
	color: #2cb655;
	font-size: 14px;
}
p.product__price {
	font-weight: 700;
	padding: 6px 8px;
	color: #2cb655;
	font-size: 14px;
	text-align: left;
}
.shop-table td.product__date {
	font-weight: 200;
	color: #a2a2a2;
	font-size: 14px;
}
.shop-table td.product__price-minus {
	font-weight: 700;
	color: #b92828;
}
.shop-table td.product__transaction {
	font-weight: 200;
	color: #2fc15a;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
}
.shop-table td.product__transaction span {
	padding: 6px 12px;
	border: 1px solid #2fc15a;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.shop-table td.product__availability {
	font-weight: 400;
	text-transform: uppercase
}
.shop-table .product__no-available {
	opacity: .6
}
.shop-table td.product__size {
	font-weight: 700
}
.shop-table td.product__total {
	font-weight: 700;
	color: #31404b
}
@media (min-width:992px) {
	.shop-table .product__remove {
		padding-right: 23px;
		text-align: center;
	}
}
.shop-table .product__remove-icon, .product__remove-icon-car {
	color: #31404b;
	opacity: .6;
	transition: opacity .3s ease
}
.shop-table .product__remove-icon {
	border-radius: 20px;
	border: 1px solid #dedede;
}
.shop-table .product__remove-icon:hover {
	font-size: 16px;
	opacity: 1;
	text-decoration: none;
	-webkit-transition: color .1s, font-size .3s;
	-moz-transition: color .1s, font-size .3s;
	-o-transition: color .1s, font-size .3s;
	transition: color .1s, font-size .3s;
}
.shop-table .product__remove-icon-car:hover {
	color: #c80000;
	font-size: 16px;
	opacity: 1;
	text-decoration: none;
	-webkit-transition: color .1s, font-size .3s;
	-moz-transition: color .1s, font-size .3s;
	-o-transition: color .1s, font-size .3s;
	transition: color .1s, font-size .3s;
}
.shop-table td.product__desc {}
@media (min-width:768px) {
	.shop-table td.product__desc {
		font-size: 14px;
		line-height: 22px
	}
}
@media (min-width:768px) {
	.shop-table td.product__desc2 {
		font-size: 14px;
		line-height: 22px
	}
}
@media (min-width:768px) {
	.shop-table td.product__desc2 {
		font-size: 14px;
		line-height: 22px
	}
}
@media (min-width:992px) {
	.shop-table td.product__photo {
		width: 10%
	}
}
@media (min-width:992px) {
	.shop-table td.product__info {
		width: 21%
	}
}
@media (min-width:992px) {
	.shop-table td.product__desc {
		width: 33%
	}
}
@media (min-width:992px) {
	.shop-table td.product__desc2 {
		width: 25%
	}
}
@media (min-width:992px) {
	.shop-table td.product__availability {
		width: 12%
	}
}
.shop-table .product__thumb {
	overflow: hidden;
	border-radius: 0
}
.shop-table .product__color-item {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-color: #31404b;
	border-radius: 50%;
	position: relative
}
.shop-table .product__color-item:before {
	content: "";
	display: block;
	position: absolute;
	left: -4px;
	top: -4px;
	right: -4px;
	bottom: -4px;
	border-radius: 50%
}
.shop-table .product__color-item--selected:before {
	border: 2px solid #31404b
}
.shop-table .product__color-item--color-orange {
	background-color: #ff860f
}
.shop-table .product__color-item--color-orange:before {
	border-color: #ff860f
}
.shop-table .product__color-item--color-blue {
	background-color: #1e81f1
}
.shop-table .product__color-item--color-blue:before {
	border-color: #1e81f1
}
.shop-table .product__color-item--color-aqua {
	background-color: #1af1e4
}
.shop-table .product__color-item--color-aqua:before {
	border-color: #1af1e4
}
.shop-table .product__color-item--color-black {
	background-color: #383838
}
.shop-table .product__color-item--color-black:before {
	border-color: #383838
}
ul.garage-ul {
	list-style: none;
	padding: 0;
}
ul.garage-ul li {
	font-family: 'K2D', sans-serif;
	padding: 4px 5px;
	color: #999999;
	display: inline;
}
ul.garage-ul li span {
	font-weight: 600;
}
ul.money-balance {
	font-family: 'K2D', sans-serif;
	list-style: none;
	width: 100%;
}
ul.money-balance p {
	color: #999999;
	width: 100%;
	padding: 0 20px 10px 20px;
}
span.money-big {
	color: #26c666;
	font-weight: 600;
	font-size: 20px;
	font-family: 'K2D', sans-serif;
}
ul.money-balance li span {
	font-size: 24px;
}
.card__content ul.bank-card-ul li {
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #dedede;
}
.card__content ul.bank-card-ul li img.character-bank-cards {
	max-width: 300px;
}
img.character-bank-cards-small {
	max-width: 100px;
}
ul.money-balance li {
	font-family: 'K2D', sans-serif;
	padding: 4px 0px;
	color: #999999;
	display: inline;
}
ul.money-balance li span {
	font-weight: 600;
}
/* The customcheck */

.customcheck {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default checkbox */

.customcheck input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom checkbox */

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 0px;
	border: 1px solid #e2e2e2;
}
/* On mouse-over, add a grey background color */

.customcheck:hover input~.checkmark {
	background-color: #efefef;
}
/* When the checkbox is checked, add a blue background */

.customcheck input:checked~.checkmark {
	background-color: #15ce15;
	border-radius: 0px;
	border: 1px solid #15ce15;
}
/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */

.customcheck input:checked~.checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */

.customcheck .checkmark:after {
	left: 6px;
	top: 4px;
	width: 6px;
	height: 9px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.dropdown-menu {
	outline: none;
	border-color: rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05)
}
.dropdown-menu .dropdown-item {
	font-size: 13px;
	padding: 7px 30px;
	color: #5a5a5a;
}
.dropdown-menu a.dropdown-item {
	text-decoration: none;
	width: 100%;
}
.dropdown-menu .dropdown-item i {
	min-width: 20px;
	text-align: center;
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
	color: #fff;
	background-color: #feb429;
}
.dropdown-menu .dropdown-red:focus, .dropdown-menu .dropdown-red:hover {
	color: #fff;
	background-color: #f25b5b;
}
.dropdown-menu .active, .dropdown-menu .active:focus, .dropdown-menu .active:hover {
	color: #fff;
	background-color: #feb429;
}
.modal-del-car-title {
	font-family: 'K2D', sans-serif;
	color: #3e3e3e;
	font-size: 18px;
}
.modal-del-car-price {
	font-family: 'K2D', sans-serif;
	color: #34ba4f;
	font-size: 14px;
	font-weight: bold;
}
.modal-header button.close {
	outline: none;
}