@charset "utf-8";
/* CSS Document */

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

}




@font-face {
    font-family: 'proxima_nova_thextrabold';
    src: url('../fonts/proximanova-xbold.eot');
    src: url('../fonts/proximanova-xbold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-xbold.woff2') format('woff2'),
         url('../fonts/proximanova-xbold.woff') format('woff'),
         url('../fonts/proximanova-xbold.ttf') format('truetype'),
         url('../fonts/proximanova-xbold.svg#proxima_nova_thextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}


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

}




@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/mark_simonson_-_proxima_nova_regular.eot');
    src: url('../fonts/mark_simonson_-_proxima_nova_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mark_simonson_-_proxima_nova_regular.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_regular.woff') format('woff'),
         url('../fonts/mark_simonson_-_proxima_nova_regular.ttf') format('truetype'),
         url('../fonts/mark_simonson_-_proxima_nova_regular.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.top-head {
	position:relative;
}

.right-header{ 
	background-color:#ff7a4d;
	height:116px;
	position:absolute;
	left:0px;
	top:-45px;
	width:50%;
	z-index: -1;
}










nav.navbar.shrink {
  min-height: 70px;
}

nav.shrink {
  padding-top: 20px !important;
  padding-bottom:0px !important;
}

nav.shrink .right-header {
	height:96px;
}

.caption-btn{
	font-size:18px;
	color:#FFF;
	font-family: 'proxima_nova_ltsemibold';
	margin-right:20px;
	margin-top: 30px;
	width: 285px;
}
.caption-btn:hover{color:#FFF;}
.login{ font-family: 'proxima_nova_rgregular' !important; font-size:16px !important;}
.signup{ background-color:#ff7a4d; border-radius:30px;font-family: 'proxima_nova_rgregular' !important; font-size:11px !important; padding:5px 15px;}

.suppllers-signup{ background-color:#ff6c3a; border-radius:30px;font-family: 'proxima_nova_ltsemibold'; font-size:16px !important; color:#FFF; padding:5px 30px;}

.business-signup{ background-color:#20a0e9; border-radius:30px;font-family: 'proxima_nova_ltsemibold'; font-size:16px !important; color:#FFF; padding:5px 30px;}


.business{ background-color:#ccd9e2; padding:90px 0px; text-align:center;font-family: 'proxima_nova_rgregular' !important; font-size:30px !important; color:#333;}
.middle-section{ padding:80px 0px; text-align:center;}
.middle-section h2{font-family: 'proxima_nova_thextrabold'; font-size:17px; color:#000; margin:0px 0px 40px 0px; text-transform:uppercase; letter-spacing:3px; }
.middle-section p{ font-size:16px; color:#5c5c5c;line-height:24px;margin-top:35px;font-family: 'Open Sans', sans-serif;}

.business-management{ background-color:#ff6c3a; padding:50px 0px; text-align:center; font-family: 'proxima_nova_ltlight'; font-size:40px; color:#FFF;}


.middle{ margin:0 auto; float:none}
.bottom-section{background-color:#ccd9e2;padding:70px 0px;}
.bottom-section h3{font-family: 'proxima_nova_rgbold'; font-size:24px; color:#303030; margin:0px 0px 50px 0px;}
.bottom-section p{font-size:16px; color:#5c5c5c;line-height:24px;font-family: 'Open Sans', sans-serif; margin-bottom:30px;}

.bottom-section .orange h2{ font-family: 'proxima_nova_ltsemibold'; font-size:17px; color:#f05626; margin:0px 0px 40px 0px; text-transform:uppercase; letter-spacing:3px;}
.bottom-section .blue h2{ font-family: 'proxima_nova_ltsemibold'; font-size:17px; color:#20a0e9; margin:0px 0px 40px 0px; text-transform:uppercase; letter-spacing:3px;}


.new-business{ background-color:#20a0e9; padding:60px 0px; text-align:center; font-family: 'proxima_nova_ltlight'; font-size:40px; color:#FFF;}

.help{ padding-top:40px; border-top: 5px solid #ebeff2;}
.help h2{font-family: 'proxima_nova_ltsemibold'; font-size:36px; color:#000; margin:45px 0px 15px 0px;}
.help h3{font-family: 'proxima_nova_ltlight'; font-size:28px; color:#000; margin:0px 0px 25px 0px;}

footer{
	background-color:#262626;
	padding:50px 0px;
	font-family: 'proxima_nova_ltlight'; 
	font-size:13px;
	color:#616466;
}

footer a{color:#616466;}
footer a:hover{color:#616466;}

footer .copy-right{color:#999;}
.privacy-terms a{margin:0px 10px;}
.footer-heading{font-size:14px; color:#FFF; margin: 10px 0 13px;}
footer ul{margin:0px; padding:0px;}
footer li{list-style-type:none; margin:0px 0px 15px 0px;}

.FindBusiness-header{
	background:url(../images/FindBusiness-header.jpg) center 0px no-repeat;
	height:542px;	
}
.FindBusiness-header .carousel-caption {
    bottom: 122px !important;
}	

.pricing-header{
}
.pricing-header .carousel-caption {
    top:90px !important;
	text-align: center;
	  margin: 0 auto;
}	

.pricing-header .carousel-caption h1 {
    width: auto;
	
}

	
.how-it-works{ padding:89px 0px 75px 0px; text-align:center}
.how-it-works h2{font-family: 'proxima_nova_thextrabold'; font-size:24px; color:#ff7a4d; margin:0px 0px 40px 0px;}
.how-it-works p{font-family: 'proxima_nova_ltsemibold'; font-size:24px; color:#1c1c1c; margin:0px;}	
.our-process{ padding:30px 0px 0px; background-color:#FFF;}
.our-process .small-para{ text-align:center; font-size:14px; color:#677171; }
.our-process .small-para a{ color:#ff6c3a;}	

.process-box{ margin-bottom:70px;}
.process-heading{ font-size:24px; color:#ff6c3a; text-align:center;font-family: 'proxima_nova_thextrabold'; margin:150px 0px 114px 0px;  }
.process-box h3{font-family: 'proxima_nova_rgbold';color:#000; font-size:24px; margin:0px 0px 40px}
.process-box p{color:#666666; font-size:18px; font-weight:400; margin:0px;font-family: 'proxima_nova_rgregular';}

.pricing{ margin-top: -201px; margin-bottom:90px;}
.pricing .pricing-box{ border:1px solid #cacaca;}
.pricing .pricing-box .pricing-rate{ background-color:#e9e9e9; padding:30px 0px; text-align:center}
.pricing .pricing-box .pricing-rate h2{ font-size:16px; color:#303030;font-family: 'proxima_nova_thextrabold'; text-transform:uppercase;margin:0px 0px 20px 0px;letter-spacing: 3px;}
.pricing .pricing-box .pricing-rate .rate{font-family: 'proxima_nova_rgregular';font-size:48px; color:#303030; margin-bottom:20px;}
.pricing .pricing-box .pricing-rate .rate span{font-family: 'proxima_nova_ltlight';font-size:30px;}

.pricing .pricing-box .pricing-middle .rate { color:#ff7a4d;}

.pricing .pricing-box .pricing-rate p{font-family: 'proxima_nova_rgregular';font-size:14px; color:#5c5c5c;}
.pricing .pricing-box .pricing-description {font-family: 'proxima_nova_rgbold';font-size:36px;color:#303030; text-align:center; padding:30px 0px;}
.pricing .pricing-box .pricing-description ul{ padding:0px; margin:0px;}
.pricing .pricing-box .pricing-description li{ display:block; text-align:center; list-style-type:none; margin-bottom:40px;line-height: 27px;}
.pricing .pricing-box-last .pricing-description li:last-child{margin-bottom:12px;}
.pricing .pricing-box .pricing-description li span{ font-size:14px; color:#5c5c5c;font-family: 'proxima_nova_rgregular'; clear:both; display:block;}
.pricing .pricing-box .pricing-description li strong{letter-spacing:2px; font-weight:800;font-family: 'Open Sans', sans-serif;color:#282828; font-size:14px; text-transform:uppercase;}
.question{ font-size:36px;}
.question-box{ padding:90px 0px 40px ;}
.question-box .col-md-4{ margin-bottom:40px;}
.question-box h3{font-family: 'proxima_nova_ltsemibold';font-size:16px; color:#1a1a1a; margin:0px 0px 20px 0px; text-transform:uppercase;line-height:24px;}
.question-box p{font-family: 'proxima_nova_rgregular';font-size:14px; color:#5c5c5c; line-height:24px;}

.invite{ padding:80px 0px; text-align:center; background:url(../images/invite-header.jpg) center 0px no-repeat;height:573px; /*background-size:100%;*/margin: 0 auto;max-height: 573px;max-width: 100%;}
.invite h1{font-family: 'proxima_nova_rgbold';font-size:54px;color:#FFF; margin:0px;text-align:center;}
.invite h3{font-family: 'proxima_nova_rgregular';font-size:26px; color:#FFF;margin-bottom: 40px;}
.invite .or{ color: #fff;font-family: "proxima_nova_ltlight";font-size: 30px;padding: 0 22px;  display: table-cell;}
.logo{ margin-bottom:48px; display:block;}
.invite-btn{ display: table;margin: 0 auto;text-align: center;}

.invite p{font-family: 'Open Sans', sans-serif;color:#FFF; font-size:18px; font-weight:400; margin-top:40px; }


.invite-middle{ padding:100px 0px; text-align:center}
.invite-middle h2{font-family: 'proxima_nova_ltsemibold'; color:#252a2a; font-size:22px; margin:0px 0px 40px 0px;}
.invite-middle p{font-family: 'proxima_nova_rgregular';color:#677171; font-size:16px; line-height:30px; margin:0px;}
.invite-middle .screen-img{ margin-bottom:40px;}
.invite-question{font-family: 'proxima_nova_ltsemibold'; color:#FFF; font-size:30px;}
.invite-bottom-section{ padding:68px 0px;}
.invite-bottom-section h2{font-family: 'proxima_nova_ltsemibold';color:#252a2a; font-size:24px; margin-bottom:23px; }
.invite-bottom-section p{font-family: 'proxima_nova_rgregular';color:#677171; font-size:16px; line-height:30px; margin:0px;}

.close-deal-box{ background-color:#ef5725; padding:40px 20px; text-align:center;}
.close-deal-box h2{ color:#ffffff;font-family: 'proxima_nova_rgbold';font-size:24px; margin:0px 0px 20px 0px;}
.close-deal-box p{font-family: 'Open Sans', sans-serif;font-weight:400; font-size:14px; color:#ffccbb; line-height:20px;}
.close-deal-box-form{ padding:30px 22px;float: right;}
.close-deal-box-form .register-lable{font-family: 'Open Sans', sans-serif;font-weight:700; font-size:13px; color:#fff; float:left;margin:9px 10px 0 0;}
.close-deal-box-form input{   float: left; background-color:#FFF; border-radius:5px; width:100%; border:1px solid #d1d1d1; width:208px; height:37px; margin-bottom:25px;}
.email{ margin-bottom:0px!important;}
.email-txt{margin-bottom:20px!important;  text-align: right;}

.radiobutton-box{ width:60px; float:left;  margin-top: 8px;color:#FFF; font-size:13px; font-weight:400;margin-bottom: 30px;}


/*Form*/
input[type=radio]{display:none;}

input[type=radio] + label{ margin-top: 4px;font-size:18px;color:#FFF;
display:inline-block;vertical-align: middle;cursor: pointer;
font-weight: normal;font-weight:400;padding:0;border:5px solid #919191;float: left;border-radius: 50%;height:14px;width:14px;background-color:#FFF; border-radius:50%; border:1px solid #d1d1d1; }

input[type=radio]:checked + label{ 
background-color:#7b1e00; border-radius:50%; border:1px solid #d1d1d1;font-weight:400;font-size:18px;color:#FFF;}

input[type="radio"]:not(old) + label {display: inline-block;line-height: 1.5em;margin-left:0em;}








/*Button*/
.btn-business{color:#fff;background-color:#ef5725;box-shadow:0px 4px #454545;border-radius:5px;}
.btn-request{color:#fff;background-color:#20a0e9;box-shadow:0px 4px #1c5779;border-radius:5px;}
.btn-gray{color:#fff;background-color:#7e7e7e;box-shadow:0px 4px #454545;border-radius:5px;}
.btn-grid300{margin: 10px auto 0;width: 300px;}

@media screen and (max-width:1505px) {
.pricing-header .carousel-caption {
    top: 4px !important;
}

}
@media screen and (max-width:1405px) {
.carousel-caption h1 {
    width: auto;
}
}
@media screen and (max-width:1250px) {
.carousel-caption {
    width: 51%;
	 bottom: 0;
}

.pricing {
    margin-bottom: 90px;
    margin-top: -139px;
}

}


@media screen and (max-width:1199px) {
.process-box img{ width:100%;} 
.navbar-inverse {
    padding: 26px 0 20px;
}
.right-header {
    height: 135px;
}
nav.shrink .right-header {
    height: 120px;
}

.navbar-brand {
    margin-top: 16px;
}

nav.shrink {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.navbar-left {
    float: right !important;
}
.navbar-default {
    padding: 26px 0 20px;
}



.navbar-left li:last-child a {
    margin:0px !important;
}

.carousel-caption {
    width: auto;
	 font-size: 20px;
}
.carousel-caption h1 {
    font-size: 43px;
    margin: 0;
}

.bottom-section img{ width:100%; }
.pricing .pricing-box .pricing-rate {padding: 30px 20px;}
.btn-grid300 {width: auto;}
.close-deal-box{ width:100%;}
.close-deal-box-form {float: none;margin: 0 auto; width:60%;}
.invite-bottom-section .col-md-7{ width:100%;}
.close-deal-box-form  .pull-right{ float:none !important} 
.close-deal-box-form input {width: 100%;}
.close-deal-box-form .register-lable {   text-align: left;display: block;float: none;}
.invite-btn {margin: 0 auto 20px;}
.close-deal-box-form {width: 100%;}
}

@media screen and (max-width:991px) {
	.carousel-caption {
    left: 12%;
    right: 12%;
    top: 0;
	}	
	
	.carousel-caption h1 {
    font-size: 44px;
    margin: 0;
}
	
	.caption-btn {
	    margin-top: 0;
	}
	
    .business {
		padding: 30px 0;
	}
	
	.middle-section {
		padding: 50px 0;
	}
	.middle-section h2 {
    	margin: 0 0 15px;
	}
	
	.middle-section p {
	    margin-top: 7px;
	}

	.middle .col-md-4{
		margin-bottom:20px;
	}
	
	.btn-grid300 { font-size:14px;}
	
.how-it-works {
    padding: 40px 0;
}

.how-it-works h2 {
    margin: 0 0 5px;
}
.process-heading {
    margin: 30px 0;
}
.invite-bottom-section {
    padding: 20px 0;
}
}

@media screen and (max-width:827px) {
	.carousel-caption h1 {
    font-size: 32px;}
	
	.caption-btn {
    margin-right: 4px;
}

}

@media screen and (max-width:768px) {
.right-header {
    height:135px;
}

nav.shrink .right-header {
    height: 120px;
}

.carousel-caption h1 {
color:#ff7a4d

}

.navbar-collapse{
margin-top:0px;
}



.carousel-caption p{
 color: #333;
}
.carousel-caption {
    left: 2%;
    right: 2%;
    top:59px;
}
.carousel-caption {
    position: static;
	 text-align: center;
}

.caption-btn {
    font-size: 17px;
    margin-bottom: 12px;
}
.navbar-default {
    padding: 26px 0 0px;
}

.navbar-left {
    float: left !important;
}
.navbar-right {
    float: right  !important;
}
.nav > li {
    display: inline-block;
    position: relative;
}


.help {
    padding-bottom: 20px;
    padding-top: 20px;
}
.help .col-md-4{display:none;}
.help h2 {
    margin: 0 0 15px;
}

footer .col-md-2{
	width:25%;
	float:left;
}
.process-box p{ margin-bottom:20px;}
.process-box img { margin-bottom:20px;}
.pricing {margin-bottom: 90px;margin-top: 0;}
.how-it-works {padding: 0 0 20px;}
.pricing {margin-bottom: 10px;}
.invite-middle .col-md-4{ margin-bottom:20px;}
.invite-middle {padding: 30px 0;}
}


@media screen and (max-width:767px) {
body {
    padding-top: 77px;
}

.navbar-inverse {
    padding: 10px 0 0;
}
.right-header {
    height:112px;
}

nav.shrink .right-header {
    height:112px;
}


nav.shrink {
    padding-bottom:0px !important;
    padding-top: 10px !important;
}

nav.shrink .navbar-collapse{
margin-top:0px;
}
.pricing .pricing-box {
    margin-bottom: 20px;
}

}

@media screen and (max-width:678px) {
.close-deal-box-form {float: none;margin: 0 auto; width:72%;}
.invite {padding: 30px 0;background-size:290%; height: auto;}
.logo {margin-bottom:5px;}
.invite h1 {font-size:40px;}
.invite h3 {font-size:21px;margin-bottom: 10px;}
.invite .or {  display: table;line-height: 12px;margin: 0 auto 11px;}
.invite-btn {display: table;}
.invite-btn {font-size:18px !important;width:269px;  padding: 12px 6px;}
.invite p {margin-top: 10px;}

}

@media screen and (max-width:550px) {
.close-deal-box-form {float: none;margin: 0 auto; width:100%;padding: 0;}
.navbar-left {
    float:none !important;
}
.navbar-right {
    float:none !important;
}

.right-header {
    width: 78%;
}
footer .col-md-2{
	width:50%;
	float:left;
}
.invite {
    background-size: auto auto;
}

.invite h1 {
    font-size: 28px;
}
}
@media screen and (max-width:480px) {
.register-lable-radio{ float:none !important; display:block; text-align: left;}
}

@media screen and (max-width:380px) {
.register-lable-radio{ float:none !important; display:block; text-align: left;}
.invite-bottom-section .col-md-10{ margin:0px -15px}
.invite-bottom-section .btn-request{ width:100% !important;}
.invite h1 {
    font-size: 25px;
}
.invite-btn {
    width: 271px;
}
}

@media screen and (max-width:330px) {
.navbar-brand {
    padding: 0 8px;
}

.navbar-brand {
    padding: 0 0 0 3px;
}

.navbar-brand > img {
    width: 90%;
}


.bottom-section .col-md-7{ margin-top:20px;}
}