/*
 * ========================================
 * GENERAL STYLES
 * ========================================
 */
@font-face {
	font-family:chat;
			src:url(../fonts/chat/chat.ttf);
			}
@font-face {
	font-family: RobotLight;
	src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
	font-family: RobotMedium;
	src: url(../fonts/Roboto-Medium.ttf);
}
@font-face {
	font-family: RobotRegular;
	src: url(../fonts/Roboto-Regular.ttf);
}
*{
/*	font-family: 'Muli', sans-serif;*/
	font-family: 'Raleway', sans-serif;
/*	font-family: 'Arimo', sans-serif;*/
/*font-family: 'Raleway', sans-serif;*/
}
html {
	height: 100% !important;
}
body {
	height: 100%;
	font-family:'Raleway', sans-serif;
	font-size: 14px;
	line-height: 22px;
	background-color: #ffffff;
	overflow-x: hidden;
}
a {
	font-weight: bold;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}
a:focus, a:hover {
	text-decoration: none;
	outline: 0;
}
img {
	max-width: 100%;
	height: auto;
}
p, ul {
	margin-bottom: 30px;
}
iframe {
	max-width: 100%;
}
h5 {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 25px;
	text-transform: uppercase;
}
/**
 * ========================================
 * MAIN LAYOUT
 * ========================================
 */

/* DOCUMENT */
.spoyl {
	height: 100%;
	position: relative;
}
/* PRELOADER */
.preloader {
	display: table;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	color: #444444;
	background-image: none;
	z-index: 9999;
}
.preloader-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.preloader-logo {
	display: inline-block;
	margin-top: -20px;
}
.preloader-logo img {
	display: none;
	max-height: 90px;
}
.preloader-logo strong {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 45px;
	margin-left: -45px;
	display: none;
	width: 90px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	-webkit-animation: preloader-loading 2s infinite;
	animation: preloader-loading 2s infinite;
}
@-webkit-keyframes preloader-loading {
 0% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@keyframes preloader-loading {
 0% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
.with-preloader .spoyl {
	opacity: 0;
	-webkit-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.with-preloader.preloader-done .spoyl {
	opacity: 1;
}
.with-preloader.preloader-done .preloader {
	display: none;
}
.with-preloader .wow {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
.with-preloader.preloader-done .wow {
	animation-play-state: running;
	-webkit-animation-play-state: running;
}
/* SECTION */
.section {
	position: relative;
	background-image: url(../images/light-bg.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	overflow: hidden;
}
.section-inverse-color {
	background-image: url(../images/dark-bg.png);
	background-color: #222222;
	color: #cccccc;
}
.white-background-overlay, .black-background-overlay, .dot-background-overlay, .accent-background-overlay {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
.black-background-overlay {
	background: url(../images/overlay.png) repeat;
	background-color: rgba(0,0,0, .5);
}
.white-background-overlay {
	background: url(../images/overlay_1.png) repeat;
	background-color: rgba(255,255,255, .7 );
}
.dot-background-overlay {
	background: url(../images/overlay.png) repeat;
	background-color: rgba(0,0,0, .0 );
}
.parallax-background {
	background-attachment: fixed;
	background-position: top center;
}
.container {
	position: relative;max-width:1050px;
}
.container h2 {
	font-size:36px;

}
.container .how h4 {
	font-family:'Raleway', sans-serif;
}
.container .how p, .container .makers p {
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 22px;
	font-family:'Raleway', sans-serif;
	font-weight:300;
	
}
.container .how a {
	font-family: RobotLight;
	font-size: 12px;
}
}
.mobile-device .parallax-background {
	background-attachment: scroll;
	background-position: center center !important;
}
.mobile-device .parallax {
	top: 0 !important;
}
/* OTHER GENERAL CLASSES */
.clear {
	clear: both;
}
.blur {
	-webkit-filter: blur( 10px );
	filter: blur( 10px );
}
/**
 * ========================================
 * BUTTONS
 * ========================================
 */

.btn {
	padding: 14px 22px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0;
}
.btn-lg, .btn-app-download {
	font-size: 14px;
	letter-spacing: 1.5px;
}
.btn-app-download {
	position: relative;
	padding: 10px 20px 10px 45px;
	text-align: left;
}
.btn-app-download strong {
	display: block;
	margin-bottom: 6px 0;
	font-weight: 800;
}
.btn-app-download span {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-top: -3px;
	opacity: 0.8;
}
.btn-app-download i {
	position: absolute;
	top: 0;
	left: 0;
	margin: 8px 0 0 15px;
	font-size: 25px;
	line-height: 1;
}
.btn-black {
	background-color: #eb2638;
	color: #ffffff;
}
.btn-black:focus, .btn-black:hover {
	background-color: #D53436;
	color: #ffffff;
}
.btn-gray {
	background-color: #999999;
	color: #ffffff;
}
.btn-gray:focus, .btn-gray:hover {
	background-color: #777777;
	color: #ffffff;
}
.btn-ios {
	background-color: #999999
	color: #ffffff;
}
.btn-ios:focus, .btn-ios:hover {
	background-color: #777777;
	color: #ffffff;
	border-color: #666;
}
.btn-android {
	background-color: #a4c639;
	color: #ffffff;
}
.btn-android:focus, .btn-android:hover {
	background-color: #8bad20;
	color: #ffffff;
}
.btn-windows-phone {
	background-color: #e81123;
	color: #ffffff;
}
.btn-windows-phone:focus, .btn-windows-phone:hover {
	background-color: #cf000a;
	color: #ffffff;
}

/**
 * ========================================
 * FORMS
 * ========================================
 */

.form-control::-webkit-input-placeholder {
 color: #aaaaaa;
}
.form-control:-moz-placeholder {
 color: #aaaaaa;
}
.form-control::-moz-placeholder {
 color: #aaaaaa;
}
.form-control:-ms-input-placeholder {
 color: #aaaaaa;
}
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #cccccc;
}
.form-control {
	font-size: inherit;
	line-height: inherit;
	height: 50px;
	padding: 11px 22px;
	color: inherit;
	border-color: #dddddd;
	background-color: #ffffff;
}
.form-control-lg {
	font-size: 18px;
	line-height: 30px;
	height: 40px;
	padding: 15px 25px;
}
.section-inverse-color .form-control {
	color: #777777;
}
.form-validation {
	display: none;
	padding: 15px 25px;
}
.form-validation.alert-danger {
	color: #ffffff;
	background-color: #a94442;
	background-color: rgba(169,68,66,0.8);
	border-color: #a94442;
}
.form-validation.alert-success {
	color: #ffffff;
	background-color: #3c763d;
	background-color: rgba(60,118,61,0.8);
	border-color: #3c763d;
}
/**
 * ========================================
 * HEADINGS
 * ========================================
 */

h1, h2, h3, h5, h6 {
	color: #444444;
}
h4{
	color:#999;
}
.section-inverse-color h1, .section-inverse-color h2, .section-inverse-color h3, .section-inverse-color h4, .section-inverse-color h5, .section-inverse-color h6 {
	color: #ffffff;
}
.section-heading {
	position: relative;
	padding-bottom: 20px;
	margin: 0 0 30px;
	font-weight: 300;
	font-size: 32px;
	line-height: 42px;
}
.section-heading:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 2px;
	width: 120px;
}
.section-heading.text-center:after {
	left: 50%;
	margin-left: -60px;
}

@media ( min-width: 768px ) {
.section-heading {
	font-size: 36px;
	line-height: 46px;
}

.phone-image-right { margin-right:0; }
.how-bg {
    background: rgba(0, 0, 0, 0) url("../images/how.png") no-repeat scroll center bottom / 100% auto !important;
    height: 170px !important;
}
}

@media ( min-width: 992px ) {
.section-heading {
	font-size: 40px;
	line-height: 50px;
}
.spoyl-images img { width:auto;  }
.how-bg {
    background: rgba(0, 0, 0, 0) url("../images/how.png") no-repeat scroll center bottom / 100% auto !important;
    height: 240px !important;
}

}
/**
 * ========================================
 * LIST
 * ========================================
 */

.list-with-icons {
	list-style: none;
	padding: 0;
}
.list-with-icons li {
	position: relative;
	padding-left: 50px;
	margin: 10px 0;
}
.list-with-icons li > i[class*="icon-"], .list-with-icons li > i[class*="fa-"] {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 20px;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
/**
 * ========================================
 * PHONE IMAGE
 * ========================================
 */

.phone-image-double {
	position: relative;
}
.phone-image-front {
	z-index: 1;
}
.phone-image-double {
	max-width: 65%;
}
/*.phone-image-right {
	margin-left: -25%;
}*/

@media ( min-width: 768px ) and ( max-width: 991px ) {
.phone-image-right {
	margin-left: 0;
}

.footer-nav > li > a { padding: 0 6px; }

.phone-image-double { max-width:90%;}



}
/**
 * ========================================
 * HEADER SECTION
 * ========================================
 */
.header-section {
	margin-bottom: 0;
	margin-top: -120px;
	-webkit-transition: all ease 1.5s;
	transition: all ease 1.5s;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
@media(max-width:768px){
	.header-section{
		margin-top:0px;
	}
}
.header-section.header-floating.floating {
	margin-top: 0;
	background: rgba(255,255,255,0.8);
}
.header-section.navbar-default {
	background-color: #fff;
	background-color: rgba(255,255,255,1);
	border-bottom-color: #ccc;
}
.navbar-toggle {
	margin-top: 13px;
	margin-bottom: 13px;
}
.navbar-logo {
	max-height: 50px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 46px;
	white-space: nowrap;
}
.navbar-logo:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.navbar-nav > li > a {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 25px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a {
	color: #444444;
	font-size:14px;
}

@media ( min-width: 768px ) {
.navbar-nav > li > a {
	margin-bottom: 19.5px;
	margin-top: 21.5px;
}

.spoyl-images img { width:90% }

.spoyl-images img { max-width:100%; }

}
.navbar-header , #navigation{
	z-index: 1;
}
.responsive-logo{

}
@media ( max-width: 767px ){
.responsive-logo{
margin: 0 auto;
display: inline-block;
}
}



/**
 * ========================================
 * SPOYL SECTION
 * ========================================
 */

.spoyl-section {
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	width:1920px;
	max-width:100%;
}
.spoyl-section2{
	width:99%;
	margin:10px auto;
}
.spoyl-logo {
	margin-bottom: 20px;
	max-height: 70px;
	border-radius: 15px;
}
.spoyl-description {
	margin: 10px 0 0;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	color:black;
	text-transform:uppercase;
}
.spoyl-description {
	margin-bottom: 20px;
}
.spoyl-section .container {
	height: 100%;
}
.spoyl-content {
	display: table;
	height: 100%;
	width: 100%;
}
.spoyl-section .download-buttons {
	margin: 0;
}
.spoyl-section .download-buttons a {
	margin: 5px;
}
.spoyl-section .download-buttons .btn-app-download {
	margin: 0 10px 10px;
}
.spoyl-text {
	display: table-cell;
	vertical-align: middle;
}
.spoyl-images {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.spoyl-images:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.spoyl-image {
	vertical-align: middle;
}
.apple img, .android img {
	border: 1px solid #fff;
	border-radius: 6px;
}
.spoyl-logo-text {
	margin-left: 20px;
	font-size: 30px;
}

.support h3 { font-size:20px !important;  }

@media ( max-width: 991px ) {
.spoyl-section {
	
}
}

@media ( max-width: 768px ) {
.spoyl-section {
	
}
.spoyl-images {
	display: none;
}
.spoyl-content {
	text-align: center;
}
.spoyl-description{
	color:white;
}
}

@media ( min-width: 768px ) {
.spoyl-logo {
	max-height: 80px;
	border-radius: 15px;
}
.spoyl-title {
	font-size: 24px;
	line-height: 30px;
	text-align:center;
}

.spoyl-section .download-buttons a {
    margin: 0px 5px !important;
}

.support h3 { font-size:16px !important; font-weight:400;  }

.spoyl-text {
	width: 50%;
	padding-right: 15px;
}
.spoyl-images {
	width: 50%;
	padding-left: 15px;
}

.spoyl-description {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
	font-weight:500;
	color:#fff;
	text-transform:uppercase;
	margin:15px 0 10px 0;
}



}

@media ( min-width: 992px ) {
.spoyl-logo {
	max-height: 90px;
	border-radius: 15px;
}
.spoyl-title {
	font-size: 32px;
	line-height: 40px;
	text-align: center;
}

.spoyl-description {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
	font-weight:500;
	text-transform:uppercase;
	margin:20px 0 10px;
	color:#fff;
}

.spoyl-section .download-buttons a {
    margin: 5px 10px !important;
}

}
/**
 * ========================================
 * FEATURES SECTION
 * ========================================
 */

.features-section {
	padding: 80px 0 0;
}
.features-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.features-list-item {
	margin: 30px 0;
}
#features h1{
	font-size:40px;
}

@media ( max-width: 991px ) {
.features-list {
	text-align: center;
}
.fadeInLeft-1 {
	padding: 0 0 0 0;
}
.fadeInRight-1 {
	padding: 0 0 0 0;
}
}

@media ( min-width: 768px ) {
.features-section {
	padding: 50px 0 0;
}
.features-list-item {
	margin: 30px 0;
}
}

@media ( min-width: 992px ) {
.featuers-list-wrapper {
	margin-top: 20px;
}
.features-section {
	padding: 50px 0 0;
}
.features-list.features-list-left {
	text-align: right;
}
.features-list-item {
	margin: 70px 0;
}
}

@media ( min-width: 1200px ) {
.features-list-item {
	margin: 90px 0;
}
.fadeInLeft-1 {
	padding: 0 80px 0 0;
}
.fadeInRight-1 {
	padding: 0 0 0 80px;
}
.features-list li img {
	position: absolute;
	right: 0;
}
.features-list li span {
	position: absolute;
	right: 0;
}
.hi-icon-group:before {
	content: "\e00a";
}
.icon-group {
	content: "\f0c0"
}
.features-list-right li img {
	left: 0;
	position: absolute;
}
}
/**
 * ========================================
 * SCREENSHOTS SECTION
 * ========================================
 */

.screenshots-section {
	padding: 80px 0;
}
.screenshot-images {
	list-style: none;
	padding: 0;
	margin: 0;
}
.screenshot-image {
	display: block;
	margin: 15px;
	padding: 5px;
	border-radius: 8px;
	background-color: #dddddd;
	background-color: rgba(0,0,0,0.1);
}
.screenshot-image:focus, .screenshot-image:hover {
	margin-top: 0;
}
.screenshot-image-inner {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.screenshot-image-inner img {
	display: block;
	border-radius: 4px;
}
.screenshot-image-inner .hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.7);
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}
.screenshot-image-inner .hover:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.screenshot-image-inner .hover i {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	color: #ffffff;
	font-size: 50px;
	line-height: 1;
}
.screenshot-image:focus .screenshot-image-inner .hover, .screenshot-image:hover .screenshot-image-inner .hover {
	opacity: 1;
}

@media ( min-width: 768px ) {
.screenshots-section {
	padding: 100px 0;
}
}

@media ( min-width: 992px ) {
.screenshots-section {
	padding: 50px 0;
}
}
/**
 * ========================================
 * SURVEY SECTION
 * ========================================
 */

.servey-section {
	padding: 50px 0;
	background: #eaeaea;
}
.cli-btn {
	background: none repeat scroll 0 0 #eb2639;
	border-radius: 3px;
	color: #fff;
	font-size: 20px;
	padding: 10px 40px;
	text-align: center;
}
.cli-btn:hover {
	background: none repeat scroll 0 0 #b30f1f;
	color: #fff;
}
.survey-text {
	margin: 10px;
}
.survey-arrow {
	color: #777777;
	display: inline-block;
	font-size: 24px;
	height: 45px;
	left: 50%;
	line-height: 30px;
	/*margin-left: -45px;*/
	padding: 4px 0 11px;
	/* position: absolute;*/
	text-align: center;
	width: 90px;
}

@media ( min-width: 768px ) {
.servey-section {
	padding: 50px 0;
}
}

@media ( min-width: 992px ) {
.servey-section {
	padding: 50px 0;
}
}
/**
 * ========================================
 * SUBSCRIBE SECTION
 * ========================================
 */

/*#subscribe-form { width:80% !important; }*/
.subscribe-form {
	margin: 80px auto 20px;
	width:310px;
}
.subscribe-section .section-heading:after {
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.5);
}
.subscribe-form-email, .subscribe-form-submit {
	margin-bottom: 10px;
}
.subscribe-form-submit {
	width: 100%;
}
#subscribe-form-email{
	width:110%;
}
@media ( min-width: 768px ) {
.subscribe-section {
	padding: 100px 0;
}
.subscribe-section {
	padding: 120px 0;
}
.subscribe-form-input {
	position: relative;
	padding-right: 100px;
}
.subscribe-form-email {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.subscribe-form-submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height:40px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
}
@media ( max-width: 768px ){
.subscribe-form-submit{
	float: left;
  height: 40px;
  margin-bottom: 40px;
  border-radius:0 6px 6px 0;
  width:25% !important;
}
.form-control-lg{
	float:left;
  border-radius:6px 0 0 6px;
  width:70% !important;
}
}
/**
 * ========================================
 * CONTACT SECTION
 * ========================================
 */

.contact-section {
	padding: 80px 0;
	background-image: none;
	background-color: #f0f0f0;
}
.contact-form textarea {
	resize: vertical;
}
.contact-arrow {
	color: #777777;
	display: inline-block;
	font-size: 24px;
	height: 45px;
	left: 50%;
	line-height: 30px;
	margin-left: -45px;
	padding: 4px 0 11px;
	position: absolute;
	text-align: center;
	width: 90px;
}

@media ( min-width: 768px ) {
.contact-section {
	padding: 50px 0;
}
.tabs {
	text-align: center;
	max-width: 560px;
	margin: auto;
}
.pro-section {
	background-image: none !important;
	width: 100%;
	margin-bottom: 30px;
	height: auto !important;
}
}

@media ( min-width: 992px ) {
.contact-section {
	padding: 50px 0;
}
}
/**
 * ========================================
 * FOOTER SECTION
 * ========================================
 */

.footer-section {
	padding: 10px 0 5px;
	color: #cccccc;
	text-align: center;
	background: #fff;
}
.contact-toggle {
	display: inline-block;
	/*position: absolute;*/
	top: 0;
	left: 50%;
	height: 45px;
	padding: 15px 0 11px;
	font-size: 24px;
	line-height: 30px;
	color: #EB2639;
	text-align: center;
}
.contact-toggle:focus, .contact-toggle:hover {
	color: #444444;
}
.footer-section .download-buttons {
	margin: 0 -10px;
	margin-bottom: 70px;
}
.footer-section .download-buttons .btn-app-download {
	margin: 0 10px 10px;
}
.social-media-links {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
.p-links a {
	color: #fff;
}
.social-icon {
	float: right;
}
.social-icon .fa {
	background: none repeat scroll 0 0 #fff;
	border-radius: 50%;
	color: #eb2639;
	font-size: 20px;
	height: 40px;
	line-height: 2;
	transition: all 0.3s ease 0s;
	width: 40px;
}
.social-icon a:active .fa, .social-icon a.active .fa, .social-icon a:hover .fa {
	background: none repeat scroll 0 0 #EB2639;
	color: #fff;
}
.social-media-links li {
	display: inline-block;
	margin-left: 10px;
}
.social-media-links li:first-child {
	margin-left: 0;
}
.social-media-links li i {
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
}
.social-media-links li a {
	display: inline-block;
	border-radius: 50%;
	background-color: #cccccc;
	background-color: rgba(0,0,0,0.15);
	font-weight: normal;
	color: #777777;
}
.footer-text {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-text li {
	display: inline-block;
	margin-left: 10px;
}
.footer-text li:first-child {
	margin-left: 0;
}
.copyright {
	text-align: left;
}
.copy {
	margin: 10px 10px 10px 15px !important;
	color: #333;
}
.copy-border{
	clear:both;
	width:80%;
	margin:0 auto;
	height:10px;
	border-bottom:0.5px solid #525252;
}
.copyright a {
	font-weight: normal;
	color: #cccccc;
}
.copyright a:focus, .copyright a:hover {
	color: #777777;
}
.copyright p {
	float: left;
	overflow: hidden;
	margin: 0;
	text-transform:uppercase;
}
.fa-stop {
	font-size: 6px;
	left: 0;
	padding: 7px 0;
	position: absolute;
}

@media ( min-width: 992px ) {
.footer-section {
	text-align: center;
}
.tabs {
	text-align: center;
	max-width: 560px;
	margin: auto;
}
}



#footer{
	background:black;
	padding-top:20px;
}

@media ( max-width: 991px ) {
#footer .col-sm-2{
	padding:0;
}
#footer .social-icons{
	margin-right:-6px;
	}
}


@media ( max-width: 767px ) {
#footer{
	text-align: center;
}
#footer .social-icons{
	float:right;
}
#footer ul{
	float:none;
	margin:0 14px;
}
#footer .col-sm-3{
	padding-left:0;
}
#footer .copy-border{
	height:40px;
}
#footer .social-icons{
	margin-right:10px;
	float:none;
	}
#footer .navbar-brand{
	float:none;
}
#footer .col-xs-12{
	text-align: center;
}
#footer .copy{
	padding-right:0px;
}
}

@media ( max-width: 550px ) {

}



#footer ul:last-child{
	padding:0px !important;
}
#footer li{
	list-style: none;
}
#footer li:first-child{
	margin-top: 30px;
}
#footer a{
	color:white;
	font-weight: normal;
	transition: color .3s;
}
#footer a:hover{
	color:#c63d3d;
}
.col-md-2-footer2{
    padding-right: 40px;
}
.col-md-2-footer3{
	padding-right:40px;
}
.copy{
	clear:both;
	color:white;
	display: inline-box;
	padding-right:75px;
}
.col-md-2-sns{
	padding-right: 0px;
  padding-left: 30px;
}




/**
 * ========================================
 * OWL CAROUSEL CUSTOM
 * ========================================
 */

.owl-theme .owl-controls .owl-page span {
	width: 14px;
	height: 14px;
	margin: 4px;
	background-color: #cccccc;
	background-color: rgba(0,0,0,0.15);
	-webkit-transform: scale( 0.75 );
	-moz-transform: scale( 0.75 );
	transform: scale( 0.75 );
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.section-inverse-color .owl-theme .owl-controls .owl-page span {
	background-color: #aaaaaa;
	background-color: rgba(255,255,255,0.5);
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	-webkit-transform: scale( 1 );
	-moz-transform: scale( 1 );
	transform: scale( 1 );
}
/**
 * ========================================
 * NIVO LIGHTBOX CUSTOM
 * ========================================
 */

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
	background-color: #000000;
	background-color: rgba(0,0,0,0.8);
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
	width: 26px;
	height: 26px;
}
.sub-heading::before {
	background: none repeat scroll 0 0 #eb2639;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: -3%;
	position: absolute;
	top: 100%;
	transition: all 0.3s ease 0s;
	width: 6%;
	z-index: 1;
}
.sub-heading::after {
	background: none repeat scroll 0 0 #e1e1e1;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: -12%;
	position: absolute;
	top: 100%;
	width: 24%;
}
.sub-heading {
	font-size: 22px;
	margin-bottom: 90px;
	position: relative;
}
.sub-heading:hover::before {
	margin-left: -12%;
	width: 24%;
}
*::before, *::after {
	box-sizing: border-box;
}
*::before, *::after {
	box-sizing: border-box;
}
#go-to-top .fa {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #eb2639;
	border-radius: 50%;
	bottom: 5px;
	color: #eb2639;
	font-size: 20px;
	height: 40px;
	line-height: 35px;
	margin: 0 20px 20px;
	position: fixed;
	right: 5px;
	text-align: center;
	width: 40px;
}
#go-to-top a {
	display: none;
	text-decoration: none;
}
#go-to-top .fa:hover {
	background: #eb2639;
	color: #fff;
}
.accent-background-overlay {
	background-color: #eb2639;
}
/* BOOTSTRAP PRIMARY COLOR */
a {
	color: #eb2639;
}
a:focus, a:hover {
	color: #c63d3d;
}
.text-primary {
	color: #eb2639;
}
a.text-primary:hover {
	color: #c63d3d;
}
.bg-primary {
	background-color: #eb2639;
}
a.bg-primary:hover {
	background-color: #c63d3d;
}
.btn-primary {
	background-color: #eb2639;
	border-color: #c63d3d;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #ba3131;
	border-color: #a01717;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #eb2639;
}
.btn-primary .badge {
	color: #eb2639;
}
.btn-link {
	color: #eb2639;
}
.btn-link:hover, .btn-link:focus {
	color: #c63d3d;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #eb2639;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	border-color: #eb2639;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #eb2639;
}
.pagination > li > a, .pagination > li > span {
	color: #eb2639;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #c63d3d;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #eb2639;
	border-color: #eb2639;
}
.label-primary {
	background-color: #c63d3d;
}
.label-primary[href]:hover, .label-primary[href]:focus {
	background-color: #eb2639;
}
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
	color: #eb2639;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color: #eb2639;
}
.progress-bar {
	background-color: #eb2639;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color: #eb2639;
	border-color: #eb2639;
}
.panel-primary {
	border-color: #eb2639;
}
.panel-primary > .panel-heading {
	background-color: #eb2639;
	border-color: #eb2639;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #eb2639;
}
.panel-primary > .panel-heading .badge {
	color: #eb2639;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #eb2639;
}
/**
 * ========================================
 * HEADINGS
 * ========================================
 */

.section-heading:after {
	background-color: #eb2639;
}
.sub-heading::bofore {
 background: none repeat scroll 0 0 #eb2639;
}
.sub-heading::after {
	background: none repeat scroll 0 0 #e1e1e1;
}
/**
 * ========================================
 * LIST
 * ========================================
 */

.features-icon-list-item:hover i {
	background-color: #eb2639;
}
.list-with-icons li > i[class*="icon-"], .list-with-icons li > i[class*="fa-"] {
	color: #eb2639;
}
/**
 * ========================================
 * HEADER SECTION
 * ========================================
 */

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.current > a {
	color: #eb2639;
}
/**
 * ========================================
 * FOOTER SECTION
 * ========================================
 */

.social-media-links li a:focus, .social-media-links li a:hover {
	background-color: #eb2639;
}

@media only screen and (max-width: 320px) {
.p-links {
	padding-bottom: 15px;
}
.social-icon {
	float: none;
}
.copyright {
	text-align: center;
}
.signup_spoylr figure {
    background: #edeaea none repeat scroll 0 0;
    cursor: pointer;
    margin-bottom: 20px !important;
    padding: 56px!important;
    text-align: center;
}

.header-bg-section1 {
    background-image: url("../images/be_a_spolyr.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 110px !important;
    margin-top: 66px;
    width: auto;
}

}

@media (max-width: 480px) {

.support { margin-bottom:40px !important;   }

.spoyl-title {
    font-size: 29px;
}

.p-links {
	padding-bottom: 15px;
}
.social-icon {
	float: none;
}
.copyright {
	text-align: center;
}
.pro-section {
	background-image: none !important;
	width: 100%;
	margin-bottom: 20px;
	height: auto !important;
}
.light {
	text-align: center;
}
.fa-stop {
	font-size: 6px;
	left: 0;
	padding: 7px 0;
	position: absolute;
	display: none;
}
.tabs {
	padding: 0px;
}
.tabs li {
	padding: 0;
	float: none !important;
	margin: 0 0 10px 0 !important;
}

.bottom-banner p {
    color: #fff;
    font-size: 25px !important;
    line-height: 40px !important;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
}

.spoyl-section .download-buttons a {
    margin: 15px !important;
	display:block;
	
}

.spoyl-section {
    border-radius:0 !important;
}

.social-nav {
    margin: 0;
    padding: 0;
}

.how-dec { font-size:18px; color:#FFF; }

.img_mob { width:270px; }   

.tlabs {
    float: none !important;
    text-transform: uppercase;
}

figure {
    margin: 0;
    text-align: center;
}
.how-bg {
    background: rgba(0, 0, 0, 0) url("../images/mobile_how.png") no-repeat scroll center bottom / 100% auto !important;
    height: 360px !important;
}
.signup_spoylr figure {
    background: #edeaea none repeat scroll 0 0;
    cursor: pointer;
    margin-bottom: 20px !important;
    padding: 75px!important;
    text-align: center;
}
.header-bg-section1 {
    background-image: url("../images/be_a_spolyr.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 110px !important;
    margin-top: 66px;
    width: auto;
}

}
.how-img {
	border-color: #eb2638;
	text-align: center;
	font-size: 40px;
	background: #eb2638;
	border-radius: 50%;
	padding: 30px;
}
.how-br {
	background: #fff;
	height: 128px;
	width: 128px;
	padding: 5px;
	border: 2px solid #333;
	border-radius: 50%;
	margin: auto
}
.how {
	text-align: center;
	margin-bottom: 30px;
}
.fa-tag {
	font-size: 54px;
	color: #fff;
}
.fa-rupee {
	font-size: 54px;
	color: #fff;
}
.fa-shopping-cart {
	font-size: 54px;
	color: #fff;
}
how-y {
	background: url(../../assets/images/f_bg.png) no-repeat;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: left;
}
.makers-section {
	background-image: url("../images/post_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.how-section {
	background-image: url("../images/f_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}
.bottom-section {
	background-image: url("../images/spoyl-experience-center-for-web-1.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding:100px 0;
	max-width: 100%;
	width:1920px;
	background-position:center;
}
.pro-section {
	background-image: url("../images/user_pro_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 370px;
	width: 100%;
	background-position: right center;
}
.contact-details ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contact P {
	margin: 0;
}
.light h4 {
	font-size: 14px;
	color: #eb2638;
	font-weight: bold;
}
.light {
	background: #EBEBEB;
}
.light a {
	font-size: 12px;
	color: #333333;
}
.light p {
	font-size: 12px;
}
@font-face {
	font-family: 'ecoicon';
	src: url('../fonts/ecoicons/ecoicon.eot');
	src: url('../fonts/ecoicons/ecoicon.eot?#iefix') format('embedded-opentype'),  url('../fonts/ecoicons/ecoicon.woff') format('woff'),  url('../fonts/ecoicons/ecoicon.ttf') format('truetype'),  url('../fonts/ecoicons/ecoicon.svg#ecoicon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fontawesome';
	src: url('../fonts/fontawesome-webfont.eot');
	src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),  url('../fonts/fontawesome-webfont.woff') format('woff'),  url('../fonts/fontawesome-webfont.ttf') format('truetype'),  url('../fonts/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 30px;
	width: 91px;
	height: 91px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}
.hi-icon1 {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 30px;
	width: 91px;
	height: 91px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.hi-icon1:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.hi-icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
.hi-icon1:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
.hi-icon-share:before {
	content: "\f045";
}
.hi-icon-shopping-cart:before {
	content: "\f07a ";
}
.hi-icon-rupee:before {
	content: "\f156";
}
.hi-icon-customize {
 background:url(../images/customize_black.png) no-repeat center;
}
.hi-icon-customize:hover {
 background:url(../images/customize_white.png) no-repeat center;
}
.hi-icon-tag:before {
	content: "\f02b";
}
.hi-icon-camera:before {
	content: "\f030"
}
.hi-icon-mobile:before {
	content: "\e009";
}
.hi-icon-screen:before {
	content: "\e00a";
}
.hi-icon-earth:before {
	content: "\e002";
}
.hi-icon-support:before {
	content: "\e000";
}
.hi-icon-locked:before {
	content: "\e001";
}
.hi-icon-cog:before {
	content: "\e003";
}
.hi-icon-clock:before {
	content: "\e004";
}
.hi-icon-videos:before {
	content: "\e005";
}
.hi-icon-list:before {
	content: "\e006";
}
.hi-icon-refresh:before {
	content: "\e007";
}
.hi-icon-images:before {
	content: "\e008";
}
.hi-icon-pencil:before {
	content: "\e00b";
}
.hi-icon-link:before {
	content: "\e00c";
}
.hi-icon-mail:before {
	content: "\e00d";
}
.hi-icon-location:before {
	content: "\e00e";
}
.hi-icon-archive:before {
	content: "\e00f";
}
.hi-icon1-chat:before {
	content: "\e010";
}
.hi-icon-bookmark:before {
	content: "\e011";
}
.hi-icon-user:before {
	content: "\e012";
}
.hi-icon-contract:before {
	content: "\e013";
}
.hi-icon-star:before {
	content: "\e014";
}
.hi-icon-effect-3 .hi-icon1 {
    box-shadow: 0 0 0 1px #333;
    transition: color 0.3s ease 0s;
}
.hi-icon-effect-3b .hi-icon1 {
    color: #333;
}
.hi-icon-effect-3b .hi-icon1:hover::after {
    opacity: 1;
    transform: scale(1);
}
.hi-icon-effect-3b .hi-icon1::after {
    opacity: 0;
    transform: scale(1.3);
}
.hi-icon-effect-3 .hi-icon1::after {
    background: #eb2638 none repeat scroll 0 0;
    left: -2px;
    padding: 2px;
    top: -2px;
    transition: transform 0.2s ease 0s, opacity 0.3s ease 0s;
    z-index: -1;
}
.hi-icon-effect-3b .hi-icon1:hover {
    color: #fff;
}
/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}
.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}
/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}
.hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 1b */
.hi-icon-effect-1b .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}
.hi-icon-effect-1b .hi-icon:after {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.hi-icon-effect-1b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 2 */
.hi-icon-effect-2 .hi-icon {
	color: #eea303;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.hi-icon-effect-2 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
/* Effect 2a */
.hi-icon-effect-2a .hi-icon:hover {
	color: #eea303;
}
.hi-icon-effect-2a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}
/* Effect 2b */
.hi-icon-effect-2b .hi-icon:hover:after {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
	-moz-transition: -moz-transform 0.4s, opacity 0.2s;
	transition: transform 0.4s, opacity 0.2s;
}
.hi-icon-effect-2b .hi-icon:hover {
	color: #fff;
}
/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 1px #333;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #EB2638;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}
/* Effect 3a */
.hi-icon-effect-3a .hi-icon {
	color: #f06060;
}
.hi-icon-effect-3a .hi-icon:hover {
	color: #fff;
}
.hi-icon-effect-3a .hi-icon:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}
/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
	color: #333;
}
.hi-icon-effect-3b .hi-icon:hover {
	color: #fff;
}
.hi-icon-effect-3b .hi-icon:hover {
/*color: #f06060;*/
}
.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}
.hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 4 */
.hi-icon-effect-4 .hi-icon {
	width: 92px;
	height: 92px;
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
}
.hi-icon-effect-4a .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}
.hi-icon-effect-4 .hi-icon:before {
	line-height: 92px;
}
.hi-icon-effect-4 .hi-icon:after {
	top: -4px;
	left: -4px;
	padding: 0;
	z-index: 10;
	border: 4px dashed #fff;
}
.hi-icon-effect-4 .hi-icon:hover {
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	color: #fff;
}
/* Effect 4b */
.hi-icon-effect-4b .hi-icon:hover {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}
.hi-icon-effect-4b .hi-icon:hover:after {
	-webkit-animation: spinAround 9s linear infinite;
	-moz-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite;
}
 @-webkit-keyframes spinAround {
 from {
 -webkit-transform: rotate(0deg)
}
 to {
 -webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinAround {
 from {
 -moz-transform: rotate(0deg)
}
 to {
 -moz-transform: rotate(360deg);
}
}
@keyframes spinAround {
 from {
 transform: rotate(0deg)
}
 to {
 transform: rotate(360deg);
}
}
/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hi-icon-effect-5 .hi-icon:after {
	display: none;
}
.hi-icon-effect-5 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #702fa8;
	box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}
.hi-icon-effect-5a .hi-icon:hover:before {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}
 @-webkit-keyframes toRightFromLeft {
 49% {
 -webkit-transform: translate(100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translate(-100%);
}
 51% {
 opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
 49% {
 -moz-transform: translate(100%);
}
 50% {
 opacity: 0;
 -moz-transform: translate(-100%);
}
 51% {
 opacity: 1;
}
}
@keyframes toRightFromLeft {
 49% {
 transform: translate(100%);
}
 50% {
 opacity: 0;
 transform: translate(-100%);
}
 51% {
 opacity: 1;
}
}
.hi-icon-effect-5b .hi-icon:hover:before {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}
 @-webkit-keyframes toLeftFromRight {
 49% {
 -webkit-transform: translate(-100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translate(100%);
}
 51% {
 opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
 49% {
 -moz-transform: translate(-100%);
}
 50% {
 opacity: 0;
 -moz-transform: translate(100%);
}
 51% {
 opacity: 1;
}
}
@keyframes toLeftFromRight {
 49% {
 transform: translate(-100%);
}
 50% {
 opacity: 0;
 transform: translate(100%);
}
 51% {
 opacity: 1;
}
}
.hi-icon-effect-5c .hi-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}
 @-webkit-keyframes toTopFromBottom {
 49% {
 -webkit-transform: translateY(-100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translateY(100%);
}
 51% {
 opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
 49% {
 -moz-transform: translateY(-100%);
}
 50% {
 opacity: 0;
 -moz-transform: translateY(100%);
}
 51% {
 opacity: 1;
}
}
@keyframes toTopFromBottom {
 49% {
 transform: translateY(-100%);
}
 50% {
 opacity: 0;
 transform: translateY(100%);
}
 51% {
 opacity: 1;
}
}
.hi-icon-effect-5d .hi-icon:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}
 @-webkit-keyframes toBottomFromTop {
 49% {
 -webkit-transform: translateY(100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translateY(-100%);
}
 51% {
 opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
 49% {
 -moz-transform: translateY(100%);
}
 50% {
 opacity: 0;
 -moz-transform: translateY(-100%);
}
 51% {
 opacity: 1;
}
}
@keyframes toBottomFromTop {
 49% {
 transform: translateY(100%);
}
 50% {
 opacity: 0;
 transform: translateY(-100%);
}
 51% {
 opacity: 1;
}
}
/* Effect 6 */
.hi-icon-effect-6 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}
.hi-icon-effect-6 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #64bb5d;
}
.hi-icon-effect-6 .hi-icon:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}
/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}
.hi-icon-effect-7 .hi-icon:hover {
	color: #fff;
}
.hi-icon-effect-7 .hi-icon:after {
	top: -8px;
	left: -8px;
	padding: 8px;
	z-index: -1;
	opacity: 0;
}
/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
	box-shadow: 0 0 0 rgba(255,255,255,1);
	-webkit-transition: opacity 0.2s, box-shadow 0.2s;
	-moz-transition: opacity 0.2s, box-shadow 0.2s;
	transition: opacity 0.2s, box-shadow 0.2s;
}
.hi-icon-effect-7a .hi-icon:hover:after {
	opacity: 1;
	box-shadow: 3px 3px 0 rgba(255,255,255,1);
}
.hi-icon-effect-7a .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
.hi-icon-effect-7a .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
	box-shadow: 3px 3px rgba(255,255,255,1);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: opacity 0.2s, -moz-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}
.hi-icon-effect-7b .hi-icon:hover:after {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.hi-icon-effect-7b .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
.hi-icon-effect-7b .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}
.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
.hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}
.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}
 @-webkit-keyframes sonarEffect {
 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
 -webkit-transform: scale(1.5);
 opacity: 0;
}
}
@-moz-keyframes sonarEffect {
 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
 -moz-transform: scale(1.5);
 opacity: 0;
}
}
@keyframes sonarEffect {
 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
 transform: scale(1.5);
 opacity: 0;
}
}
/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}
.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
/* Effect 9a */
.hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}
.hi-icon-effect-9a .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,1);
	color: #fff;
}
/* Effect 9b */
.hi-icon-effect-9b .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}
.hi-icon-effect-9b .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,0.4);
	color: #fff;
}
.nav-tabs {
	border-bottom: none;
}
.tab1 {
	padding: 10px;
}
.tab-center {
	width: 100%;
	margin: auto;
}
.tabs {
	overflow: hidden;
}
.tabs {
	text-align: center;
}
.tabs li {
	list-style: none;
	float: left;
	padding: 10px 42px;
	border: 1px solid #333;
	margin: 0 48px;
	border-radius: 5px;
	background: #000;
	cursor:pointer;
}
.tabs li a {
	color: #FFF;
}
.tabs .active {
	background: #eb2638;
}
.active a {
	color: #fff;
}
.list {
	line-height: 20px;
}
.support {
	width: 100%;
	margin: auto;
	text-align: center;
}
.features-list-item h5 {
	color: #eb2638;
}
/*.features-list-item p { color:#fff; }*/
.bottom-banner p {
	color: #fff;
	font-size: 30px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8)
}
.makers {
	margin-bottom: 40px;
}
.tab-content {

	margin-bottom:30px;
}
/*.container { max-width:999px; }*/
.social-nav {
	margin: 0
}
.social-nav > li {
	margin-bottom: 17.5px;
	margin-top: 17.5px;
}
.social-icons{
	float:right;
}
ul.social-icons li[class] a {
	text-indent: -9999px;
}
ul.social-icons li a:hover {
	text-decoration: none;
}
ul.social-icons li a {
	display: block;
	height: 30px;
	text-align: center;
	width: 30px;
}
ul.social-icons li.facebook {
	background-position: 0 -120px;
}
ul.social-icons li {
	background-image: url("../../assets/images/social-sprites.png");
	background-position: 0 100px;
	background-repeat: no-repeat;
	border-radius: 100%;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	display: inline-block;
	/*margin: -1px 1px 5px 0;*/
	overflow: visible;
	padding: 0;
	transition: all 0.3s ease 0s;
}
ul.social-icons li.facebook:hover {
	background-position: 0 -150px;
}
ul.social-icons li.twitter {
	background-position: 0 -1140px;
}
ul.social-icons li.twitter:hover {
	background-position: 0 -1170px;
}
ul.social-icons li.pinterest {
	background-position: 0 -780px;
}
ul.social-icons li.pinterest:hover {
	background-position: 0 -810px;
}
ul.social-icons li.instagram {
	background-position: 0 -1680px;
}
ul.social-icons li.instagram:hover {
	background-position: 0 -1710px;
}
.double-angle-right {
	content: "\f101"
}
/* inner pages*/
.header-section-1 {
	background: #fff;
}
.header-bg-section {
	background-image: url("../images/in-collage.png");
	background-repeat: no-repeat;
	/*background-size: cover;*/
	height: 200px;
	width: auto;
	background-position: top center;
	margin-top: 66px;
}
.header-bg-section1 {
	background-image: url("../images/be_a_spolyr.png");
	background-repeat: no-repeat;
	/*background-size: cover;*/
	height: 472px;
	width: auto;
	background-position: top center;
	margin-top: 66px;
	background-size:100%;
}
.header-bg-section h1 { color:#fff; font-size: 27px; }
.content-section {
	background-position: center bottom;
	background-repeat: repeat-x;
	margin-top: -38px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.sell-header{
	background-image:url('../images/How to see background.jpg');
	background-size: cover;
	height:400px;
}
.careers-header{
	background-image:url('../images/shutterstock_290401577.jpg');
	background-size: cover;
	height:400px;
}
.about-header{
	background-image:url('../images/about-us.jpg');
	background-size: cover;
	background-position: center !important;
	height:400px;
}
.curation-header{
	background-image:url('../images/curation.jpg');
	background-size: cover;
	background-position: center !important;
	height:400px;
}
.faqs-header{
	background-image:url('../images/faqs.jpg');
	background-size: cover;
	background-position: center !important;
	height:400px;
}
.terms-header{
	background-image:url('../images/terms.jpg');
	background-size: cover;
	background-position: center !important;
	height:400px;
}
.return-header{
	background-image:url('../images/return.jpg');
	background-size: cover;
	background-position: center !important;
	height:400px;
}
.careers-header h1, .sell-header h1{
	margin-top:120px;
}
.content-section p , .content-section span {
	font-size: 16px; 
	margin-bottom: 5px;
	line-height: 30px;
	font-family:'Raleway', sans-serif;
	font-weight:300;
	float:none;
}
.content-section span{
	  position: relative;
    top: 10px;
    left: 10px;
}
.content-section ul {
	padding-left: 10px;
	margin-bottom: 10px;
}
.content-section ul li {
	font-size: 16px; /*font-family:RobotRegular;*/
	line-height: 22px;
	margin-bottom: 5px;
	font-family:'Raleway', sans-serif;
	font-weight:300;
}
.content-section ol {
	padding-left: 20px;
}
.faqs { margin: 0 15px; padding:30px 0; }
.faqs p {
	font-size: 18px;
	padding-bottom:15px;
	font-weight:500;
}
.faqs ul{
	list-style: none;
}
.faqs ol li {
	font-size: 18px;
	padding-bottom:10px;
	font-weight:500;

}
.faqs ul li { 
	
	font-size: 18px;
	padding-bottom:10px;
 }
.faqs a {
	color: #12c;
	font-weight: 500;
}
.faqs h2{
	display: inline-block;
	text-align: left;
}
.faqs h3 {
	font-size: 25px;
	color: #eb2638;
	font-family:'Raleway', sans-serif;
}
.second-faqs , .third-faqs{
	margin-top:80px;
}
.terms ol li {
	font-size: 14px;
}
.terms h4 {
	font-size: 20px;
	color: #eb2638;
	font-family:'Raleway', sans-serif;
}
.spoyl-section .download-buttons a {
	margin: 5px 10px;
}
.list-unstyled {
    clear: both;
    list-style: outside none none;
    margin: 20px 0;
    overflow: hidden;
    padding-left: 0;
}
.list-unstyled li {
	float:left;
}

.list-unstyled li a { font-size:14px; padding:10px; text-transform:uppercase; }
.tlabs { float:right; text-transform:uppercase; }
.tlabs a { color:#333; }
.navbar-nav > li.current > a {
    color: #eb2639;
}

.hero_section_2 {
    background: rgba(0, 0, 0, 0) url("../images/banner1.jpg") no-repeat scroll center center / cover ;
    /*height: 752px;*/
    max-width: 100%;
    width: 1920px;
}



.carousel h2 { color:#fff; }

.manage-every {
  font-size: 32px !important;
  width: 100% !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.carousel-inner {
  /*position: absolute !important;*/
  bottom: 0;
  left: 0;
  right: 0;
  /*margin: -150px 0 0 0;*/
  /*top: 130%;*/
}
.carousel-inner>.item{
  margin-top: 1%;
}
.carousel-caption{
  position: static;
  padding: 0px;
  margin-bottom: 23px;
}
.carousel-caption p{
	font: 18px;
	margin: 0 0 10px;
	color: #fff;
	font-family:'Raleway', sans-serif;
}
.carousel-control{
	top:60px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
	margin-left: -21px !important;
	  color: #fff;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
		margin-right: -21px !important;
	  color: #fff;
}
.carousel-content img{
	margin-bottom:20px;
}
.img_mob{
	margin: 0 auto;
}
.sell-carousel-content p, .sell-carousel-content small, .sell-carousel-content span{
	color:black !important;
}


.responsive_txt {
    color: #fff !important;
}
.privacy { margin:0 15px; }
.privacy h4, h5 {
			color:#eb2638;
			font-weight:400;
			font-size:20px;
			font-family:'Raleway', sans-serif;  }
.privacy ol li { color:#eb2638; }
.privacy ol ul li, .privacy ol li p   {
	color:#333;
	line-height:30px;
	font-family:'Raleway', sans-serif;}
.terms { margin:0 15px; }
.terms ol li { color:#eb2638; font-family:'Raleway', sans-serif; font-size:16px; font-weight:300;  }
.terms ol ol li { color:#333; font-family:'Raleway', sans-serif; font-size:16px; font-weight:300;  }
.terms ol ol li strong { font-weight:300; }

.hero_section_2 h2 { color:#FFF; }
.how-bg {
    background: rgba(0, 0, 0, 0) url("../images/how.png") no-repeat scroll center bottom / 100% auto;
    height: 240px;
}
.footer-nav > li > a { padding:0 13px; }
.why p { font-size:15px; font-weight:300; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}
.bootstrap-select .btn {
    color:#aaaaaa;
	text-transform:none;
	font-weight:400;
}
.seller-form textarea { height:93px; }
.ambassador_btn { /*float:right;*/ text-align:right; }
.hero_section_2 .why p { color:#ffffff; } 
.conci p{ font-size:20px !important; margin-top:40px; }
.conci a {   }
.spoyl_tab_title { 
    cursor: pointer;
    display: inline-block;
    float: left;
    text-align: center;}
.signup_spoylr { text-align: center; }
.signup_spoylr figure { background:#EDEAEA;  margin:auto; text-align:center; padding:20px; cursor:pointer; }
.signup_spoylr figure img { margin:auto; }
.spoyl_tab_title.active { background:#ccc; }
.spoyl_tab_content { display:none; }
.spoyl_tab_content.active { display:block !important; }
.spoyl_tab1_title { 
    cursor: pointer;
    display: inline-block;
    float: left;
    text-align: center;}
.signup_spoylr h4 { text-align:center; margin-top:15px; }
.signup_spoylr figure img { margin:auto; }
.spoyl_tab1_title.active { background:#ccc; }
.spoyl_tab1_content { display:none; }
.spoyl_tab1_content.active { display:block !important; }
.tab_content_wrapper { margin-top:25px;  }
.spoyl-des { color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin: 20px 0 10px;
    text-align: center;
    text-transform: normal; }
/*
.testimonial-content h4 img {
    border: 4px solid #fff;
    box-shadow: 0 0 3px #999;
    display: inline;
    margin-right: 15px;
}
.testimonial-content {
    animation-delay: 0.2s;
    margin: 0 auto 20px;
    max-width: 270px;
    width: 100%;
}
.testimonial-content h4 {
    color: #555;
    font-size: 18px;
    margin-bottom: 25px;
}
.testimonial-content h4 span {
    color: #888;
    font-size: 14px;
    font-weight: normal;
}
.testimonial-content blockquote::after {
    border-color: rgba(75, 170, 211, 0) rgba(75, 170, 211, 0) #EEEEEE !important;
    border-width: 12px !important;
    left: 15%;
    margin-left: -15px;
}

.testimonial-content blockquote {
    background: #EEEEEE;
    border: 0 none;
    border-radius: 2px;
    position: relative;
}
.testimonial-content blockquote::after {
    border: medium solid transparent;
    bottom: 100%;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.testimonial-content blockquote p {
    color: #333;
    font-size: 15px;
    line-height: 25px;
    padding: 14px 13px;
	font-style:italic;
}*/

.line-thru {
    margin: 1em 0;
    display: block;
    font-size: .875em;
    font-weight: 700;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.line-thru:before {
    width: 50px;
    height: 10px;
    /*background-color: #fff;*/
    content: '';
    margin: -5px 0 0 -20px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.line-thru:after {
    width: 100%;
    /*border-bottom: 1px solid #d9d9d9;*/
    content: '';
    display: block;
    position: absolute;
    top: 49%;
    z-index: -2
}
.header_link {
	color: #fff;
	margin: 0;
  padding: 20px;
}
.header_link:hover {
	color:#eb2738;
}
.header_link_a{
	position: relative;
	display: inline-block;
	transition: .7s;
}
.header_link_a::after {
	position: absolute;
	bottom: 0;
	left: 10px;
	content: '';
	width: 0;
	height: 1px;
	background-color: #eb2639;
	transition: .7s;
}
.header_link_second::after{
	left:4px;
}
.header_link_a:hover::after {
	width: 80%;
}
.play-video-icon {
	font-size:50px;
	opacity: 0.7;
	color:#fff;
	border-radius: 50%;
    border: 2px solid #fff;
    width: 70px;
    height: 70px;
    padding: 9px 17px;
    margin: 0 auto;

}
.play-video-icon:hover{
	opacity: 1;
	cursor: pointer;
}

.load_circle_wrapper.loaded,
.loader.loaded,
.page-loading-overlay.loaded {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden
}
.big {
    height: 16px;
    margin: 8px 0 0
}
.load_circle_wrapper {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    z-index: 1002
}
.loading_spinner {
    width: 100%;
    text-align: center;
    margin-top: 60px
}
.loading {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: .5em;
    vertical-align: middle;
    text-align: center;
    background-color: transparent;
    border: 5px solid transparent;
    border-top-color: #eb2638;
    border-bottom-color: #eb2638;
    border-radius: 50%
}
.inner,
.outer {
    -webkit-animation: spin 1s infinite;
    -moz-animation: spin 1s infinite;
    -ms-animation: spin 1s infinite;
    -o-animation: spin 1s infinite;
    animation: spin 1s infinite
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotateZ(360deg)
    }
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotateZ(360deg)
    }
}
@-o-keyframes spin {
    100% {
        -moz-transform: rotateZ(360deg)
    }
}
@keyframes spin {
    100% {
        transform: rotateZ(360deg)
    }
}

/**
 * ========================================
 * How to sell
 * ========================================
 */

.process {
	margin-top:60px;
}





/**
 * ========================================
 * Benefits
 * ========================================
 */
#benefits{
	text-align: center;
}
.title{
	font-size:30px;
	margin:50px auto 0px;
}
.title h1{
	display:inline-block;
}
.reasons{
	text-align:center;
}
.reason{
	display: inline;
	float:left;
	width:16.5%;
	padding: 0 10px;
	border-right: 0.5px solid #eaebec;
}
.reason p{
	font-size:16px;
}
.reason:last-child{
	border:none;
}

.wall{
	height:5px;
	width:30%;
	background:#eb2638;
	margin:25px auto;
}
@media ( max-width: 768px ){
.reason{
	width:28.5%;
	margin:2%;
}
.reason:nth-child(3){
	border:none;
}
}


/**
 * ========================================
 * How to cell
 * ========================================
 */
.menulist>li>a:hover {
	border-color: none;
	background: none;
}
.menulist>li>a:hover, .nav>li>a:focus {
    background-color: none;
}
.menulist>li>a{
	border: none !important;
	border-radius:10px;
}

@media ( max-width: 835px ){
	.menulist>li>a{
		height:67px;
		line-height:50px;
	}
	.how-tab{
		line-height:1.42857143 !important;
	}
	.menubar{
		height:86px;
	}
}

.active{
	opacity:1.0 !important;

}

.menubar{
	width:100%;
	background:#f4f5f5;
  display: -webkit-box;
}
.menulist{
	margin:0 auto;
	width:70%;
  padding-left: 0;
  text-align: center;

}


.menubar li{
	display: block;
	list-style:none;
	opacity: .5;
	margin:10px 0;
	width:25%;
	font-weight:normal;
/*	background: #f4f5f5 !important;*/

}

.menubar li:last-child{
	border:none;
}


.menubar a{
		color:black !important;
		font-size:18px;
}
.menubar li:hover{
	opacity:1;
}
.sell-tab {
		
    color: white !important;
    background: none !important;
}
.sell-tab a{
		background-color: #f4f5f5;
    
}
.sell-tab a:hover{
	background-color: #c4f5f5 !important;
}
.spoyl-sell-menu{
	height: 50px;
	width: 80%;
}
.nav-tabs li.active a:hover {
	background-color: #fff !important;
}
.nav-tabs li a:hover {
	background-color: #d0d0d0 !important;
}


@media ( max-width: 550px ){
	.menubar a{
		font-size:14px;
	padding:10px 0px;
	}
	.spoyl-sell-menu{
		width:95%;
	}

}

/**
 * ========================================
 * How it works
 * ========================================
 */

#how-it-works{
	text-align: center;
	margin-bottom:100px;
}
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline p{
	font-size:16px;
	margin-top:20px;
	line-height:23px;
	font-weight:600;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 30%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline-panel-right{
  margin: 9% 10% 10% 0;
}
.timeline-panel-left{
	margin: 9% 0 10% 10%  ;
}
.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: -60px;
}

.timeline > li:not(.timeline-inverted) {
padding-right:90px;
}

.timeline > li.timeline-inverted {
padding-left:90px;
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #eeeeee;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 117px;
  left: 50%;
  margin-left: -25px;
/*  background-color: #999999;*/
  z-index: 10;
  border-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}

.img-right{
	position: absolute ;
	right:15%;
	top:11%;

}

.img-left{
	position: absolute ;
	left:15% ;
	top:11%;
}


@media ( max-width: 768px ){
.timeline-panel{
	margin:60px auto;
	width:80%;
}
.timeline-heading{
	margin-top:40px;
}

}
/**
 * ========================================
 * Pricing
 * ========================================
 */
#pricing{
	text-align: center;
}
.price{
	text-align: center;
	margin-bottom:100px;
}

.price-left {
    padding-left: 30%;
    margin-top: 40px;
}
.price-left-num{
	margin:20px auto;
	border:2px solid #62d3da;
	border-radius:50%;
	height: 75px;
	width: 75px;
	position:absolute;
}
.price-left-num .num{
	position:relative;
  top: 36%;
  font-size: 30px;
}
.price-left-ex{
	font-size:18px;
  position: relative;
  top: 140px;
  right: 50px;
  width:200px;
  margin-top: 30px;

}

.price-right{
	  padding-right: 20%;
}
.price-right-num{
	margin:20px auto;
	border:2px solid #eb2638;
	border-radius:50%;
	height: 150px;
	width: 150px;
}

.price-right-num .num{
	position:relative;
  top: 41%;
  font-size: 60px;
}
.price-right-ex{
	font-size:25px;
  position: relative;
  margin:40px 0 0;
}

.comparing{
	padding-top:57px;

}

@media ( max-width: 991px ){
	.price-left{
		padding-left:30%;
	}
	.comparing {
	padding-top:57px;
	padding-left:100%;
	

	}

	.price-right{

    padding-right:0;
	}
}



@media ( max-width: 768px ){
	.explain h3{
		margin:0 20px;
	}
 	.price-left{
		padding-left:15%;
	}
	.comparing {
	padding-top:57px;
	padding-left:100%;
	

	}

	.price-right{

    padding-right:0;
	}
}

/**
 * ========================================
 * FAQs
 * ========================================
 */
#faqs{
	text-align: center;
	margin-bottom:100px;
}
#faqs span{
  cursor:pointer;
  font-weight:800;
  }
#faqs p{
 		line-height: 24px;
    font-size: 16px;
    font-weight: 500;
  }
#target{clear: both;}

.questions{
	width:100%;
	margin:0;
	text-align:left;
}
.questions-q{
	margin:20px 0;
}
.questions-q span{
	clear:left;
	float:left;
	font-size:20px;
	margin-bottom:40px;
	color:#eb2638;
	cursor:pointer;
}
.questions-q p{
	clear:left;
	text-align: left;
	padding-left: 39px;
}


/* Carousel */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}

#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 8px;
}
#quote-carousel .carousel-control.left {
    left: -10px;
}
#quote-carousel .carousel-control.right {
    right: -10px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    left:20%;
    top: -250px;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
#quote-carousel p{
	clear:both;
	font-size:20px;
	margin-bottom:10px;
	font-weight:bold;
	text-align:left;
}
.carousel-inner {
    min-height: 300px;
}
.carousel-inner .row{
	margin-top:50px;
}

.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.carousel-title{
	margin:50px auto;
}
.carousel-box{
	margin-bottom:210px;
}
.carousel-content{
	text-align:center;
	height:450px;
}
.carousel-content .sub-heading {
	margin-bottom:0px;
}
.img-responsive{
	border:2px solid rgba(235, 38, 57,1);
	border-radius:50%;
	width:70px;
	height:70px;
	margin-bottom:20px;
	float:left;
}
.carousel-content small{
	margin-top:20px;
	padding-right:0px;
	float:left;
	font-size:20px;
	color:black;
}
.carousel-content-top{
/*	background-image: url(../images/carousel.jpg);*/
	background-size:contain;
	height: 500px;
}

.black-background-overlay-carousel{
	background: url(../images/overlay_1.png) repeat;
	background-color: rgba(255,255,255, .7 );
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 70%;
	width: 100%;
}

@media ( max-width: 768px ){
	.carousel-inner span{
		display: inline-block;
		width:75%;
	}
	.carousel-content-top{
		height: 500px;
	}
.carousel-title h1{
	font-size:28px;
	margin-bottom:20px;
		display: inline-block;

}
#quote-carousel .carousel-control{
	margin-top:7%;
}
}
@media ( max-width: 550px ){
	#quote-carousel .carousel-control{
		margin-top:12%;
	}
	.carousel-content-top{
		height: 600px;
	}
}

/**/
/*From Grofers*/
/**/

.sell-buy-discover{
  background-color:#f8f8f8;
  padding:50px 0 0;
      }
.sell-buy-discover h1{
  margin-top:100px;
  text-align:left;
      }
.sell-buy-discover h4{
  text-align:left;
      }
.sell-buy-discover img{
  width:300px
      }
.sell-buy-discover .right{
  float:right;
      }
.sell-buy-discover .mrgn-btm{
  margin-bottom:50px
      }
@media ( max-width: 768px ){
.sell-buy-discover h1.heading{
	margin-top:50px !important;
}
.sell-image{
	width:80% !important;
}
.col-xs-12:nth-child(even){
	margin-bottom:100px;
}
}
@media ( max-width: 550px ){
.sell-image{
	width:100% !important;
}
}
.download-app{
  text-align:center;
  position:relative;
  background-repeat:no-repeat;
  background-size:cover;
  padding:50px 0 120px;
  background-image: url(../images/clothes.jpg);
      }
.download-app h1.heading{
  color:#fff
      }
.download-app h3{
  color:#fff;font-size:16px;line-height:28px;margin-top:20px;font-weight:400
      }
.download-app h3 b.regular{
  font-weight:500
      }
.download-app .phone-input{
  padding-top:3em
      }
.download-app .intl-tel-input{
  display:inline-block;vertical-align:middle;height:48px;width:214px;font-weight:400;border-top-left-radius:3px;border-bottom-left-radius:3px;border:1px solid #eee;padding:5px;background-color:#fff
      }
.download-app .intl-tel-input div{
  display:block;float:left
      }
.download-app .intl-tel-input input{
  background:0 0;display:block;border:none;outline:0;font-size:1.6rem;width:204px;height:27px;padding-top:10px;font-weight:400
      }
.download-app #get-app-button{
  width:105px;height:48px;font-size:1.6rem;padding:6px 0;font-weight:400;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:#eb2638;color:#fff;outline:0;border:1px solid #eb2638;margin-left:-4px;vertical-align:middle;display:inline-block
      }
.download-app .download-app-btns{
  position:absolute;bottom:29%;left:0;right:0
      }
.fixedPosition{
  position:absolute!important;bottom:26%!important
      }
.download-app h3 a{
  color:#fff;font-size:12px
      }
.sell-buy-discover h1.heading{
  margin-top:105px
      }
.locations #city-slider{
  margin:-20px 0 20px
      }
.locations .full-city-list{
  font-size:12px
      }
.locations .full-city-list ul{
  width:40%
      }
.locations .full-city-list ul.third-list{
  width:0
      }
.locations .full-city-list ul li{
  font-size:12px;padding:5px 0
      }
.download-app h3{
  line-height:1.7em;font-size:14px;margin-top:10px
      }
.download-app .phone-input{
  padding-top:2em;
  margin-bottom:30px;
      }
.download-app .intl-tel-input{
  width:220px!important;height:40px
      }
.download-app .intl-tel-input input{
  font-size:13px;padding-top:5px
      }
.download-app #get-app-button{
  width:92px;
  height:40px
      }
.download-app .download-app-btns{
  bottom:17%
      }
.fixedPosition{
  bottom:13%!important
      }


/*
products
*/

.products{
  text-align:center
}

.products h1{
	margin-top:80px;
}
.products h4 , .sell-buy-discover h4{
	color:#666666;
}
.products li{
	height:115px;
  display: inline-block;
  vertical-align: top;
}
.products ul{
  margin:80px 0;
}
.products ul li{
  width:200px
}
.products img{
  width:70px;
  height:70px;
  padding:5px;
}
.products .second-list{
	margin-bottom:50px;
}
@media only screen and (max-width :769px){
  section{
  padding:0;
}
section .constant-padding{
  padding:0 15px
}
.mobile-products h4{
  margin-bottom:30px;font-size:12px!important;
}
.mobile-products .pdng0{
  padding:0!important
}
}


.sentence1{
	top:42px;
	right:15%
}
.sentence2{
	top:50px;
	left:15%;
}
.sentence3{
	top:75px;
	right:15%
}
.sentence-right{
  text-align: right !important;
}


@media ( max-width: 768px ){
.sentence1{
	top:0;
	right:0;
	margin-bottom:20px !important;
}
.sentence2{
	top:0;
	left:0;
	margin-bottom:20px !important;

}
.sentence3{
	top:0;
	right:0;
	margin-bottom:20px !important;

}
.curation .mrgn-btm{
	margin:50px auto !important;
}
}
.subheading
	line-height:28px;
}

@media ( max-width: 1200px ){
	.products ul li{
		width:158px;
	}
}
@media ( max-width: 992px ){
	.products ul li{
		width:30%;
	}
	.products ul{
				margin:40px 0;
	}
	.products ul li:nth-child(4),.products ul li:nth-child(5){
		margin-top:40px;
	}
}

.products .col-xs-4{
	height:150px;
}
/**
 * ========================================
 * As seen on
 * ========================================
 */
.as-seen-on{
	margin:0px auto 50px;
	text-align: center;
}
.as-seen-on p{
	margin:10px; font-size:16px;
}
.as-seen-on .sub-headings{
	margin-bottom:50px;
}
.as-seen-on img{
	max-width:70%;
	height:auto;
}
.as-seen-on .second-img{
    max-width: 180px;
    height: auto;
    margin-bottom: 31px;
    margin-top: -10px;
}
.as-seen-on .third-img{
	margin-top:-10px;
}
.as-seen-on .title{
	font-style:bold;
	font-size:36px;
}
@media ( max-width: 768px ){
.as-seen-on img{
	float:left;
	width:28%;
	margin:0 2.5%;
}
.as-seen-on .second-img{
	margin-top:-27px;
}
.as-seen-on .third-img{
	margin-top:-30px;
}
}
/**
 * ========================================
 * Curation
 * ========================================
 */

.curation .mrgn-btm{
	margin:100px auto;
}

/**
 * ========================================
 * AboutUs
 * ========================================
 */
.aboutus h4{
	color:black;
	margin:50px auto;
	line-height:28px;
}
.facts{
	margin-bottom:100px;
}
.facts p{
	font-size:16px;
}
.million , .pm{

  font-size: 30px !important;
  font-weight: bold;
  text-align: right;
}
#cup3{

}
.fact{
		display: inline;
    float: left;
    width: 25%;
    padding: 0 10px;
    border-right: 0.5px solid #eaebec;
}

.fact-num{
	font-size:50px;
	font-weight:700;
	margin-bottom:50px;
}

@media ( max-width: 768px ){
	.fact-num{
		font-size:35px;
	}
	.million{
  font-size: 35px !important;

	}
}
@media ( max-width: 550px ){
	.fact-num{
		font-size:25px !important;
	}
	.million{
  font-size: 25px !important;

	}
}


/**
+ * ========================================
+ * Careers
+ * ========================================
+ */
.careers-contents li{
 list-style: none;
}
.careers-contents h1{
	display: inline-block;
	margin:50px 0 30px;
}
.spoylteam{
	max-width:110%;
  margin-left:-6%;
}
/**
+ * ========================================
+ * Animations
+ * ========================================
+ */
.sell-buy-discover {
    position:relative;
}
#aaa {
    position:absolute;
    top:100px;
    right:20px;
    text-align:center;
    display:none;
}
@media(max-width: 550px)
{
	.form-control{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.form-container{
		padding: 20px !important;
	}
}

img.grow {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

img.grow:hover {
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

#dock-slider {
	text-align: center;
	height: 350px;
}
#dock-slider li {
/*	float:left;*/
	display: inline;
	margin-right: 2px;
}
#dock-slider ul{
	list-style: none;
	margin:20px auto;
}
#dock-slider .check li{
	cursor: pointer;
	margin:50px auto 0px;
}
#dock-slider .step p{
	margin:0 25px;
	display: inline;
}
#dock-slider .slide img {
	width:10%;
	height:10%;
	cursor:pointer;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	-ms-transition-duration: .2s;
	transition-duration: .2s;
}
#dock-slider .slide img:hover {
	width:13%;
	height:13%;
}
.scaled{
	width:30% !important;
	height:30% !important;
}
.scaled-others{
	margin-top:-34%;
}
.scaledd{
	height:100% !important;
}


@media ( max-width: 768px ){
.dock-slider-smart .slide img {
	height:30%;
	width:30%;
}
}


.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:-7% !important;
}
.hide-bullets .active{
	opacity:1.0;
}

.hide-bullets .active .car-thumb-line{
	width: 100%;

}
.hide-bullets .car-thumb-line{
	height: 2px;
	background-color: #eb2638;
	width: 0;
	top: 50px;
    left: 80px;
    z-index: 0;
	position: absolute;
	transition: 0.7s;

}
.hide-bullets .active .car-thumb-circle{
	left: calc(100% + 56px);
/*	border:5px solid rgba(154,154,154,0.3);*/
	height: 30px;
	width: 30px;
	top:36px;
}
.hide-bullets .car-thumb-circle{
	height: 5px;
	width: 5px;
	border-radius: 50%;
	background-color: #eb2638;
	top: 48px;
    left: 75px;
    z-index: 100;
	position: absolute;
	transition: 0.7s;
	border:0px solid rgba(154,154,154,0.3);

}

.thumbnail {
    padding: 0;
    border:none;
}
.hide-bullets a:hover{
	cursor: pointer !important;
}

.thumbnail img{
	width:40px;
}

#carousel-bounding-box .carousel-inner{
	margin:30px;
	min-height:445px;
	overflow:hidden;
	width: 250px;
}

#carousel-home-box .carousel-inner{
	min-height: 288px;
	height: 288px;
    overflow: hidden;
    width: 209px;
    margin: 62px 0px 0 3px;
}
#carousel-bounding-box .carousel-inner .item{
	width: 250px;
	position: absolute;
	top:0;
}
#carousel-home-box .carousel-inner .item{
	width: 250px;
	position: absolute;
	top:0;
}
#slider-thumbs li{
	float:none;
	cursor:pointer;
	opacity: 0.5;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

.car-thumb-div{
	border-radius:50%;
	width:80px;
	height:80px;
	background-color:#eb2638;
	padding:10px;text-align: center;margin-top: 10px;
	float: left;
}
.car-thumb-div p{
	margin-top: 10px;
}
.car-thumb-div i{
	font-size:40px;
}
.car-thumb-text{
	width: calc(100% - 80px);
    height: auto;
    padding: 15px 0px 0px 10px;
}
.car-thumb-text h4{
    font-weight: bold;
    color: #333;
}
.car-thumb-text h6{
    color: #333;
    font-size:16px;
    font-weight: bold;
 		width:150%;
}
.car-thumb-text p{
    font-weight: bold;
    color: #333;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    width:130%;
}
.thumbnail{
	display: inline-flex;
	margin-bottom: 8px;
}

.questions-q .hide-bullets p{
	padding-left:0;
}

@media ( max-width: 991px ){
	.questions-q .hide-bullets{
		margin-left:-10% !important;
		padding-left:0;
	}
	.car-thumb-text h6{
		width:300%;
	}
}

@media ( max-width: 550px ) {
	#main_area{
		zoom:0.8;
		-moz-transform: scale(0.8);
	}

}
@media ( max-width: 420px ) {
	#main_area{
		zoom:0.6;
		-moz-transform: scale(0.6);
	}
	.car-thumb-text h6{
		width:500%;
	}
}

.three_items li{
	margin:50px 0px;
}
.sell-page-heading {
   visibility: visible; animation-duration: 1s; animation-name: fadeIn;padding-left: 30%;margin-top:90px
}
@media(max-width: 767px){
    .sell-page-heading {
        visibility: visible; animation-duration: 1s; animation-name: fadeIn;padding-left: 30%;margin-top:0px !important;font-size: 30px !important;
    }   
}


/*login*/
.close-button{
	font-size:30px;
	color:#777;
	cursor: pointer;
	position: absolute;
    right: 1px;
    top: -1px;
}

@media(max-width:550px){
	.signin-social{
		margin-top:10px;
	}
	.spoyl-description{
		height:0px;
		margin:0px;
	}
	#loginModal p{
		margin-bottom:10px;
	}
	.line-thru{
		margin:10 auto;
	}
}

@media(max-width: 550px){
	#loginModal .modal-content{
		width:90%;
		zoom:0.8;
		-moz-transform: scale(0.8);
		margin: 0 auto;
	}
}
@media(min-width: 768px){
	.close-button{
		display: none;
	}
}


.ca-header{
	background-image:url('../images/ca/cover.jpg');
	background-size: cover;
	background-position: center !important;
	height:400px;
}

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

.grid {
	position: relative;
	margin: 0 auto;
	width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 320px;
	max-width: 50%;
	height: 395px;
	width: 50%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	max-height: 100%;
	min-width: 100%;
	max-width: none;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming {
	background: #030c17;
}

figure.effect-ming img {
	opacity: 0.6;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 1 !important;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
/*	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);*/
}



figure.effect-ming h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	color: #fff !important;
    font-weight: 600;
}

figure.effect-ming p {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-ming:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
	opacity: 0.3;
}

.spoyl-big-box{
	z-index:9;width:60% !important;height:450px !important;position:absolute !important;right:0;max-width:60% !important;
}

@media(max-width: 680px)
{
	.spoyl-box{
		width:100% !important;
		max-width:100% !important;
	}
	.spoyl-big-box{
		z-index:9;width:100% !important;height:350px !important;position:relative !important;max-width: 100% !important;
	}
}
@media(max-width: 768px)
{
	.ca-con{
		margin-top:-42px !important;
	}
	.ca-subheading{
		font-size: 15px;
	}
}
.modal-img-box{
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
	width:50%;margin:-10% auto 0 auto;
	position: relative;
}
.modal-img-overlay{
	position: absolute;
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
}
.modal-h2{
	position: absolute;
	margin: 25% auto 0 auto;
	color:#fff;
	top:0;
	text-align: center;
	width: 100%;
	font-family: 'Itim', cursive;
}
.modal-img{
	width: 100%
}
.modal-txt{
	font-family: 'Raleway', sans-serif;
}
.modal-txt span{
	font-family: 'Raleway', sans-serif;
}
.ca-section h2{
	font-family: 'Itim', cursive;
}
.how-it-works{
	font-size: 50px;
}
.how-box {
	width: 100% !important;max-width: 100% !important;height: 500px !important;
}
@media(max-width: 680px)
{
	
	.modal-img-box{
		width:80%;
	}
	.how-it-works{
		font-size: 36px;
	}
	.how-box{
		width: 100% !important;max-width: 100% !important;height: 390px !important;
	}
}
@media(min-width: 550px)
{
	.login-modal{
		zoom: 0.8;
		-moz-transform: scale(0.75);
	    width: 550px;
	    margin: 0 auto;
	}	
}