/* ----- BASE ----- */
body, .button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="email"], textarea, select {
    color: #555;
    font-size: 15px;
    line-height: 20px;
}
.form-control {
    border-radius: 0;
    height: 46px;
    margin-bottom: 10px;
    padding: 12px;
}
.btn-group-lg > .btn, .btn-lg {
    border-radius: 0;
}

/* ----- HOME ----- */

/* NAVIGATION MENU */
.navbar-default {
    background-color: #fff;
    border:none;
}
.navbar { border-radius: 0px; }
.navbar {
    border: none;
    margin-bottom: 0px;
    min-height: 50px;
    position: relative;
}
.navbar-default .navbar-nav > li > a {
    color: #222;
	font-size:16px;
	text-transform:uppercase;
	border-top: 8px solid #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { border-top: 8px solid #4e7382; background:none; }
.navbar-nav > li > a {
    padding: 35px 20px 30px 20px;
	padding: 35px 15px 30px 15px;
    line-height: 26px;
}

/* LOGO */
#logo-top{ margin:20px 0px; }
#logo-bottom{}

/* PHONE AREA */
#phone-area{ margin:32px 0px 27px 20px; float:right; }
#phone-icon{ padding:10px 0px 2px 55px; color:#204452; font-size:24px; line-height:normal; background:url(../../img/phone-icon.png) no-repeat top left; }

/* SEARCH BOX */
#search-box{ 
	width:100%; background:#05aecc; padding:20px 30px 10px 30px; 
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#search-box-inner{ width:100%; }
.input-text-search{ 
	display:inline; width:20%; margin-right:1.5%; padding:10px; border:none; 
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	margin-bottom:10px;
	top:-12px;
}
.input-select-search{ 
	display:inline; width:20%; margin-right:1.5%; padding:10px; border:none; 
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	margin-bottom:10px;
	border:none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	height:auto;
}
#search-text{ width:17%; margin-right:2%; color:#fff; display:inline; padding-bottom:5px; }
#search-btn{ 
	width:15%; display:inline; padding:10px 0.3%; border:none; background:#ffce54; color:#fff; 
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	margin-bottom:10px;
}

/* auto complete search */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


/* MAIN AREA */
#main-area{ background:url(../../img/x-bg.jpg) repeat; width:100%; }
.main-box{ margin:30px 0px 40px 0px; }
.main-box-directories{ margin:15px 0px 40px 0px; }
.title-dir{ margin-bottom:10px; }

/* FOOTER */
#footer{ background:#204452; color:#fff; }
#footer h5{ color:#ccc; font-size:14px; margin-bottom:15px; }
#footer a{ color:#fff; }
#footer ul{ list-style:none; font-size:14px; line-height:26px; margin-bottom:20px; }
.jumbotron { margin-bottom: 0px; padding: 48px 0px 27px 0px; }

/* SIDEBAR */
#promotion{
	border: 1px solid #eee;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(227,228,232,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(227,228,232,1);
	box-shadow: 0px 3px 0px 0px rgba(227,228,232,1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#fff;
	padding-top:5px;
	padding-bottom:25px;
	margin-top:108px;
	margin-bottom:15px;
	position:relative;
}
#woman{ position:absolute; background:url(../../img/woman.png) no-repeat; width:310px; height:133px; left:50%; margin-left:-155px; top:-105px; }
.pink-h5{ text-align:center; color:#ed5565; font-size:18px; margin-bottom:10px; }
.pink-btn{
	-webkit-box-shadow: 0px 3px 0px 0px rgba(218,68,83,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(218,68,83,1);
	box-shadow: 0px 3px 0px 0px rgba(218,68,83,1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	background:#ed5565;
	color:#fff;
	text-align:center;
	padding:6px 12px;
	border:none;
}
.pink-btn:hover{ 
	color:#fff;
	text-decoration:none;
	background:#df4e5d;
}
.green-h5{ text-align:center; color:#81b449; font-size:18px; margin-bottom:10px; }
.green-btn, .green-btn-dir{
	-webkit-box-shadow: 0px 3px 0px 0px rgba(129,180,73,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(129,180,73,1);
	box-shadow: 0px 3px 0px 0px rgba(129,180,73,1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	background:#a0d468;
	color:#fff !important;
	text-align:center;
	padding:6px 12px;
	border:none;
}
.green-btn-dir{ padding:4px 10px; }
.green-btn:hover, .green-btn-dir:hover{ 
	color:#fff;
	text-decoration:none;
	background:#95c561;
}
.green-crm-btn, .green-crm-btn-dir{
	-webkit-box-shadow: 0px 3px 0px 0px rgba(129,180,73,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(129,180,73,1);
	box-shadow: 0px 3px 0px 0px rgba(129,180,73,1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	background:#a0d468;
	color:#fff !important;
	text-align:center;
	padding:6px 12px;
	border:none;
}
.green-crm-btn-dir{ padding:4px 10px; }
.green-crm-btn:hover, .green-btn-dir:hover{ 
	color:#fff;
	text-decoration:none;
	background:#95c561;	
}
#promotion p{ color:#a4a9ae; text-align:center; font-size:14px; line-height:18px; }
.promotion-box{ border-bottom:1px solid #eee; padding:25px 0px 30px 0px;}
.promotion-box-noborder{ padding:20px 0px 5px 0px;}

/* ----- END HOME ----- */


/* ----- DIRECTORIES ----- */

/* DIRECTORIES BOX */
h1,h2,h3,h4,h5,h6{ margin-bottom:25px; }
h1{ font-size:24px; }
h2{ font-size:20px; }
h3{ font-size:18px; }
.no-bold{ font-weight:normal; }
.directories-box{
	border:1px solid #eee;
	width:100%;
	background:url(../../img/yellow-bg.jpg) repeat-y #fff;
	font-size:13px;
	line-height:18px;
}
.dir-left{
	padding:20px;
	float:left;
	width:195px;
}
.dir-right{
	padding:20px;
	float:left;
	background:#fff;
	border-left:1px solid #eee;
	min-height:140px;
	min-width:530px;
}
.dir-info{ margin-bottom:25px; }
.dir-text-left{ width:80px; float:left; }
.dir-text-right{ max-width:409px; float:left; }
.marginb10{ margin-bottom:10px; }
.marginb5{ margin-bottom:5px; }
.marginb3{ margin-bottom:3px; }

.verified{ padding:3px 0px 3px 25px; background:url(../../img/verified-icon.png) no-repeat left center; font-size:13px;}
.recommended{ padding:3px 0px 3px 25px; background:url(../../img/like-icon.png) no-repeat left center; font-size:13px; }
.platinum{ padding:3px 0px 3px 25px; background:url(../../img/platinum-badge-icon.png) no-repeat left center; font-size:13px; }
.gold{ padding:3px 0px 3px 25px; background:url(../../img/gold-badge-icon.png) no-repeat left center; font-size:13px; }
.silver{ padding:3px 0px 3px 25px; background:url(../../img/silver-badge-icon.png) no-repeat left center; font-size:13px; }
.bronze{ padding:3px 0px 3px 25px; background:url(../../img/bronze-badge-icon.png) no-repeat left center; font-size:13px; }

.company-link{ font-size:14px; font-weight:bold; color:#05aecc; }
.company-link:hover{ color:#04869d; text-decoration:none; }
.website-link{ font-size:14px; color:#05aecc; }
.website-link:hover{ color:#04869d; text-decoration:none; }

.table-dir{border:1px solid #eee; font-size:13px; line-height:18px; background:#fff; margin-bottom:5px;
width:100%; /**added by Justin**/
}
.table-dir-left{background:#fcfbf6; padding:12px 20px; min-width:200px; }
.table-dir-left-gray{background:#f8f8f8; padding:15px 20px; min-width:200px; }
.table-col-left-first{padding:8px 20px 0px 20px; border-left:1px solid #eee;}







.table-col-right-first{padding:8px 20px 0px 0px;}
.table-col-left{padding:0px 20px 0px 20px; border-left:1px solid #eee;}







.table-col-right{padding:0px 20px 0px 0px;}


.table-col-left-last{padding:0px 20px 10px 20px; border-left:1px solid #eee;}
.table-col-right-last{padding:0px 20px 10px 0px;}
.table-dir .rate{ margin-bottom:2px; }

.invisible{ display:none; }


/* FEATURES */
.feature-head{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(59,175,218,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(59,175,218,1);
	box-shadow: 0px 3px 0px 0px rgba(59,175,218,1);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background:#4fc1e9;
	width:100%;
	margin:0px;
}
.feature-head h1{
	font-size:18px;
	color:#fff;
	text-align:center;
	padding:20px;
	margin:0px;
}
.feature-head h2{
	font-size:18px;
	color:#fff;
	text-align:center;
	padding:20px;
	margin:0px;
}
.feature{
	border: 1px solid #eee;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(227,228,232,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(227,228,232,1);
	box-shadow: 0px 3px 0px 0px rgba(227,228,232,1);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	background:#fff;
	margin:0px;
}
.feature p{
	font-size:13px;
	line-height:19px;
}
.feature-box{
	border-bottom: 1px solid #eee;
	padding:20px 0px;
}
.feature-box-noborder{
	padding:20px 0px;
}
.feature-left{
	width:30%;
	float:left;
	margin-right:5%;
}
.feature-right{
	width:65%;
	float:left;
}

/* PAGINATION */
.pagination{
	color:#fff;
}
.pagination > li > a, .pagination > li > span {
    background-color: #05aecc;
    color: #fff;
	border:none;
	border-right:1px solid #4e7483;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(78,116,131,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(78,116,131,1);
	box-shadow: 0px 3px 0px 0px rgba(78,116,131,1);
	padding: 6px 15px;
}
.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 6px 9px;
}
.pagination > li > a:hover, .pagination > li > span:hover {
    background-color: #4e7483;
    color: #fff;
}
.pagination li a {
    margin-right:1px;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #4e7483;
    border-color: #4e7483;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.pagination-sm > .active > a, .pagination-sm > .active > a:focus, .pagination-sm > .active > a:hover, .pagination-sm > .active > span, .pagination-sm > .active > span:focus, .pagination-sm > .active > span:hover {
    cursor: pointer;
}

/* ----- END DIRECTORIES ----- */

/* PRICING TABLE */

@media only screen and (min-width :768px) {
.pl{
	 float:right;
	}
  
  #dialog{width:500px !important;}
  #step1 h2{font-size:1.2em;}#step2 h2{font-size:1.2em;}#step3 h2{font-size:1.2em;}#step4 h2{font-size:1.2em;}
}
@media only screen and (max-width: 767px) {
	 
	#step1 h2{font-size:0.9em;}#step2 h2{font-size:0.9em;}#step3 h2{font-size:0.9em;}#step4 h2{font-size:0.9em;}
}

#pricing-table{ margin:40px 0px;}
.panel-primary > .panel-heading{
    background-color: #97b4bf;
	border-radius:0px;
	border:none;
}
.btn_clr{background-color:black;}
/*.header{font-size:18px;font-weight:bold;text-align:center;}*/
.footer2{background-color:#193441;width:100%;}
.ftr{color:white;text-align:center;padding:10px;margin-bottom: 0px;}
.point{z-index:9999999;}
.service_error_message, .error_message{display:none;text-align: center;font-size: 13px;color: #193441;margin-right: 30px;padding-top: 7px;font-weight: bold;}
.error{color:red !important;}
/*textarea{height:130px;border: 1px solid #193441 !important;}*/
#commentForm b{font-size:13px;}
#step2 p{text-align:left;}
#step2 h2, #step3 h2{font-size:16px;padding-bottom:40px;}
#step2 p input[type=text]{width: 50%; margin-left: 20px;}
.bx-wrapper{box-shadow:none !important;border:none !important;background:transparent !important;}
/*.row{text-align:left;padding-left:15px;}*/
.panel{text-align: center;}
.panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
.panel-body
{
    padding: 0px;
    text-align: center;
}

.the-price {
background-color: rgba(220,220,220,.17);
box-shadow: 0 0px 0 #dcdcdc, inset 0 0px 0 #fff;
padding: 20px;
margin: 0;
}
.the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
	color:white;
	font-weight:bold;
}

.subscript
{
    font-size: 25px;
}

/* CSS-only  for pricing plans  styles    */
.cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
   right: -12px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}
.padding_class{
   padding: 0px !important;
}
 
#pricing-table tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
	font-size: 12px;
	font-weight:bold;
}
.container .animation:hover, .table-active {
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
	z-index:10;
}
.table-active {
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
}
#table_plan-1 tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}
#table_plan-1 active{
	 background-color:#e4f6fd;
	 border:none;
}
#table_plan-1 .even{
	 background-color:#C4FAC0;
	 border:none;
}
#pricing-table .table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0px;
	text-align:center;
	color:#222;
}
.panel {
	margin-bottom: 20px;
	background-color: transparent;
	border:none; 
	border-radius: 0px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-title{
	color:white;
	font-weight:bold;
}
#feature .odd{
   background-color:#e4f6fd;
   border:none;
}
#feature .even{
  background-color:#cee5ed;
  border:none;
}
.panel, .panel-primary{
	padding:0px;
}
.panel-footer {
    background-color: #e4f6fd;
	border-top:none;
}
#feature tbody > tr > td, .table > tfoot > tr > td {
	padding:8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}
#table_plan-2 tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}
#table_plan-2 .odd{
  background-color:#a1d0fe;
  border:none;
}
#table_plan-2 .even{
  background-color:#91bee9;
  border:none;
}
#plan2 tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}
#plan2 .odd{
  background-color:#eceebb;
  border:none;
}
#plan2 .even{
 background-color:#dadcab;
 border:none;
}
#plan-3 tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}
#plan-3 .odd{
	 background-color:#a0e9f1;
	 border:none;
}
#plan-3 .even{
 background-color:#8ed0d7;
 border:none;
}
#plan-4 tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}
#plan-4 .odd{
  background-color:#7ccae9;
  border:none;
}
#plan-4 .even{
  background-color:#6cb1cd;
  border:none;
}
#plan-5 tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}
#plan-5 .odd{
  background-color:#9ec152;
  border:none;
}
#plan-5 .even{
  background-color:#91b24a;
  border:none;
}
.table-25{
    float: left;
    width:25%;
}
.table-15{
    float: left;
    width:15%;
    cursor: pointer;
}
.price-text-white{
    color:#fff;
    font-size: 16px !important;
}

/* PRICING TABLE END */


/* ---- CONTACT US ---- */
.main-page, ,.rank-page, .main-page-no-mbottom{ 
	background:#fff; 
	border: 1px solid #eee; 
	margin-top:30px; 
	margin-bottom:40px; 
	box-sizing:border-box;
}
.main-page, .main-page-no-mbottom{ 
	padding:40px 20px;
}
/* 2017 Rankings Page */
.rank-page{
	padding:10px 20px;	
}	

.main-page-no-mbottom{ margin-bottom:0px; }
.main-page p {
    font-size: 14px;
    line-height: 20px;
}
.dividerHeading h4, .widget_title h4 {
    font-size: 21px;
    font-weight: normal;
}
.contact-details-alt{padding:0;}
.contact-details-alt li{list-style:none;}
.contact-details-alt li p strong { color:#fff; float: left; margin: 0;width:25%;}
.contact-details li p strong { color:#666; float: left; margin: 0 5px 5px 0; }
.contact-details-alt li {
    margin: 0 0 5px 0;
}
.contact-details p,
.contact-details li,
.contact-details a {color: #666;}
.contact-details-alt p {
    line-height: 18px;
    width: 100%;
    margin:0;
}
.contact-details-alt p a {
    color: #FFFFFF;
    font-weight: 700;
}
.contact-details-alt p a:hover {
    color: #919191;
}
.contact-details-alt li i {
    float: left;
    margin: 2px 0 0 0 ;
    width: 15px;

}
.widget_info_contact{padding:0;margin-top:20px;}
.widget_info_contact li{list-style:none;}
.widget_info_contact li p strong { color:#666; float: left; margin: 0 5px 5px 0;width:20%;}
.widget_info_contact li {
    margin: 10px 0 5px 0;
}
.widget_info_contact p {
    margin: 0 0 0 20px;
    line-height: 18px;
    overflow:hidden;
}
.widget_info_contact p a {
    color: #666;
    font-weight: 600;
}
.widget_info_contact p a:hover {
    color: #919191;
}
.widget_info_contact li i {
    float: left;
    margin: 1px 0 0 0;
}
#contactForm {
    margin-top: 30px;
}
.green-btn-submit{
	-webkit-box-shadow: 0px 3px 0px 0px rgba(129,180,73,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(129,180,73,1);
	box-shadow: 0px 3px 0px 0px rgba(129,180,73,1);
        -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	background:#a0d468;
	color:#fff !important;
	text-align:center;
	padding:8px 14px;
	font-size:14px !important;
	text-transform:uppercase;
}
.green-btn-submit:hover{ 
        color:#fff;
	text-decoration:none;
	background:#95c561;;
}
.pink-btn-submit{
        -webkit-box-shadow: 0px 3px 0px 0px rgba(218,68,83,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(218,68,83,1);
	box-shadow: 0px 3px 0px 0px rgba(218,68,83,1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	background:#ed5565;
	color:#fff !important;
	text-align:center;
	padding:8px 14px;
	border:none;
	font-size:14px !important;
	text-transform:uppercase;
}
.pink-btn-submit:hover{ 
	color:#fff;
	background:#df4e5d;
}
.hr-mt25-mb20{ margin:25px 0px 20px 0px; }
.hr-mt35-mb25{ margin:35px 0px 25px 0px; }
.hr-mt40-mb35{ margin:40px 0px 35px 0px; }
.border-gray{ border: 1px solid #ccc; }
.bg-gray{ background-color: #f9f9f9; }
.row-padding{ padding: 0px 10px 0px 10px; }
.padding-10{ padding: 10px; }
.div-h30{ min-height: 30px;}
.div-h20{ min-height: 20px;}
.div-h10{ min-height: 10px;}
.div-h5{ min-height: 5px;}
.heading-mb15{ margin-bottom: 15px;}
.heading-mb25{ margin-bottom: 25px;}
.star-small{ font-size: 18px; }
.star-big{ font-size: 24px; }
.star-yellow{}
.star-gray{ color: #aaa; }
.full-div{ width: 100%; }
.review .item {
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    margin-bottom: 20px;
}
.review .item .avatar {
/*    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;  */
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    /*width: 50px;
    height: 50px;*/
}
.nopadding {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
.review .item .avatar img {
    width: 100%;
}
.rate {
    color: rgb(253, 180, 21);
    font-size: 12px;
    margin-bottom: 10px;
}
.review .item .date {
    font-size: 80%;
    line-height: 15px;
}
.review .item .text {
    color: rgb(102, 102, 102);
    height: auto;
    margin-bottom: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.review .item .review-action {
    color: rgb(107, 115, 138);
    height: auto;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.rate-text{ 
    font-size: 48px; 
    color: rgb(253, 180, 21);
    margin-bottom: 20px;
}
.company-logo-small{ width:auto; max-width:200px; height:100px; margin-bottom:20px; }
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.more-text{ cursor: pointer; color: rgb(31, 67, 82);}
.more-text:hover{ cursor: pointer; color: rgb(31, 67, 82); text-decoration: underline;}
.hidden-text{ display: none;}
.full-width{ width: 100%; position:relative; }
.full-width img{
    height: auto !important;
}
#banner-info{ box-sizing:border-box; padding:25px 35px; width:auto; position:absolute; top:50px; left:5%; background-color:#fff; }
#company-info{ background-color:#4e7382; padding:15px 0px; color:#fff; box-sizing:border-box; margin-top:-5px; }
#company-info a{ color:#fff; }
#company-info a:hover{ color:#fff; text-decoration:underline; }
.div-fixed{ position:fixed; }
.clear-rating{ display:none !important;}
@media only screen and (max-width: 500px) {
    #company-info{
     
    margin-top:0px;    
    }
    #bannertext{
        font-size: 1.5em !important;
    }
}

/* ---- GET STARTED POPUP ---- */
.header-popup{ background: #204452; }
.header-popup h3{ color: #fff; font-size:18px; }
.close{ color:#fff; }
#get-started-popup{ margin-top:0px; }
#get-started-popup label{ display:inline-block; margin-bottom:10px; width:100%; }
#get-started-popup .checkbox-input{ font-size:13px !important; }
.m-top-10{ margin-top:10px; }
.m-top-15{ margin-top:15px; }
.m-top-20{ margin-top:20px; }
.m-bottom-5{ margin-bottom:5px; }
.m-bottom-10{ margin-bottom:10px; }
.m-bottom-15{ margin-bottom:15px; }
.m-bottom-20{ margin-bottom:20px; }
.other-textarea{ margin-left:18px; box-sizing:border-box; width:75%; margin-top:5px; }
.modal-body {
    padding: 10px;
    position: relative;
}
.form-step-2{ display:none; }
.additional-text{ font-size:13px; margin-left:18px; font-style:italic; }
#close-btn{ display:none; }
#thanks-box{ display: none;}


/* ---- ORDER ---- */
.text-align-center{ text-align:center; }
.text-align-left{ text-align:left; }
.text-align-right{ text-align:right; }
#buy-now{ width:207px; height:120px; margin:0px auto; margin-top:20px; margin-bottom:20px; }
#claim-now{ width:207px; height:60px; margin:0px auto; margin-top:0px; margin-bottom:0px; }
.font-40{ font-size:40px !important; line-height:50px !important; }
.font-30{ font-size:30px !important; line-height:40px !important; }
.font-20{ font-size:20px !important; line-height:30px !important; }
.uppercase{ text-transform:uppercase; }
.bold{ font-weight:bold; }
.thanks-text-box{ padding-top: 150px; }
.thanks-text{ padding-top: 30px; }
.thanks-bg{ background: url('../../images/thanks/winking-pig.jpg') #fff no-repeat left bottom; min-height: 494px; }


/* Edit Company Profile */
.img-responsive-width{ width: 100%; min-height: 250px !important;}
.img-responsive-height{ width: auto; height: 100%; }
#bannertext { position:absolute; z-index: 1; top:70px; left:60px; width:100%; font-size:2em; font-weight:bold ; font:Arial, Helvetica, sans-serif}
#edit_company_form label{ color: #777; font-size: 16px; font-weight: normal; margin-bottom: 10px;}
#edit_company_form input[type='text'], #edit_company_form input[type='checkbox'], #edit_company_form input[type='tel'], #edit_company_form input[type='date'], #edit_company_form input[type='text'], #edit_company_form input[type='email'], #edit_company_form input[type='url'], #edit_company_form select, #edit_company_form textarea{ margin-bottom: 20px; }
#edit_company_form input[type="file"]{ display:block; height: 30px; border-style: none; border-radius: 0px;}
#edit_company_form input[type='checkbox']{ display:inline; }
.edit-form{ padding: 0px 20px; }
.mt15{ margin-top: 15px; }

/* Logo must not appear too large on mobile */
/*100% max causes scale down on phone */
.portal-logo {
   height: auto;
   max-width: 180px;
}

/* LOGIN BOX */
.login-box{ box-sizing:border-box; padding:20px 40px 30px 40px; border:1px solid #ccc; }
#login-header{ background:#1f4353; padding:15px 20px; box-sizing:border-box; width:100%; }
#login-header h1{ text-align:center; color:#fff; margin-bottom:0px; }
#forgot{ margin-top:0px; }


/* Large devices (below large desktops, 1200px) */
@media only screen and (min-width: 992px) and (max-width: 992px){

	.taxs {	
	    margin-left: 12px;
	}
}
@media (max-width: 1200px) {
    .table-15{ width:33.3%; }
    .table-25{ display: none; }
    .table-15 .hidden-lg{ display: block!important; } /***Justin - this function was overrided by other css style place !important so it will be superior**/
	.navbar-nav > li > a {
		padding: 35px 35px 30px 35px;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .thanks-text-box{ padding-top: 0px; }
    .thanks-bg{ background:#fff; min-height: auto; }
	#phone-area{ display:none; }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .table-15{ width:50%; }
    .thanks-text-box{ padding-top: 0px; }
    .thanks-bg{ background:#fff; min-height: auto; }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { 
		border-top:none; background:#4e7382; color:#fff; 
	}
	.navbar-nav > li > a {
		padding: 15px;
		line-height: 24px;
		font-size:14px;
	}.navbar-toggle {
		margin-right: 15px;
		margin-top: 28px;
	}
	#logo-top{ margin-left:20px; }
	#phone-area{ display:none; }
	#search-text{ display:block; width:100%; margin-bottom:10px; }
	#search-btn, .input-text-search, .input-select-search{ width:45%; margin-right:4%;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .thanks-text-box{ padding-top: 0px; }
    .thanks-bg{ background:#fff; min-height: auto; }
	
	.login-box{ padding:20px 20px 20px 20px; }
	#forgot{ margin-top:10px; text-align:left; }
}

/* Popup in edit company  */
#error-modal .modal-header, #error-modal .modal-header .close, #error-modal .modal-header .modal-title {
    background-color: #337ab7;
    color: #fff;
}
/*Autocomplete style*/
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 10;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 4px;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 0px;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-autocomplete .ui-menu-item{
    padding: 5px;
}
.ui-autocomplete .ui-menu-item:hover{
    color: #fff;
/*    border-radius: 2px;*/
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient( #fd0, #ffce54); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient( #fd0, #ffce54); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient( #fd0, #ffce54); /* For Firefox 3.6 to 15 */
    background: radial-gradient( #fd0, #ffce54); /* Standard syntax */
}
#tokenfield-email-tokenfield{
    width: 100% !important;
}

/*set zoom for modal*/
#myModal3 .modal-content{
    position: relative;  
    zoom: 0.95;
    -ms-zoom: 0.95;
    -webkit-zoom: 0.95;
    -moz-transform:  scale(0.95, 0.95);
    -moz-transform-origin: left center;
}
.divider_heading:hover{
    text-decoration: none;
}

/*CRM */
.table-crm td {
	border-left: thin solid #666;
	border-right: thin solid #666;	
	font-size:12px;
	background-color:#FF9;
	padding: 0 5px 0 5px;
}
.table-crm tr {
	border-bottom: thin solid #666;
	border-top: thin solid #666;	
}
.table-crm tr:first-child td {
	border-left: thin solid #666;
	border-right: thin solid #666;	
	font-size:12px;
	background-color:#9CF;
	padding: 0 5px 0 5px;
	text-align:center;
}
.crm-ctr {
	text-align:center;	
}	
.crm-right { border:thin solid #CFF }
.single-step{
    display: none;
}
.test{
	display: block;
}

.help-tip{
	position: relative;
	text-align: center;
    background-color:#FC6;
/*    background-color:#81b449; */
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
	line-height: 20px;
	cursor: default;
	/*float:right;*/
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#fff;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{	/* The tooltip */
	display: none;
	text-align: left;
	background-color: #1E2021;
	padding: 10px;
	width: 100px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #FFF;
	font-size: 10px;
	line-height: 1.4;
}

.help-tip p:before{ /* The pointer of the tooltip */
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	right:10px;
	top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}
/* 2017 Rankings Page Final Draft*/
#search_terms{
	text-align:center;
}

#search_terms ul, #feature_list ul{
	list-style-type: none;
}

#feature_list{
	margin-top:15px;
}

#feature_list h5{
	    display: inline-block;
    margin-top: 25px;
}

@media (max-width: 1195px){
	#search_terms,#feature_list{
		text-align: center;
	}
}

@media (max-width: 768px){
	#search_terms,#feature_list{
		text-align: center;
	}
}

/* CSS animation */

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}

.parent-blue option:not(:first-child){
	color:blue;
}
/* 2017 Rankings Page Final Draft*/
.imgmax{
	width: 100%;   
/*	height: 80%;    */
	/*max-width: 600px;*/
}
.no-padding{
	    padding: 0px !important;
}
/* 2017 Rankings Page First Draft */
.imgwords{
	width: 100%;
	max-width: 250px;
}

.imgh{
	max-height: 100px;
}
.center_element{
	margin: 0 auto;
	display: block;
}

.center_text{
	text-align: center;
}

.pads{
	padding: 20px;
}

.pads60{
	padding: 50px;
}

.left_pad{
	margin-left:40px;
}
@media only screen and (max-width: 500px) {
	/* rank pg */
.imgh{
	max-height: 40px!important;
}
}
/* End of 2017 Rankings Page */
/* badge images on co profile page */
.col-1-6{
  width:16%;
  height: 125px;
  float:right;
  text-align:center;
  padding: 15px 10px 15px 10px;
  margin: auto;
}
.col-1-6 img{
  max-width: 90%;
  max-height: 90%;
}
.col-1-5{
  width:20%;
  height: 125px;
  float:right;
  text-align:center;
  padding: 15px 10px 15px 10px;
  margin: auto;
}
.col-1-5 img{
  max-width:90%;
  max-height: 90%;
}
/* end badge images */
/* new order pg with clickable form */
.clickForm {
	cursor: pointer;
}
/* end new order pg */