/*Over - Multi-Concept Web App UI Kit Mobile Template*/

/*Table of Content
-------
fonts
general
button
navbar
sidebar
slider
schedule
result
standins
featured
latest news
popular post
single post
portfolio
team
testimonial
latest blog
blog
blog single
collapse
calendar
card
list
pagination
pagination variants
table
tabs
about
settings
pricing table
comment form
form
sign in
sign up
contact
page not found
footer
*/

/*font*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');

/*general*/
body {
	font-family: 'Roboto', sans-serif;
	color: #fafafa;
	font-size: 13px;
	background: #212121;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 110%;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #fafafa;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

p {
	margin: 8px 0;
}

a {
	color: #fafafa;
}

a:hover {
	color: #fafafa;
}

a.link-color {
	color: #f44336;
}

a.link-color:hover {
	color: #f44336;
}

.segments {
	padding: 35px 0;
}

.segments-page {
	padding: 70px 0 25px;
}

.section-title {
	margin-bottom: 20px;
	border-bottom: 1px solid #444;
}

.section-title.sport-title {
	border-bottom: 0;
}

.section-title.sport-title h3 {
	background-color: transparent;
	color: #fafafa;
	padding: 0;
}

.section-title h3 {
	font-size: 16px;
	font-weight: 600;
	position: relative;
	top: 1px;
	color: #fafafa;
	background-color: #f44336;
	padding: 3px 10px;
	display: inline-block;
}

.section-title .line {
	background-color: #f44336;
	width: 30px;
	height: 2px;
	margin-top: 5px;
}

.pages-title {
	padding-bottom: 15px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

.pages-title h3 {
	text-transform: uppercase;
	font-size: 18px;
}

.pages-title .line {
	width: 26px;
	height: 2px;
	background: #f44336;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 8px;
}

.text-bold {
	font-weight: bold;
	font-size: 14px;
}

.date {
	color: #9e9e9e;
	font-size: 12px;
	margin-top: 6px;
}

.date i {
	font-size: 13px;
	margin-right: 5px;
}

.bg-second {
	background-color: #fafafa;
}

/*button default*/
.button {
	background-color: #f44336;
	color: #fff;
	border: 0;
	padding: 3px 8px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px;
	letter-spacing: 1px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}

.button-white {
	background-color: transparent;
	color: #333;
	border: 1px solid #ddd;
	padding: 3px 8px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px;
	letter-spacing: 1px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}

.button-white:focus {
	background-color: #fff;
	border-color: #fff;
}

.button-full {
	width: 100%;
	background-color: #f44336;
	color: #fff;
	border: 0;
	padding: 7px 16px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 13px;
}

.button-shop {
	background-color: #fff;
	color: #333;
	border: 0;
	padding: 3px 8px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.button i, .button-full i {
	margin-right: 6px;
}

.button:focus {
	background-color: transparent;
}

/*button variants*/
.button-variant .section-title {
	border-bottom: 0;
}

.button-white {
	background-color: #fff;
	color: #333;
}

.button-black {
	background-color: #000;
}

.floating-button {
	width: 45px;
	height: 45px;
	border-radius: 50%;
}

/*navbar*/
.navbar {
	padding: 15px 0 11px;
	box-shadow: 0 0 6px rgba(3, 3, 3, 0.85);
	background-color: #212121;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}

.navbar i {
	font-size: 16px;
	margin-top: 3px;
}

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

.navbar .content-center h1 {
	font-size: 24px;
	padding: 0;
	margin: 0;
	font-weight: 900;
	letter-spacing: 1px;
}

.navbar .content-center h1 span {
	color: #f44336;
}

.navbar .content-right {
	text-align: right;
}

.navbar .row {
	margin-bottom: 0;
}

/*sidebar*/
.sidebar-panel .side-nav {
	width: 260px;
	height: 100%;
	background-color: #212121;
}

.sidebar-panel .side-nav .user-view {
	padding: 60px 20px 20px;
	text-align: center;
	background: rgba(0, 0, 0, 0.62);
}

.sidebar-panel .side-nav .user-view > img {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
}

.sidebar-panel .side-nav .user-view span {
	margin-top: 12px;
	display: block;
}

.sidebar-panel .side-nav .user-view .background img {
	width: 100%;
	height: 100%;
}

.sidebar-panel .side-nav li > a:hover {
	background: transparent;
}

.sidebar-panel .side-nav li > a {
	padding: 0 16px;
	font-weight: 500;
	color: #fafafa;
}

.sidebar-panel .side-nav li a i {
	margin-right: 1rem;
	width: auto;
	font-size: 15px;
	color: #fafafa;
}

.sidebar-panel .side-nav li a > i {
	width: 30px;
	font-size: 16px;
}

.sidebar-panel .collapsible {
	border: 0;
}

.sidebar-panel .side-nav .collapsible-header {
	display: block;
	font-size: 14px;
	color: #fafafa;
	font-weight: 500;
	overflow: hidden;
}

.sidebar-panel .side-nav .collapsible-header:hover {
	background: transparent;
}

.sidebar-panel .side-nav .collapsible-header > i {
	font-size: 16px;
	width: 30px;
	text-align: left;
}

.sidebar-panel .side-nav .collapsible-header span i {
	float: right;
	margin: 0;
	width: auto;
	font-size: 15px;
}

.sidebar-panel .side-nav .active .collapsible-header span i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.side-nav .collapsible-body {
	background-color: #212121;
}

.sidebar-panel .side-nav .collapsible-body li a {
	padding: 0 23.5px 0 61px;
}

.sidebar-panel .side-nav li.active {
	background: transparent;
}

/*sidebar search*/
.sidebar-search .collapsible {
	padding: 15px
}

.sidebar-search .form input[type="search"] {
	width: calc(100% - 55px);
	height: 33px;
	border-radius: 2px;
	border: 1px solid #444;
	margin-bottom: 0;
	padding: 0 5px;
	float: left;
}

.sidebar-search .clear {
	clear: both;
}

.sidebar-search .form input[type="search"]:focus {
	border-bottom: 1px solid #444;
	box-shadow: none;
}

.sidebar-search .side-nav li > a {
	padding: 0;
	height: 32px;
}

.sidebar-search .button {
	float: right;
	width: 37px;
	height: 35px;
	padding: 7px 12px;
	text-align: center;
	line-height: 15px;
}

.sidebar-search .button:focus {
	background-color: #f44336;
}

.sidebar-search h5 {
	margin-top: 20px;
	margin-bottom: 4px;
	color: #aaa;
	font-size: 14px;
}

/*slide*/
.slide {
	height: 230px;
	margin-top: 50px;
}

.slide .slide-content {
	height: 230px;
	background: #fff;
}

.slide .slide-content .mask {
	background-color: rgba(0,0,0,0.30);	
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.slide .slide-content .mask2 {
	background-color: rgba(0, 0, 0, 0.55);	
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.slide .slide-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide .slide-content .button {
	background-color: #f44336;
	color: #fff;
}

.slide .slide-content .caption {	
	position: absolute;
	top: 38%;
	margin: 0 auto;
	left: 0;
	right: 0;
	padding: 15px
}

.slide .slide-content .caption h5,
.slide .slide-content .caption p {
	color: #fff;
}

.slide .slide-content .caption h6 {
	background-color: #f44336;
	display: inline-block;
	padding: 3px 5px;
	margin-bottom: 10px;
	color: #fff;
}

.slide .slide-content .caption .date {
	background-color: transparent;
}

.slide .owl-theme .owl-nav.disabled + .owl-dots {
	position: relative;
	top: -35px;
	margin-bottom: -36px;
}

.slide .owl-theme .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	background-color: #fff;
}

.slide .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background-color: #f44336;
}

/*schedule*/
.tabs {
	background-color: #262626;
}

.tabs-sport .row {
	margin-bottom: 0;
}

.schedule {
	margin-top: 20px;
}

.schedule .match {
	padding: 20px 10px;
	border: 1px solid #444;
	text-align: center;
}

.schedule .match.no-bb {
	border-bottom: 0;
}

.schedule .match.no-bt {
	border-top: 0;
}

.schedule .row {
	margin-bottom: 0;
}

.schedule .content-icon i {
	margin-bottom: 10px;
	font-size: 26px;
	color: #f44336;
}

.schedule .content-text p {
	margin: 5px 0;
}

.schedule .content-text h6 {
	margin-top: 10px;
	font-size: 22px;
}

.schedule .match .content-text .no-mb {
	margin-bottom: 0;
}

.schedule .button-read {
	margin-top: 10px;
	text-align: center;
}

/*result*/
.result {
	margin-top: 20px;
}

.result .match {
	padding: 20px 10px;
	border: 1px solid #444;
	text-align: center;
}

.result .match.no-bb {
	border-bottom: 0;
}

.result .match.no-bt {
	border-top: 0;
}

.result .row {
	margin-bottom: 0;
}

.result .content-icon i {
	margin-bottom: 10px;
	font-size: 26px;
	color: #f44336;
}

.result .content-text p {
	margin: 0;
}

.result .content-text h6 {
	margin-top: 10px;
	font-size: 22px;
}

.result .button-read {
	margin-top: 10px;
	text-align: center;
}

/*standins*/
.standings {
	margin-top: 20px;
}

.standings .row {
	margin-bottom: 0;
}

.standings .match {
	padding: 10px;
	border: 1px solid #444;
	text-align: center;
}

.standings .match.no-bb {
	border-bottom: 0;
}

.standings .match.no-bt {
	border-top: 0;
}

.standings .match .content span {
	float: left;
	position: relative;
	top: 8px;
	font-size: 14px;
}

.standings .match .content span i {
	margin-right: 5px;
	font-size: 18px;
	color: #f44336;
}

.standings .button-read {
	text-align: center;
	margin-top: 10px;
}

/*featured*/
.featured.no-pt {
	padding-top: 0;
}

.featured .row:last-child {
	margin-bottom: 0;
}

.featured .content {
	margin-bottom: 20px;
}

.featured .content img {
	width: 100%;
}

.featured .content h5 {
	margin-top: 10px;
}

.featured .content-image img {
	width: 100%;
}

.featured .content-image h5 {
	font-size: 14px;
	margin-top: 4px;
}

.featured .button-load {
	text-align: center;
}

/*latest news*/
.latest-news {
	padding-bottom: 20px;
}

.latest-news .row:last-child {
	margin-bottom: 0;
}

.latest-news .content {
	margin-bottom: 20px;
}

.latest-news .content img {
	width: 100%;
}

.latest-news .content h5 {
	margin-top: 10px;
}

.latest-news .content-image img {
	width: 100%;
}

.latest-news .content-text h5 {
	font-size: 14px;
}

.latest-news .button-load {
	text-align: center;
}

/*latest news sport*/
.latest-sport {
	padding-bottom: 20px;
	padding-top: 0;
}

.latest-sport .row:last-child {
	margin-bottom: 0;
}

.latest-sport .content {
	margin-bottom: 20px;
}

.latest-sport .content img {
	width: 100%;
}

.latest-sport .content h5 {
	margin-top: 10px;
}

.latest-sport .content-image img {
	width: 100%;
}

.latest-sport .content-image h5 {
	font-size: 14px;
	margin-top: 4px;
}

.latest-sport .button-load {
	text-align: center;
}

/*popular post*/
.popular-post {
	padding-top: 20px;
}

.popular-post .row:last-child {
	margin-bottom: 0;
}

.popular-post .content {
	margin-bottom: 20px;
}

.popular-post .content img {
	width: 100%;
}

.popular-post .content h5 {
	margin-top: 10px;
}

.popular-post .content-image img {
	width: 100%;
}

.popular-post .content-text h5 {
	font-size: 14px;
}

.popular-post .button-load {
	text-align: center;
}

/*single post*/
.single-post img {
	width: 100%;
}

.single-post .slide {
	margin-top: 0;
	height: auto;
}

.single-post h5 {
	margin-top: 10px;
}

.single-post .social-share {
	margin: 20px 0;
}

.single-post .social-share a i {
	font-size: 16px;
	margin-right: 5px;
	padding: 6px 18px;
	background: red;
	color: #fff;
	border-radius: 2px;
}

.single-post .social-share a .fa-facebook {
	background-color: #3b5999;
}

.single-post .social-share a .fa-twitter {
	background-color: #55acee;
}

.single-post .social-share a .fa-google {
	background-color: #dd4b39;
}

.single-post .social-share a .fa-linkedin {
	background-color: #0077B5;
}

.related-post {
	margin-top: 20px;
}

.related-post .row:last-child {
	margin-bottom: 0
}

.related-post .content-image img {
	width: 100%;
}

.author {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #444;
}

.author .content-image img {
	border-radius: 50%;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.author .content-text {
	overflow: hidden;
}

.author .content-text p {
	margin: 8px 0 0;
}

.author .content-text ul {
	padding: 0;
	margin: 0;
	margin-top: 7px;
}

.author .content-text ul li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}

.author .content-text ul li:last-child {
	margin-right: 0;
}

.author .content-text ul li a i {
	color: #888;
}

.comment-people h4 {
	margin-top: 20px;
}

.comment-people .content {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #444;
}

.comment-people .content .content-image img {
	border-radius: 50%;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.comment-people .content .content-text {
	overflow: hidden;
}

.comment-people .content .content-text h5 i {
	color: #f44336;
}

.comment-people .content .content-text p {
	margin: 8px 0 0;
}

.comment-people .content.reply {
	margin-left: 20px;
	margin-bottom: 20px;
}

.comment-people .comment-form h4 {
	margin-bottom: 10px;
}

/*portfolio*/
.portfolio .portfolio-menu {
	margin-bottom: 18px;
}

.portfolio .portfolio-menu ul {
	text-align: center;
	padding: 0;
	margin: 0;
}

.portfolio .portfolio-menu ul .active {
	background-color: #f44336;	
	border-color: transparent;
	color: #fff;
}

.portfolio .portfolio-menu ul li {
	list-style: none;
	display: inline-block;
	margin: 5px;
	padding: 4px 10px;
	cursor: pointer;
	color: #fafafa;
	font-size: 12px;
	transition: .3s ease-out;
	border: 1px solid #444;
}

.portfolio .row {
	margin: 0;
}

.portfolio .row .col {
	padding: 1px;
}

.portfolio .contents .text {
	padding: 13px 10px;
}

.portfolio .contents .text h4 span {
	float: right;
}

.portfolio .contents img {
	width: 100%;
	display: block;
}

.portfolio .contents h4 {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 11px;
}

/*team*/
.team .section-title h3 {
	top: -8px;
}

.team .section-title .line {
	margin-top: 1px;
}

.team .row:last-child {
	margin-bottom: 0;
}

.team .contents {
	background-color: #fff;
	box-shadow: 0 0 30px rgba(224, 224, 224, 0.3);
}

.team .contents .text {
	padding: 13px 10px;
}

.team .contents .text h4 span {
	float: right;
}

.team .contents img {
	width: 100%;
	display: block;
}

.team .contents h4 {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 8px;
}

.team .contents .social-link ul {
	padding: 0;
	margin: 0;
}

.team .contents .social-link ul li {
	list-style: none;
	display: inline-block;
	margin-right: 8px;
}

.team .contents .social-link ul li:last-child {
	margin-right: 0;
}

.team-pages .contents {
	background-color: #fff;
}

.team-pages .contents .text {
	padding: 13px 10px;
}

.team-pages .contents .text h4 span {
	float: right;
}

.team-pages .contents .text p {
	padding: 0;
	margin: 0;
}

.team-pages .contents img {
	width: 100%;
}

.team-pages .contents h4 {
	font-weight: 400;
	font-size: 16px;
}

/*testimonial*/
.testimonial-section {
	background: linear-gradient(
		rgba(0, 0, 0, 0.67),
		rgba(0, 0, 0, 0.67)
		),
	 url(../images/bg-testimonial.jpg);
	 background-size: cover;
}

.testimonial-section2 {
	background: linear-gradient(
		rgba(66, 165, 245, 0.67),
		rgba(66, 165, 245, 0.67)
		),
	 url(../images/bg-testimonial.jpg);
	 background-size: cover;
}

.testimonial .contents {
	text-align: center;
	color: #fff;
}

.testimonial .contents .post {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

.testimonial .contents h5 {
	color: #fff;
}

.testimonial .contents img {
	width: 66px !important;
	height: auto;
	border-radius: 50%;
	margin: 18px 0 10px;
	margin: 18px auto;
}

.testimonial.owl-theme .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: #f44336;
}

/*product details*/
.product-details .contents img {
	width: 100%;
	border: 1px solid #ddd;
}

.product-details .desc-short {
	margin-top: 15px;
}

.product-details .desc-short h4 {
	font-size: 16px;
	margin-bottom: 10px;
}

.product-details .desc-short h5 {
	color: #f44336;
	margin-bottom: 10px;
}

.product-details .desc-long {
	border-top: 1px solid #ddd;
	margin-top: 18px;
	padding-top: 14px;
}

.product-details .desc-long h5 {
	margin-bottom: 8px;
}

.product-details .review {
	margin-bottom: 20px;
}

.product-details .review {
	border-top: 1px solid #ddd;
	margin-top: 18px;
	padding-top: 14px;
	background-color: #fff;
}

.product-details .review h5 {
	margin-bottom: 10px;
}

.product-details .no-mb {
	margin-bottom: 0;
}

.comment-people .contents {
	padding: 12px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.comment-people .contents i {
	color: #f44336;
}

.comment-people .reply {
	margin-left: 30px;
}

.comment-people .contents .icon img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}

.comment-people .contents .text {
	overflow: hidden;
}

.contents .post {
	border: 1px solid #ddd;
	display: block;
	clear: both;
	margin-top: 15px;
	padding: 10px;
	background-color: #fdfdfd;
}

.comment-post .comment-title {
    margin-bottom: 10px;
}

.comment-post .button {
	margin-bottom: 15px;
}

/*blog*/
.blog .contents {
	background: transparent;
	margin-bottom: 20px;
}

.blog .contents img {
	width: 100%;
	display: block;
}

.blog .contents .text {
	padding: 10px 0 0;
}

.blog .contents .text i {
	margin-right: 8px;
}

.blog .pagination li a {
	color: #e0e0e0;
}

/*blog single*/
.blog-single .contents {
	background: transparent;
	margin-bottom: 20px;
}

.blog-single .contents img {
	width: 100%;
}

.blog-single .contents .text {
	padding: 10px 0 0;
}

.blog-single .contents .text i {
	margin-right: 8px;
}

.blog-single .share-button ul {
	padding: 0;
	margin: 0;
	text-align: center;
}

.blog-single .share-button ul li {
	list-style: none;
	display: inline-block;
	margin: 0 10px;
}

.blog-single .share-button ul li a i {
	font-size: 18px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	line-height: 36px;
	color: #fff;
}

.blog-single .share-button {
	padding: 17px 0;
	background-color: #fff;
	margin-bottom: 20px;
}

.blog-single .share-button ul li a .fa-facebook {
	background: #3b5999;
}

.blog-single .share-button ul li a .fa-twitter {
	background: #55acee;
}

.blog-single .share-button ul li a .fa-instagram {
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

.blog-single .share-button ul li a .fa-google {
	background: #dd4b39;
}

/*collapse*/
.collapse .collapsible {
	border-color: #444;
}

.collapse .collapsible-header {
	background-color: #262626;
	border-color: #444;
}

.collapse .collapsible-header i {
	margin-top: 4px;
	font-size: 1rem;
	margin-right: 0;
}

.collapse .collapsible-body {
	background-color: transparent;
	padding: 1rem;
	border-color: #444;
}

/*calendar*/
.calendar-head {
	text-align: center;
	background: #f44336;
	color: #fff;
	padding: 15px 0;
	margin-bottom: 20px;
}

.calendar-head i {
	cursor: pointer;
}

.calendar-head h5 {
	color: #fff;
}

.calendar-head .row {
	margin-bottom: 0;
}

.calendar th,
.calendar td {
	text-align: center;
}

.calendar .active {
	background: #f44336;
	color: #fff;
}

.calendar table {
	background: #262626;
}

.calendar table thead {
	border-color: #444;
}

/*card*/
.card .card-content {
	padding: 13px 15px;
	background-color: #262626;
	border-radius: 0;
}

.card .card-content h5 {
	margin-bottom: 8px;
}

.card .card-content i {
	font-size: 17px;
	cursor: pointer;
}

.card .card-reveal {
	padding: 13px 15px;
	background-color: #262626;
}

.card .card-reveal .grey-text.text-darken-4 {
	color: #fafafa !important;
}

.card .card-title {
	font-size: 16px;
}

.card .card-reveal i {
	font-size: 17px;
	position: relative;
	top: 0;
}

/*list*/
.list .contents {
	padding: 15px;
	background-color: #262626;
	margin-bottom: 20px;
	border: 1px solid #444;
}

.list-img {
	float: left;
	margin-right: 10px;
}

.list-img img {
	width: 60px;
    height: auto;
    border-radius: 50%;
}

.list-text {
	overflow: hidden;
}

/*pagination*/
.pagination li a {
	color: #e0e0e0;
}

.pagination li.disabled a {
	color: #fff;
	background: #f44336;
}

/*pagination variants*/
.basic-pagination ul li {
	margin-right: 6px;
	background-color: #262626;
}

.basic-pagination ul li:last-child {
	margin-right: 6px;
}

.pagination-circle ul li {
	margin-right: 6px;
}

.pagination-circle ul li:last-child {
	margin-right: 0;
}

.pagination-circle ul li a {
	border-radius: 50%;
	background-color: #262626;
}

.section-title.pagination-page {
	border-bottom: 0;
}

/*table*/
.table-contents {
	background: #262626;
	padding: 0 15px 15px;
}

.table-contents thead {
	border-color: #444;
}

/*tabs*/
.contents-tabs img {
	width: 100%;
	margin-top: 20px;
}

.contents-tabs h4 {
	margin-top: 10px;
}

.tabs .tab a {
	color: #f44336;
	text-transform: none;
}

.tabs .tab a:hover {
	color: #f44336;
}

.tabs .tab a.active {
	color: #f44336;	
}

.tabs .indicator {
	background-color: #f44336;
}

/*about*/
.about .content img {
	width: 100%;
}

.about .content h3 {
	margin: 10px 0 5px;
}

.about .social-link {
	border-top: 1px solid #444;
	padding-top: 11px;
	margin-bottom: 13px;
}

.about .social-link i {
	margin-right: 5px;
}

/*settings*/
.settings .profile-photo .contents {
	margin-bottom: 14px;
	border-radius: 0.28571429rem;
}

.settings .profile-photo span {
	display: block;
	margin-bottom: 5px;
	color: #fafafa;
	font-size: .92857143em;
	font-weight: 700;
}

.settings .profile-photo img {
	width: 80px;
	height: 80px;
}

.settings .profile-banner .contents {
	margin-bottom: 14px;
	border-radius: 0.28571429rem;
}

.settings .no-mb {
	margin-bottom: 0;
}

.settings .profile-banner span {
	display: block;
	margin-bottom: 5px;
	color: #fafafa;
	font-size: .92857143em;
	font-weight: 700;
}

.settings .profile-banner img {
	width: 100%;
}

.settings .button {
	margin-bottom: 15px;
}

.settings input[type="file"]:focus {
	border-color: transparent !important;
}

.settings form .no-mb {
	margin-top: 20px;
}

/*pricing table*/
.pricing-table .row:last-child {
	margin-bottom: 0;
}

.pricing-table .contents {
	padding: 15px 15px 20px;
	background: #262626;
	border: 1px solid #444;
	box-shadow: 0 0 18px rgba(3, 3, 3, 0.55);
}

.pricing-table .contents h4 {
	color: #f44336;
	margin-top: 5px;
}

.pricing-table .contents h4 span {
	font-size: 14px;
	color: #fafafa;
}

/*comment-form*/
.comment-form {
	padding: 0;
}

.comment-form h4 {
	margin-bottom: 25px;
}

/*form*/
form label.active {
	color: #f44336 !important;
}

form input {
	border: 1px solid #444 !important;
	height: 2.5rem !important;
	padding: 0 10px !important;
	box-sizing: border-box !important;
}

form input[type="file"] {
	border: 0 !important;
	padding: 0 !important;
	display: block;
}

form textarea {
	border: 1px solid #444 !important;
	padding: 10px;
	box-sizing: border-box !important;
	height: 7rem !important;
	font-size: 1rem;
}

form input:focus {
	border: 1px solid #f44336 !important;
	box-shadow: none !important;
}

form textarea:focus {
	border: 1px solid #f44336 !important;
	box-shadow: none !important;
}

form select {
	border: 1px solid #ccc;
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 20px;
}

form .button {
	margin-top: 20px;
	text-align: center;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9e9e9e;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #9e9e9e;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #9e9e9e;
}
:-moz-placeholder { /* Firefox 18- */
  color: #9e9e9e;
}

/*sign in*/
.sign-in .social-login {
	margin-top: 20px;
}

.sign-in .social-login h5 {
	text-align: center;
	margin-bottom: 10px;
	font-weight: 400;
}

.sign-in .button-facebook {
	background-color: #3b5999;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-in .button-twitter {
	background-color: #55acee;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-in .button-linkedin {
	background-color: #0077B5;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-in .button-google {
	background-color: #dd4b39;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-in .button {
	margin-top: 0;
}

/*sign up*/
.sign-up .social-login {
	margin-top: 20px;
}

.sign-up .social-login h5 {
	text-align: center;
	margin-bottom: 10px;
	font-weight: 400;
}

.sign-up .button-facebook {
	background-color: #3b5999;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-up .button-twitter {
	background-color: #55acee;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-up .button-linkedin {
	background-color: #0077B5;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-up .button-google {
	background-color: #dd4b39;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-up .button {
	margin-top: 0;
}

/*contact*/
.contact .contact-contents form textarea {
	margin-bottom: 0;
}

.contact .contact-contents .button {
	margin-bottom: 15px;
}

/*contact home*/
.contact-home.segments {
	padding: 22px 0 35px;
}

.contact-home .contact-contents form {
	margin-bottom: 0;
}

.contact-home .contact-contents form textarea {
	margin-bottom: 0;
}

/*page not found*/
.page-not-found {
	text-align: center;
	padding: 15px;
}

.page-not-found h2 {
	font-size: 120px;
}

.page-not-found h4 {
	font-size: 30px;
	margin-bottom: 18px;
}

.page-not-found ul {
	padding: 0;
	margin: 0;
}

.page-not-found ul li {
	list-style: none;
	display: inline-block;
	margin: 0 6px;
}

.page-not-found ul li a i {
	margin-right: 3px;
}

/*get in touch*/
.get-in-touch.segments {
	padding-bottom: 0;
}

.get-in-touch .content {
	text-align: center;
}

.get-in-touch .content h3 {
	margin-bottom: 5px;
}

.get-in-touch .content p {
	line-height: 22px;
}

.get-in-touch .content .button {
	margin-top: 15px;
	display: inline-block;
}

.get-in-touch .content a:hover {
	color: #fff;
}

/*footer*/
footer {
	padding: 35px 0 8px;
	text-align: center;
	background-color: #262626;
}

footer.bg-second ul li a i {
	border: 1px solid #ddd;
}

footer img {
	margin-bottom: 20px;
}

footer ul {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #444;
	padding-bottom: 20px;
	margin-bottom: 18px;
}

footer ul li {
	display: inline-block;
	margin: 2px 4px;
}

footer ul li a i {
	background: #616161;
	width: 35px;
	height: 35px;
	line-height: 35px !important;
	border-radius: 50%;
}