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

/*Table of Content
-------
fonts
general
button
navbar
sidebar
slider
home intro
about
skill
portfolio
team
testimonial
latest blog
shop
product details
cart
checkout
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=Playfair+Display:400,700,900|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: 'Playfair Display', 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: #ff5252;
}

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

.segments {
	padding: 35px 0;
}

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

.section-title {
	margin-bottom: 20px;
	text-align: center;
}

.section-title h3 {
	font-size: 20px;
	font-weight: normal;
	position: relative;
	top: -4px;
}

.section-title .line {
	background-color: #ff5252;
	width: 30px;
	height: 2px;
	margin: 0 auto;
	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: #ff5252;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 8px;
}

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

.date {
	color: #ddd;
	font-size: 13px;
	margin-top: 5px;
}

.date i {
	margin-right: 8px;
}

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

.bg-third {
	background-color: #ff5252;
}

.bg-third .line {
	background-color: #fff;
}

.bg-third .section-title h3 {
	color: #fff;
}

/*button default*/
.button {
	background-color: #ff5252;
	color: #fff;
	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-full {
	width: 100%;
	background-color: #ff5252;
	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 variants*/
.button-white {
	background-color: #fff;
	color: #333;
}

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

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

.section-title.button-page {
	text-align: left;
}

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

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

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

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

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

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

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

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

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

.sidebar-panel .side-nav .user-view > img {
	margin: 0 auto;
	width: 140px;
}

.sidebar-panel .side-nav .user-view span.name {
	margin-top: 0;
	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);
}

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

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

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

/*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: #ff5252;
	color: #fff;
}

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

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

.slide .slide-content .caption h2 {
	font-size: 30px;
	font-weight: 500;
}

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

.slide .slide-content .caption button {
	padding: 3px 8px;
	font-size: 12px;
	margin-top: 5px;
}

.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: #ff5252;
}

/*couple*/
.couple .contents img {
	width: 100%;
}

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

.couple .contents h4 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 8px;
}

.couple .contents ul {
	padding: 0;
	margin: 0;
}

.couple .contents ul li {
	display: inline-block;
	margin: 0 3px;
}

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


/*date wedding*/
.date-wedding .contents {
	border: 1px solid #fff;
	border-radius: 5px;
	text-align: center;
	padding: 15px;
}

.date-wedding .contents h4 {
	font-size: 18px;
	color: #fff;
}

.date-wedding .contents h5 {
	font-size: 14px;
	color: #fff;
	border-top: 1px solid #fff;
	padding-top: 10px;
	margin-top: 10px;
}

/*our love story*/
.love-story .contents {
	text-align: center;
	padding: 15px;
	border: 1px solid #616161;
}

.love-story .contents h6 {
	font-size: 13px;
	margin-top: 5px;
	color: #ddd;
}

.love-story .ghele {
	height: 30px;
	width: 2px;
	background-color: #ff5252;
	margin: 10px auto;
}

/*events*/
.events .contents {
	border: 1px solid #ff5252;
	padding: 15px;
	margin-bottom: 10px;
}

.events .contents:last-child {
	margin-bottom: 0;
}

.events .contents span {
	margin-top: 5px;
	display: block;
}

.events .contents span i {
	margin-right: 2px;
	margin-left: 12px;
}

/*guest star*/
.guest-star .contents {
	text-align: center;
}

.guest-star .contents img {
	width: 100%;
	height: 100%;
}

.guest-star .contents h4 {
	font-size: 16px;
	margin-top: 8px;
}

.guest-star .contents ul {
	padding: 0;
	margin: 0;
}

.guest-star .contents ul li {
	display: inline-block;
	margin: 0 3px;
}

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

/*home intro*/
.home-intro {
	margin-top: 50px;
}

.home-intro .intro-content {
	position: relative;
}

.home-intro .intro-content img {
	width: 100%;
	display: block;
}

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

.home-intro .intro-content .caption {
	position: absolute;
	top: 30%;
	margin: 0 auto;
	left: 0;
	right: 0;
	padding: 15px;
	color: #fff;
	text-align: center;
}

.home-intro .intro-content .caption h2 {
	color: #fff;
}

.home-intro .intro-content .caption i {
	transform: rotate(-90deg);
	margin-top: 40px;
	color: #fff;
}

/*about*/
.about .content {
	text-align: center;
}

/*skill*/
.skill .content h6 {
	font-size: 12px;
	margin-bottom: 5px;
}

.skill .content .line {
	background-color: #f5f5f5;
	width: 100%;
	margin-bottom: 15px;
}

.skill .content .line:last-child {
	margin-bottom: 0;
}

.skill .content .line span {
	background-color: #ff5252;
	display: block;
	text-align: right;
	padding: 0 10px;
	color: #fff;	
	height: 15px;
	font-size: 10px;
}

.skill .content .line .progress90 {
	width: 90%;
}

.skill .content .line .progress85 {
	width: 85%;
}

.skill .content .line .progress75 {
	width: 75%;
}

.skill .content .line .progress60 {
	width: 60%;
}

/*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: #ff5252;
	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 #ff5252;
}

.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: #ff5252;
}

/*shop*/
.shop {
	padding: 15px 0;
}

.shop .contents {
	padding: 15px;
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0 0 30px rgba(224, 224, 224, 0.3);
}

.shop .contents img {
	width: 100%;
}

.shop .contents h5 {
	color: #ff5252;
}

.shop-home2 {
	margin-top: 8px;
}

/*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: #ff5252;
	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: #ff5252;
}

.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;
}

/*cart*/
.cart {
	padding: 15px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.cart .cart-product {
	margin-top: 5px;
}

.cart .cart-product.first {
	border-bottom: 1px solid #ddd;
	margin-bottom: 16px;
}

.cart .cart-product .row {
	margin-bottom: 5px;
}

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

.cart .cart-product .remove i {
	text-align: right;
	float: right;
	position: relative;
	top: 3px;
}

.cart .cart-product .contents img {
	width: 80px;
	height: 80px;
	background-color: #f5f5f5;
}

.cart .cart-product .contents input {
	width: 50px;
	height: 24px;
	border: 1px solid #ddd;
	padding: 6px;
}

.cart .cart-product .button {
	margin-top: 8px;
}

.total-pay {
	padding: 15px 15px 0;
	background-color: #fff;
	margin-top: 20px;
	border: 1px solid #ddd;
}

.total-pay .contents h5 {
	margin-top: 10px;
}

.total-pay .button {
	margin-top: 10px;
	margin-bottom: 14px;
}

/*checkout*/
.checkout {
	padding: 15px;
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}

.checkout textarea {
	margin-bottom: 20px;
}

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

.product-choosed {
	padding: 15px;
	background-color: #fff;
}

.product-choosed {
	margin-top: 5px;
	border: 1px solid #ddd;
}

.product-choosed.first {
	border-bottom: 1px solid #ddd;
	margin-bottom: 16px;
}

.product-choosed .row {
	margin-bottom: 5px;
}

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

.product-choosed .remove i {
	text-align: right;
	float: right;
	position: relative;
	top: 3px;
}

.product-choosed .contents img {
	width: 80px;
	height: 80px;
	background-color: #f5f5f5;
}

.product-choosed .contents input {
	width: 50px;
	height: 24px;
	border: 1px solid #ddd;
	padding: 6px;
}

.checkout-button {
	margin-top: 15px;
}

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

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

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

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

/*blog single*/
.blog-single .contents {
	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;
	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: #616161;
}

.collapse .collapsible-header {
    background-color: transparent;
    border-color: #616161;
}

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

.collapse .collapsible .collapsible-body {
    border-color: #616161;
    padding: 1rem;
}


/*calendar*/

.calendar-head {
    text-align: center;
    background: #ff5252;
    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: #ff5252;
    color: #fff;
}

.calendar table {
    background: #262626;
}

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


/*card*/

.card {
    background: #262626;
}

.card .card-content {
    padding: 13px 15px;
}

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

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

.card .card-reveal {
    padding: 13px 15px;
    background: #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;
    margin-bottom: 20px;
    border: 1px solid #616161;
}

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

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

.list-text {
    overflow: hidden;
}


/*pagination*/

.pagination .prev i,
.pagination .next i {
    font-size: 22px;
}

.pagination li a {
    color: #ddd;
}

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

.pagination li.prev a {
    background-color: transparent;
    color: #999;
    padding-left: 0;
    cursor: default;
}


/*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 {
    text-align: left;
}


/*table*/

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


/*tabs*/

.tabs {
    background: #262626;
}

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

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

.tabs .tab a {
    color: #ff5252;
}

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

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

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

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

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

.about .social-link {
	border-top: 1px solid #ddd;
	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;
    margin-top: 20px;
}

.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;
}

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

.pricing-table .contents {
	padding: 15px 15px 20px;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 0 30px rgba(224, 224, 224, 0.3);
}

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

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

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

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

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

form input {
	border: 1px solid #616161 !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 #616161 !important;
	padding: 10px;
	box-sizing: border-box !important;
	height: 7rem !important;
	font-size: 1rem;
}

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

form textarea:focus {
	border: 1px solid #ff5252 !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: #a2a2a2;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #a2a2a2;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a2a2a2;
}
:-moz-placeholder { /* Firefox 18- */
  color: #a2a2a2;
}

/*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;
	background-color: #fff;
}

.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: #ff5252;
	color: #fff;
}

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 #eee;
	padding-bottom: 20px;
	margin-bottom: 18px;
}

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

footer ul li a {
	color: #333;
}

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