/* RESET CSS 
------------------------------------------------------------------------------*/
@import url("css/reset.css");

/* IMPORT FONTS 
------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Exo+2:200,300,400,600&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic);

/* GENERAL STYLES 
------------------------------------------------------------------------------*/
* { margin: 0; }

html, body { height: 100%; }
body { font-family: 'Exo 2', sans-serif; background: #fff; color: #1a1b1c; width: 100%; line-height: 1.3; }

#wrap { min-height: 100%; margin: 0 auto -60px; }
.container { position: relative; max-width: 1180px; margin: 0 auto; }
.title { height: 70px;	line-height: 100px;	font-family: OpenSans-Light; font-size: 30px; color: #fff; }
.blue { 	background: #008ed9; }
a { text-decoration:none; color:#5778ad; }
a:hover { color:#4e6a95; text-decoration:underline; }
a:active { text-decoration:none; color:#5778ad; }

ul.reasons li {left:10px; font-size:17px; position:relative; padding-bottom:3px;}


/* HEADINGS
------------------------------------------------------------------------------*/
h1 { font-size: 30px; color: #000000; float:left; }
h2 { font-size: 25px; color:#f0ac22; }
h3 { font-size: 21px; color:#f0ac22; text-transform:uppercase; }

/* HEADER 
------------------------------------------------------------------------------*/
header { height: 70px; background: #000; position: relative; }
#logo { position: relative; float: left; z-index:998; }
#logo a { font-family: ProximaNova-Bold; font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; }
#logo span { margin-left: 14px; font-family: Times new roman; font-style: italic; font-size: 16px; color: #8e959c; }
#menu { float: left; padding-top: 23px;	position: relative; text-transform: uppercase; margin-right:5px; margin-left:10px; }
#menu ul li { float: left; padding-left: 5px; height: 44px; }
#menu ul li a { display: block; font-size: 16px; font-weight:300; color: #fff; }
#menu ul li a:hover { display: block; text-decoration: none; color: #f1f1f1; }
.menu-trigger { display: none; }
#menu-mobile { display: none; }

#name { float: right; padding-top: 17px; position: relative; max-width:230px; height:44px; }
#name ul li { float: left; padding-left: 15px; height: 44px; }
#name ul li a { display: block; text-decoration: none;font-size: 17px; color: #ffa800; }
#name ul li a:hover { color: #ffb527; }

#header_container { min-width:100px; right:15px; position:absolute; }

a.suggest { margin-top:15px; color:#fff; text-transform:uppercase; width:100px; text-align:center; float:left; }
a.suggest:hover { text-decoration:none; color:#F1F1F1;}

.circular { width: 35px; height: 35px; border-radius: 19px; -webkit-border-radius: 19px; -moz-border-radius: 19px; }

/* HEADER DROPDOWN
------------------------------------------------------------------------------*/
#profile-menu { background: #fff; float:right; position: relative; top: 35px; left: 11px; right: 0; z-index: 999; width:175px; font-size: 15px; font-style:italic; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 7px #888888; display:none; }
#profile-menu li { display: block; }
#profile-menu li:last-child { border-bottom: none; }
#profile-menu li a { display: block; color:#232323; padding: 10px 30px 10px; text-decoration: none; }
#profile-menu li a:hover { text-decoration: underline; 	}
#profile-menu:before { position: absolute; top: -20px; right: 10px; content: ''; border: 10px solid #fff; border-color: transparent transparent #fff transparent; }

.click-nav { position:absolute; background: url(../images/settings.png) no-repeat 0 0; width:15px; height:8px; cursor:pointer; color:#fff; top: 29px; right: -25px; }
.menunav-overlay { position: fixed; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0); display: none; z-index: 998; }

/* SEARCH
------------------------------------------------------------------------------*/
	.search_content{
		position:relative;
		z-index:997;
	}
	
	.search_content input {
		margin:15px 15px 0 25px;
		border-radius:5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#searchid
	{
		width:430px;
		padding:7px;
		font-size:14px;
		float:left;
		
	}
#result { position:absolute; width:423px; padding:10px; display:none; border-top:0px; overflow:hidden; border:1px #CCC solid; background-color: white; z-index:1000; margin:50px 308px; }
	
.show { padding:15px 10px; height:70px; border-bottom:1px #999 dashed; }
.show h3 { font-size:20px; line-height:0.8; text-transform:none; }

#tagsMain {position:relative; margin:30px 0 20px 5px; width:60%; float:left;}
#brandsMain {position:relative; width:60%; float:left;}
.searchResult {max-width:460px; float:left;}
.tagsMap {float:right; width:400px; height:700px;}
.brandsMap {float:right; width:360px; height:700px;}
.showTag { padding:15px 10px; height:115px; border-bottom:1px #999 dashed; }
.showTag { padding:15px 10px; height:115px; border-bottom:1px #999 dashed; }
.showTag h3 { font-size:20px; line-height:1.1; text-transform:none; }
.showTagDesc {font-size:12px; color:#000; margin-top:7px;}
.tagsRating {float:right; max-width:75px;}
.brandsListRating {margin-right:35px; max-width:125px;}
.tags-vote {clear:both; margin:10px 0 30px 0; position:relative;}
.tags-vote .stars {max-width:110px; margin-top:10px;}
.tags-vote-brands {padding:50px 0 30px 0;}

.show h3:hover { color:#FFF; }
	
.show:hover { background:#4c66a4; color:#FFF; cursor:pointer; }

/* MAIN
------------------------------------------------------------------------------*/
#main { height: 524px; background: #f0f0f0 url(../images/sofia-bgr.jpg) no-repeat center center; overflow:hidden; background-size: cover;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }
#main .big_logo { float: left; margin-top: 50px; }
#main .big_logo h1 { font-family: 'Exo 2', sans-serif; font-size: 33px; color: #fca601; font-weight:400;  float:none; text-shadow: -1px 0px 0px rgba(17, 17, 17, 0.25); }
#main .content { float: left; width: 600px; min-height:100px; }
#main .content h1 { font-family: 'Exo 2', sans-serif; font-size: 36px; color: #eb9f0d; width: 410px; }
#main p { color: #fff; font-weight:400; margin-top:4px; }
#main .content div { float: left; width: 240px; margin: 55px 56px 0 0; }
#main .content div h3 { font-size: 20px; color: #454e5c; margin-top: 25px; }
#main .content div span { font-size: 16px; color: #8e959c; margin-top: 18px; }
.stars.home { margin:45px 195px; float:left; position:absolute; }
.rep-text {display:none;}
.official {position:absolute; margin:42px 94px;}
.unofficial {position:absolute; margin:39px 94px; width:100%;}

.clear {clear:both;}
.floatleft {float:left;}

.media {margin-left:5px;}

h1.container-title {color:#f0ac22; margin-top:30px;}
.home h3 {line-height:1;}
section.container {margin-top:30px; }

#top_reputation { height:100%; background: #fff; }
#top_reputation h2 { font-size: 17px; color: #000; text-transform:uppercase; font-weight:bold; margin-top:12px; margin-bottom:5px; font-family: 'Roboto', sans-serif; }
#top_reputation h3 { font-size: 17px; text-transform:none;}
#top_reputation h3 a { color: #232323; }
#top_reputation h3 a:hover { text-decoration:none; }
#top_reputation .subcat a {position:absolute; font-size:12px; color:#313334;}

#top_reputation .intro { margin:40px auto; text-align:center; }
#top_reputation ul { width:885px;  position:relative; left:300px;  margin-top:20px; }
#top_reputation ul li { float:left; margin-right:14px; }
#top_reputation ul li:nth-child(4n) {margin-right:0;}
#index-categories{width:250px;  height:50px;  float:left; position:relative;  background-color:#fca601; color:black;}
#index-categories h2:before {content: ""; display: inline-block; float:left; background: url("https://brands.bg/images/category-icon.png") no-repeat; width:22px; height:24px; margin:4px 7px 0px 15px; }

#top-reputation-title{margin-left:300px; margin-top:50px;  position:relative;  background-color:#fca601; height:50px;  }
#top-reputation-title h2 {  z-index:2; padding-top:12px; }
#top-reputation-title h2:before {content: ""; display: inline-block; float:left; background: url("https://brands.bg/images/top-rating.png") no-repeat; width:22px; height:24px; margin:0 11px 0px 15px; }
.category-list{float:left; margin-top:50px; width:250px;  height:800px; position:absolute; margin-left:0px; 	 }
.category-list ol {width:250px;  position:absolute; }
.category-list ol li{background-color:#f2f3ed; padding-top:10px; padding-bottom:3px; padding-left:20px;  }
.category-list ol li:last-child{padding-bottom:14px; }
.category-list ol li a{text-decoration:none; color:#778393; font-size:14px; }
.bottom-box { height: 60px; clear:both;  margin-top:900px;margin-bottom:0px; height:120px; background-color:#fca601; padding-left:45px; padding-top:15px; }
.bottom-box p {font-size:35px; text-transform:uppercase; width:370px; color:black; font-weight:bold;}
.bottom-box span {color:black;font-weight:600; }
.stripe{float:right; margin-top:15px; width:170px;}
a.box-butt {font-size:25px; padding:15px; border: 3px solid #fff; text-transform:uppercase; color:#fff; float:left; margin-right:20px; }
.black {background-color:#000;}

.prices {margin-top:15px;}

.press { width:100%; float:left; border:1px solid #d3d3d3; padding:20px; -webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px; min-height:150px;}
.press:hover { border:1px solid #858585; }
.press img {margin:5px 10px 10px 0;}

.magicQuotes {margin-top:30px; float:right;}

.checkin-butt {float:right; margin-right:50px; margin-left:10px;}


/* SIDEBAR
------------------------------------------------------------------------------*/
aside { min-height:300px; }
aside ul li { list-style-type:none; }
aside h2 { color:#f0ac22; text-transform:none; margin:0; }

aside#company { width: 260px; min-height:300px; }
aside#company img { width: 250px; height: 280px; padding-left: 10px; }

aside.home { float: right; margin-top:40px; }
aside.home ul { width: 370px; height: 449px;  #fca601; background-color:#fff; }
aside.home ul li { background-color:#fff; padding:11px; border-top: 1px solid #f2f2f2; margin-bottom:3px; height:85px; }
aside.home ul li:hover { -webkit-box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.23); -moz-box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.23); box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.23); cursor:pointer; } 

aside.company { float: right; margin-top:40px; width:270px !important; height:450px !important; padding-left:17px !important}
aside.company ul { width: 270px; background-color:#fff; }
aside.company ul li { background-color:#fff; padding:11px 0; border-top: 1px solid #f2f2f2; margin-bottom:3px; height:85px; clear:both; }
aside.company ul li:hover { -webkit-box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.23); -moz-box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.23); box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.23); cursor:pointer; } 
aside.company img { width:85px; height:85px; border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; float:left; margin-right:10px;}
h3.company {font-size:18px; text-transform:none; line-height:1.1;}

aside.user { float:left; }
aside.user ul { width: 370px; margin-top: 19px; border-top: 5px solid #fca601; background-color:#fff; }
aside.user ul li { background-color:#fff; padding:11px; border-top: 1px solid #f2f2f2; margin-bottom:3px; min-height:70px; }
aside.user ul li:hover { -webkit-box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.23); -moz-box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.23); box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.23); cursor:pointer; } 

span.home_reputation_title {font-size:19px; margin-right:5px;}
span.home_reputation { font-size:35px; font-family: 'Roboto', sans-serif; font-weight:300; color:#fca601; letter-spacing: -0.8px; margin-left:1px; vertical-align:middle;}
span.home_repmax { font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; position:absolute; margin-top:4px; color:grey;}

aside.home img { width:85px; height:85px; border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; float:left; margin-right:10px;}
aside.home h3 a { font-size: 18px; color:#232323; font-weight:300; }

aside.home p { padding-bottom: 5px; font-size: 14px; color: #8e959c; }

aside.right { float: right; width: 235px; height: 300px; border-left: 1px solid #dfdfdf; padding-left: 21px; text-align:left !important; }

#home_title {padding:7px 11px; background-color:#fca601;}
#home_title h2 {color:black; font-size:16px; text-transform:uppercase; font-weight:bold; font-family: 'Roboto', sans-serif;}
.moremedia {position:absolute; margin-left: 5px;}

/* COMPANY
------------------------------------------------------------------------------*/
#company-info { min-height:320px; overflow:auto; }
.company-info { display:block; margin-top:3px; clear:both; }
.descr { min-width:300px; max-width: 430px; font-size:14px; float:left; }
.infoo { padding-top:50px; float:left; padding-left:20px; width:390px; }
.badges { margin-top:25px; }

p { padding-bottom:7px; }

.manager { width:100%; height:30px; background:#414141; color:#FFF; text-align:center; padding-top:5px; }

.reputation { font-size:57pt; color:#faa308; font-weight:300; }
.rep_max { font-size:23pt; position:absolute; margin-top:15px; }
.yellow {color:#fca601;}
.green {color:#508c24 !important;}
.green:hover {color:#416f20 !important;}
.red {color:red;}

#mobile-reputation {display:none;}

.company_view { overflow: hidden; position: relative; border:1px solid #dfdfdf; font-size: 14px; text-align: left; width:207px; height:237px	; margin-bottom:20px;}
.company_view:hover {border:1px solid #cbcbcb;}
.company_view img {width:100%; max-height:250px; float:left; margin-top:-21px;}
.company_view .mask { position: absolute; width:207px; padding: 1px 5px;  height: 35px; margin-top:194px; color:grey; border-top:1px solid #dfdfdf; background-color:#fff;}

.all-ratings {min-height:185px; text-align:center; margin-bottom:10px;}
.single-rate-criteria {margin:17px 35px 0 0; position:relative; width:170px; float:left;}
.rating-text { width:150px; margin:0 auto;}
.stars:first-child div {margin:0 auto; text-align:center;}
a.ratingInfo {color:inherit; text-decoration:none; height:50px; }

.company_view .name {  position: absolute; width:207px; background-color:#fff; height: 40px; margin-top:147px; padding:2px 7px;}

.page_header { position:absolute; margin-left:230px; }

.social-icon { width:18px; height:17px;  }

.tabs { margin-top: 10px; max-width:97%; }
.tabs-nav { height: 39px; }
.tabs-nav a { float:left; margin-right: 10px; height: 38px; line-height: 38px; font-size: 17px; color: #454e5c; border: 1px solid #d3d6da; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; padding: 0 18px; background: #fff; text-decoration:none; }
.tabs-nav a:hover { background-color: #f2f3f4; }
.tabs-nav a.active { border:1px solid #aeafb0; border-bottom-color: #fff; }
#comments { background: #fff; border: 1px solid #d3d6da; border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -webkit-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; padding: 3px 20px 20px 30px; }
.tabs-cnt p { padding-bottom: 0; }

/* NOTIFICATIONS
------------------------------------------------------------------------------*/

#notif {
	position: relative;
	float:left;
	top:14px;
	width:25px;
}

#notif a {
	display: block;
}

#notif ul {
	list-style-type: none;
}

#notif li {
	float: left;
	position: relative;
	text-align: center;
}

#notif ul.sub-notif {
	position: absolute;
	left: -90px;
	z-index: 90;
	margin-top:3px;
	display:none;
}

#notif ul.sub-notif li {
	text-align: left;
}

a
{	text-decoration:none; }
	

.egg{
position:relative;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
background-color:#fff;
border-radius: 3px 3px 3px 3px;
border: 1px solid rgba(100, 100, 100, 0.4);
width:310px;
}
.egg_Body{border-top:1px solid #D1D8E7;color:#808080;}
.egg_Message{font-size:13px !important;font-weight:normal;overflow:hidden}

.comment_ui
{
border-bottom:1px solid #e5eaf1;clear:left;float:none;overflow:hidden;padding:6px 4px 3px 6px; cursor:pointer;
}
.comment_ui:hover{
background-color: #F7F7F7;
}
.notifactive { background-color: #efefef; }

.comment_text{padding:2px 0 4px; color:#333333}
.comment_actual_text{display:inline;padding-left:.4em}

ol { 
	list-style:none;
	margin:0 auto;
	width:500px;
}
#mes{
	padding: 0px 3px;
	border-radius: 2px 2px 2px 2px;
	background-color: rgb(240, 61, 37);
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 5px;
	left: 16px;
}
.toppointer{
/*background-image:url(top.png); */
    background-position: -82px 0;
    background-repeat: no-repeat;
    height: 11px;
    position: absolute;
    top: -17px;
    width: 20px;
	right: 202px;
}


/* ABOUT PAGE 
------------------------------------------------------------------------------*/
#about { display: block; background:#f9f9f9; width:100%; border-top:2px solid #e7e7e7; margin-top:75px; }
#about .content { margin-top:20px; }
#about .content h2 { margin:10px 0 5px 0;  }
.main_content { max-width:880px; float:left; padding-left:20px; }
#about .entry h2 { color: #454e5c; font-family: OpenSans-Light; font-size: 28px; line-height: 42px; width: 637px; }
#about .entry p { color: #454e5c; font-family: OpenSans-Regular; font-size: 14px; line-height: 1.4em; padding: 0 0 32px; width: 540px; }
#about .entry blockquote { margin: 0; position: relative; width: 637px; }
#about .entry blockquote p { font-family: OpenSans-LightItalic; font-size: 30px; color: #8e959c; line-height: 36px; padding: 0 0 23px; width: 637px; }
#about .entry blockquote:before { margin: 20px 0; font-size: 60px; }
#about .entry a { color: #0095e1; text-decoration: none; }
#about sectionsection { overflow: hidden; padding: 10px 0 10px; }
#about section article { width: 370px; margin-right: 45px; float: left; padding: 0 0 30px; }
#about section img { display: block; width: 100%; }
#about section h4 { font-size: 18px; font-weight: 600; line-height: 20px; padding: 17px 0 0px; color: #1a1d24; }
#about section p { font-size: 16px; line-height: 20px; padding: 0 10px 11px; color: #909599; }
#about section a{ color: #068fd5; }

#brands { margin-top:30px; }
#brands h3 { font-size: 18px; text-align:center; width:220px; height:30px; margin-top:225px; }
#brands h3 a { color: #232323; font-weight:200; }

ul.brands li {min-height:200px; width:750px; margin:0 12px 20px 5px; border:1px solid #dfdfdf; padding:10px; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
ul.brands li:hover {border:1px solid #b4b3b3;}
ul.brands .short-desc { max-width: 360px; font-size:14px; float:left; }
ul.brands li .mask {display:none;}

.brands-img {float:left;}
.brands-img img {width:170px; height:170px; margin-right:15px; border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px;}
.brands-info {float:left;}

.brands-heading {color:#f0ac22; margin:20px 30px 0 0; float:none;}
.brands h2 {max-width:370px; line-height:1.1;}
.brands h2 a { color:#000; text-transform:none;}

.sort-all {position:relative; margin-top:25px; height:100%;}
.sort {color:#3f444d; padding-bottom:0;}

.brands_select select {
   cursor:pointer;
   background: transparent;
   width: 290px !important;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
}

.brands_select {
   position:relative;
   width: 260px;
   height: 34px;
   overflow: hidden;
   background: url(../images/select_arrow.png) no-repeat right #fff;
   border: 1px solid #ccc; 
   margin:5px 10px 0 0;
   float:left;
}

#cover img { width:100%; max-height:300px; }
.profile_picture { position:absolute; margin-top:-115px; }
img.avatar { width: 200px; height: 200px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border:4px solid #fff; }
.company_avatar { width: 150px; height: 150px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; border:3px solid #fff; float:left; margin-right:30px; }

.moto { font-weight:bold; font-size:16px; }
.user-info { clear:both; }
.slogan { max-width:600px; margin-top:10px; text-shadow: -1px 0px 0px rgba(17, 17, 17, 0.47); }
.slogan p {font-size:14px;}
.slogan .subheadings {font-size:21px; display:block;}
a.aboutt {color:#fca601; font-size:17px; text-transform:uppercase;}
a.aboutt:hover {color:#d58c00;}

.userProfile {width:780px;}
.userHeader {position:absolute; margin-left:230px;}

.must-register {margin-bottom:30px;}
.mobile {display:none;}

.aboutt:after {
    content: "";
    display: inline-block;
    background: url("https://brands.bg/images/title-arrow.png") no-repeat;
    width: 10px;
    height: 14px;
    margin: 10px 0 0 6px;
}
#slogan-search{width:460px; height:50px; color:white; background-color:#DFDFDF; padding-left:15px;   margin:-2px; background: rgba(242, 243, 237, 0.4);}
#langer-submit{background-color:#fca601; width:52px; height:53px; margin:0px; }
.slogan ol {list-style-type:none; width:550px; margin:10px 0px 0px 0px;}
.slogan ol li {display:inline-block; border:1px solid white;}
#sloga-search-img{margin-top:16px; margin-left:16px; width:21px; height:21px; position:absolute;}
#menu_tablet { display: none; margin: 10px 0 20px 0px; }
#menu_tablet select { width: 300px; max-width: 300px; font-size: 16px; color: #454e5c; padding: 5px;border-radius: 3px; border: 1px solid #bbb; }

#sidebar { padding: 5px 15px 0; width: 280px; float:left; }
#sidebar .invite { margin: 0 4px 30px; padding: 0px 0 0; border-top: 1px solid #e4e5e7; }
#sidebar .invite input[type=submit] { margin: 18px 0; clear: both; float: left; outline: none; }
#sidebar .invite input[type=text] { width: 212px; margin: 0 0 0 1px; height: 40px; line-height: 30px; float: left; padding: 10px 10px 10px 15px; font-family: ProximaNova-Reg; font-size: 16px; 
	color: #8e959c; 
	border: 1px solid #d3d6da; 
	border-radius: 3px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;  
}

#questions { height: 100px; background: #e84532; display: block; overflow: hidden; font-size: 28px; line-height: 100px; color: #fff; }
#questions .content { float: right; width: 842px; padding: 0; }
#questions_tablet { height: 100px; background: #e84532; display: none; font-size: 28px; line-height: 100px; color: #fff; }
#questions_tablet .content { float: right; width: 842px; padding: 0; }
.got_questions { font-family: OpenSans-Light;  font-size: 22px; color: #fff; }
.got_questions a { font-family: OpenSans-Bold; color: #fff; text-decoration: none; }

/* LOGIN 
------------------------------------------------------------------------------*/
#login { min-height:620px; background: #efefef url(../images/bgr_intro.png) no-repeat bottom center; overflow:hidden; }
#login .content { width: 700px; min-height:260px; margin: 0 auto; padding: 40px; background-color:#fff; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
#login h1 { display:block; float:none; text-transform:uppercase; color:#f0ac22; font-size:25px; margin-bottom:23px; font-weight:400;}
#login .button a { margin-bottom: 10px; }
#login p { border-radius: 50%; width: 40px; height: 35px; line-height: 35px; margin: 38px auto; border: 2px solid #ccc; text-align: center; }
.login-form { width:270px;}
#login .form { float:left; }
.form input[type=text],.form input[type=password] { 
	width: 270px; height: 43px;
	display:block;
	border: 1px solid #7d7d7d;
	background:#FFF;
	border-radius: 3px;
	opacity: 0.7;
	padding: 10px; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: opacity 0.2s ease 0s;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;
	
}

.inputs { float:left; margin-right:32px; min-width:290px; }
.register-inputs {min-height:200px;}
.why-phone {font-size:12px; float:right; margin-right:23px; color:#313334;}
#login .form input[type=submit] { margin-bottom: 10px; outline: none; }
#login .form input[type=text]:focus, #login .form input[type=password]:focus { border-color: #7d7d7d; outline: none; opacity: 1; }
#login .form input[type=text]::-webkit-input-placeholder, #login .form input[type=password]::-webkit-input-placeholder { color: #111111; }
#login .form input[type=text]:-moz-placeholder, #login .form input[type=password]:-moz-placeholder { color: #111111; }
#login .form input[type=text]::-moz-placeholder, #login .form input[type=password]::-moz-placeholder { color: #111111; }
#login .form input[type=text]:-ms-input-placeholder, #login .form input[type=password]:-ms-input-placeholder { color: #111111; }
a.hreflogin { font-size: 14px; color: #8e959c; text-decoration: none; margin-bottom:10px; display:block; }
a.hreflogin:hover { text-decoration: underline; }
.register-content {min-height:400px !important;}

.terms {margin:10px 0 15px 0;}


/* CATEGORY VIEW 
------------------------------------------------------------------------------*/
.categories { background:#fff; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; min-height:400px; margin-bottom:30px;  }
.categories li { width: 240px; max-height:3.4em; float:left; padding-top:6px;  }
.brand { float:left; max-width:370px; max-height:100px; }
.brand p { font-size:14px; width: 300px; }
.brand-inner { margin-left:120px; }
.brand a { color:#3298e0; font-size:21px; }
.brand a:hover { color:#2785c8; text-decoration:none; }
.brand img { width: 100px; height:100px; float:left; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; }
#usersprofile { background-image:url(https://brands.bg/dev/images/profilepage.png); background-repeat:repeat-x; background-color:#FFF; background-position: left top; padding:30px 30px; border-radius:9px 9px 0 0; min-height:70px;} 
.personal-info { margin: 10px 300px 0; width:800px; }
.btn.edit-avatar { border-radius:0; position:absolute; margin:130px 0 0 50px; display:none; }
.btn.edit-cover { border-radius:0; position:absolute; margin-top:170px; right:10px; display:inline; }

/* OTHER FORMS 
------------------------------------------------------------------------------*/
#add_company,#suggest_company { width:750px; text-align:left; }
#edit_user_profile { width:750px; text-align:left; }
#forgot_pwd { width:700px; text-align:left; }

.form label {
	cursor:pointer;
	margin-left: 15px;
}

.form label span { 
	display:block;
	width:260px;
}

.form label.error {
  position:relative;
  width: 250px;
  font-size:12px !important;
  color: red;
  text-align:left;
  display:block;
}

#alert-message {
	color:#fff;
 }
 
 .hidden {display:none;}

.messagebox { width:370px; text-align:center; margin-top:17px; }

.error-message{ background-color: #d03e3e; }

.success-message{ background-color: #28803D; font-size:17px;}

/* STYLES 
------------------------------------------------------------------------------*/
#styles { background: #fff; }
#styles .container { display: block; padding-bottom: 80px; }
#styles .block { margin-top: 40px; clear: both; float: none; }
#styles .block h3 a { font-family: OpenSans-Light; font-size: 36px; color: #454e5c; text-transform: capitalize; text-decoration: none; }
#styles .block h3 a:hover { color: #8e959c; }
#styles .block p a { margin-right: 20px; }
#styles .block p { font-family: OpenSans-Regular; color: #454e5c; }
#styles .block p span{ font-weight: bold; }
a.link { font-family: OpenSans-Regular; font-size: 16px; color: #068fd5; text-decoration: none; }
a.link:hover{ text-decoration: underline; }
.form input[type=text], #styles.form2 input[type=text] { margin-right: 20px; }
.form2 input[type=text], .form2 input[type=password] { width: 394px; height: 66px; line-height: 66px; padding-left: 60px; font-family: OpenSans-Regular; font-size: 18px; color: #454e5c; background-color: #d0d1d2; 
	border: 1px solid #dde1e5; 
	border-radius: 3px;
	margin-bottom: 10px;
	opacity: 0.7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: opacity 0.2s ease 0s;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
.form2 input[type=text] { background-position: 22px 27px; }
.form2 input[type=password] { background-position: 22px -65px; }
.form2 input[type=submit] { margin-bottom: 10px; outline: none; }
.form2 input[type=text]:focus, .form2 input[type=password]:focus { border-color: #dde1e5; outline: none; opacity: 1; }
.form2 input[type=text]::-webkit-input-placeholder, .form2 input[type=password]::-webkit-input-placeholder { color: #454e5c; }
.form2 input[type=text]:-moz-placeholder, .form2 input[type=password]:-moz-placeholder { color: #454e5c; }
.form2 input[type=text]::-moz-placeholder, .form2 input[type=password]::-moz-placeholder { color: #454e5c; }
.form2 input[type=text]:-ms-input-placeholder, .form2 input[type=password]:-ms-input-placeholder { color: #454e5c; }

.form select { 
	display:block;
	border: 1px solid #d0d3d6;
	opacity: 0.8;
	height:40px;
	padding:8px;
	width:270px;
	border-radius:3px;
	font-size:16px;
	margin-right:20px;
}

textarea { 
	border: 1px solid #d0d3d6;
	opacity: 0.8;
	height:60px;
	padding:8px;
	border-radius:3px;
	width:575px;
	font-size:16px;
}

/* TOOLTIP
------------------------------------------------------------------------------*/

span.question {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #89A4CC;
  line-height: 16px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  position: relative;
  margin-left:5px;
  top:-5px;
}
span.question:hover { background-color: #3D6199; }
div.tooltip {
  background-color: #3D6199;
  color: #fff;
  position: absolute;
  left: -210px;
  top: -104px;
  z-index: 1000000;
  width: 310px;
  border-radius: 5px;
}

div.tooltip p {
  margin: 10px;
  color: White;
}

div.stooltip {
  background-color: #3D6199;
  color: #fff;
  position: relative;
  right: 7px;
  z-index: 999;
  width: 310px;
  border-radius: 5px;
}

div.stooltip p {
  margin: 4px;
  color: White;
}

div.stooltip_mobile {
  background-color: #3D6199;
  color: #fff;
  position: absolute;
  left: 0;
  top: -20px;
  z-index: 999;
  width: 310px;
  border-radius: 5px;
}

div.stooltip_mobile p {
  margin: 10px;
  color: White;
}

div.phone_tooltip {
  background-color: #3D6199;
  color: #fff;
  position: absolute;
  right: 225px;
  top: 257px;
  z-index: 999;
  width: 330px;
  border-radius: 5px;
}

div.phone_tooltip p {
  margin: 15px 5px !important;
  color: White;
  border:0 !important;
  width:100% !important;
  height:100% !important;
  line-height:1.4 !important;
  text-align:left !important;
}

div.tooltip_field {
  background-color: #3D6199;
  color: White;
  position: absolute;
  top: -70px;
  z-index: 1000000;
  width: 280px;
  border-radius: 5px;
}

div.tooltip_field p {
  margin: 10px;
  color: White;
}


div.moreComments-tooltip {
  background-color: #3D6199;
  color: #fff;
  position: absolute;
  right: 7px;
  z-index: 999;
  width: 240px;
  border-radius: 5px;
}

div.moreComments-tooltip p {
  margin: 5px;
  color: White;
}

/* GALLERY 
------------------------------------------------------------------------------*/

#galleryWrapper {
	min-height:150px;
}

#galleryList {
    margin: 0;
    padding: 0 4px;
}

#galleryList li {
    display: inline-block;
    float: left;
    list-style: none;
    margin: 5px 6px;
    padding: 0;
}

#galleryList li a {
    background-color: #FFF;
    border: 1px solid #CCC;
    display: block;
    padding: 4px;
}

#galleryList li a:hover {
    border-color: #999;
}

#galleryList li a img {
    border: none;
}

/* FOOTER 
------------------------------------------------------------------------------*/

.gotop { display: none; position: fixed; bottom: 15px; right: 15px; height: 47px; width: 47px; z-index: 100; background: url(../images/up.png) no-repeat 0 0; cursor: pointer; }
.gotop:hover { background: url(../images/up.png) no-repeat 0px -49px; }		
footer, .push { height: 60px; }
.push { clear:both; }
footer { background: #000; padding: 10px; height:210px;}
footer a { color: #8e959c; text-decoration: none; }
footer a:hover { text-decoration: none; color: #fff; }
footer .logo { display:inline; margin:0 auto; width:55px;}

.both-left{width:585px; border-right:1px solid #b3b3b3; height:200px; margin-top:5px;}
#brands-footer-text1{color:#757575;font-size: 53px; width:400px; margin-left:10px; display:inline; font-weight:300; }
#brands-footer-text2{color:#ccc; font-size:21px;}
#brands-footer-text2 p{color:#ccc; font-size:14px;}
#ol-footer{width:300px;}
footer .social { width:280px; height:200px; position:absolute; left:610px; margin-top:0px; border-right:1px solid #b3b3b3;  }
footer .social ol  {margin-top:0px;}
footer .social ol li {margin-top:5px; font-size:17px; }
footer .social ol li:first-child {margin-top:15px;}
footer .social ol li a{color:#ccc; text-decoration:none;}
footer .social ol li a:hover{color:#fff; }
#footer-images{ position:absolute;margin-left:920px; height:150px; width:185px; padding-top:20px; color:#fff;}
#footer-images img {width:135px; height:45px; padding-bottom:13px; }
#footer-mini-images {margin-top:10px;  width:100px;}
#footer-mini-images img{margin-right:10px;}
.investors {font-size:21px; width:190px;}
.investors a {color:#e9e9e9;}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

#fanback {
		display:none;
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:99999;
		}
		#fan-exit {
		width:100%;
		height:100%;
		}
		#Burptech {
		background:white;
		width:420px;
		height:340px;
		position:absolute;
		top:58%;
		left:63%;
		margin:-220px 0 0 -375px;
		-webkit-box-shadow: inset 0 0 50px 0 #939393;
		-moz-box-shadow: inset 0 0 50px 0 #939393;
		box-shadow: inset 0 0 50px 0 #939393;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		#beforeComment {display:none;}
		#BurpComment {
		background:white;
		width:470px;
		height:330px;
		position:absolute;
		top:30%;
		left:63%;
		-webkit-box-shadow: inset 0 0 50px 0 #939393;
		-moz-box-shadow: inset 0 0 50px 0 #939393;
		box-shadow: inset 0 0 50px 0 #939393;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 210px 0 0 -435px;
		padding:15px; 
		z-index:999;
		}
		#Burp {
		float:right;
		cursor:pointer;
		background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/Burp.png) repeat;
		height:15px;
		padding:20px;
		position:relative;
		padding-right:40px;
		margin-top:-20px;
		margin-right:-22px;
		}
		.remove-borda {
		height:1px;
		width:366px;
		margin:0 auto;
		background:#F3F3F3;
		margin-top:16px;
		position:relative;
		margin-left:20px;
		}
		#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
		color:#80808B;
		font-size:10px;
		margin: 0 auto 5px auto;
		float:center;}


/* BUTTONS
------------------------------------------------------------------------------*/
.btn { 
	font-size: 14px; 
	color: #575757; 
	padding:14px 19px;
	font-weight: 300; 
	border: 1px solid #909090;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	 cursor: pointer;
	 text-transform:uppercase;
}
.btn:hover { text-decoration:none; border:1px solid #000; color:#000; }

.btn[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
  	-webkit-box-shadow: none;
  	box-shadow: none;
}

.btn.btn-add { position:relative; top:140px; padding:135px 43px 58px; background: url(../images/add-company.png) no-repeat 60px 37px; color:#fca601; font-weight:bold; font-size:17px; }
.btn.btn-add span { }

.btn.btn-blue { background-color: #0790d5; box-shadow: 0 1px 0 #0790d5; -webkit-box-shadow: 0 1px 0 #0790d5; -moz-box-shadow: 0 1px 0 #0790d5; }
.btn.btn-blue:hover { background-color: #0582c2; }
.btn.btn-blue:active { box-shadow: 0 1px 0 #0582c2; -webkit-box-shadow: 0 1px 0 #0582c2; -moz-box-shadow: 0 1px 0 #0582c2; }
.btn.btn-green { background-color: #80bf28; box-shadow: 0 1px 0 #80bf28; -webkit-box-shadow: 0 1px 0 #80bf28; -moz-box-shadow: 0 1px 0 #80bf28; }
.btn.btn-green:hover { background-color: #7ab626; }
.btn.btn-green:active { box-shadow: 0 1px 0 #7ab626; -webkit-box-shadow: 0 1px 0 #7ab626; -moz-box-shadow: 0 1px 0 #7ab626; }
.btn.btn-grey { background-color: #c6cacd; box-shadow: 0 1px 0 #c6cacd; -webkit-box-shadow: 0 1px 0 #c6cacd; -moz-box-shadow: 0 1px 0 #c6cacd; }
.btn.btn-grey:hover { background-color: #bbbfc4; }
.btn.btn-grey:active { box-shadow: 0 1px 0 #bbbfc4; -webkit-box-shadow: 0 1px 0 #bbbfc4; -moz-box-shadow: 0 1px 0 #bbbfc4; }
.btn.btn-black{ background-color: #1c2334; font-family: OpenSans-Semibold;  font-size: 16px; box-shadow: 0 1px 0 #1c2334; -webkit-box-shadow: 0 1px 0 #1c2334; -moz-box-shadow: 0 1px 0 #1c2334; }
.btn.btn-black:hover { background-color: #101b34; }
.btn.btn-black:active { box-shadow: 0 1px 0 #101b34; -webkit-box-shadow: 0 1px 0 #101b34; -moz-box-shadow: 0 1px 0 #101b34; }
.btn.btn-yellow{ height: 42px; line-height: 30px; padding: 0 30px; background-color: #fca601; font-size: 14px; font-weight:bold; float:right; color:#fff; border:0; margin-top:2px; }
.btn.btn-yellow:hover { background-color: #ffb017; }

.btn.btn-silver { font-family: OpenSans-Semibold;  font-size: 14px; color: #8e959c; height: 32px; line-height: 32px; padding: 0 12px; background-color: #eef0f2; 
	border-radius: 2px 2px 3px 3px; 
	-webkit-border-radius: 2px 2px 3px 3px; 
	-moz-border-radius: 2px 2px 3px 3px; 
	box-shadow: 0 1px 0 #eef0f2; 
	-webkit-box-shadow: 0 1px 0 #eef0f2; 
	-moz-box-shadow: 0 1px 0 #eef0f2; 
}
.btn.btn-silver:hover { background-color: #f3654c; color: #fff; }
.btn.btn-silver:active { box-shadow: 0 1px 0 #f3654c; -webkit-box-shadow: 0 1px 0 #f3654c; -moz-box-shadow: 0 1px 0 #f3654c; }
.btn.btn-red { color: #fff; background-color: #e84632; box-shadow: 0 1px 0 #d3402d; -webkit-box-shadow: 0 1px 0 #d3402d; -moz-box-shadow: 0 1px 0 #d3402d; }
.btn.btn-red:hover { background-color: #da422f; }
.btn.btn-red:active { box-shadow: 0 1px 0 #da422f; -webkit-box-shadow: 0 1px 0 #da422f; -moz-box-shadow: 0 1px 0 #da422f; }
.btn.btn-trans-white { background-color: transparent; 
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	box-shadow: 0 1px 0 transparent; 
	-webkit-box-shadow: 0 1px 0 transparent; 
	-moz-box-shadow: 0 1px 0 transparent; 
	border: 2px solid #fff;
}
.btn.btn-trans-white:hover { background-color: #fff; color: #000; }
.btn.btn-trans-white:active { box-shadow: 0 1px 0 transparent; -webkit-box-shadow: 0 1px 0 transparent; -moz-box-shadow: 0 1px 0 transparent; }
.btn.btn-trans-black { background-color: transparent; 
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	box-shadow: 0 1px 0 transparent; 
	-webkit-box-shadow: 0 1px 0 transparent; 
	-moz-box-shadow: 0 1px 0 transparent; 
	border: 2px solid #000;
	color: #000;
}
.btn.btn-trans-black:hover { background-color: #000; color: #fff; }
.btn.btn-trans-black:active { box-shadow: 0 1px 0 transparent; -webkit-box-shadow: 0 1px 0 transparent; -moz-box-shadow: 0 1px 0 transparent; }
.btn.btn-gplus { padding-left: 47px; position: relative; }
.btn.btn-gplus span { position: absolute; top: 12px; left: 21px; height: 15px; width: 18px; display: block; background: url(../images/twitter.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.btn-big {
	display: inline-block;
	font-family: OpenSans-Semibold;
	font-size: 18px;
	color: #fff;
	height: 48px;
	line-height: 48px;
	padding: 0 48px;
	background: #ff4533;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	border: 0;
	box-shadow: 0 1px 0 #c53527;
	-webkit-box-shadow: 0 1px 0 #c53527;
	-moz-box-shadow: 0 1px 0 #c53527;
	cursor: pointer;
}
a.btn-big { color: #fff; }
.btn-big:hover { background-color: #e43e2e; text-decoration: none; }
.btn-big:active { top: 1px; }
.btn-big.btn-blue { background-color: #0790d5; box-shadow: 0 1px 0 #0790d5; -webkit-box-shadow: 0 1px 0 #0790d5; -moz-box-shadow: 0 1px 0 #0790d5; }
.btn-big.btn-blue:hover { background-color: #0789cb; }
.btn-big.btn-blue:active { box-shadow: 0 1px 0 #0789cb; -webkit-box-shadow: 0 1px 0 #0789cb; -moz-box-shadow: 0 1px 0 #0789cb; }

.btn-small {
	display: inline-block;
	font-family: OpenSans-Semibold;
	font-size: 14px;
	color: #fff;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	background: #ff4533;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	border: 0;
	box-shadow: 0 1px 0 #c53527;
	-webkit-box-shadow: 0 1px 0 #c53527;
	-moz-box-shadow: 0 1px 0 #c53527;
	cursor: pointer;
}
a.btn-small { color: #fff; }
.btn-small:hover { background-color: #e43e2e; text-decoration: none; }
.btn-small:active { top: 1px; }
.btn-small.btn-blue { background-color: #0790d5; box-shadow: 0 1px 0 #0790d5; -webkit-box-shadow: 0 1px 0 #0790d5; -moz-box-shadow: 0 1px 0 #0790d5; }
.btn-small.btn-blue:hover { background-color: #0789cb; }
.btn-small.btn-blue:active { box-shadow: 0 1px 0 #0789cb; -webkit-box-shadow: 0 1px 0 #0789cb; -moz-box-shadow: 0 1px 0 #0789cb; }

.btn.btn-social { display: inline-block; font-size: 14px; color: #fff; width:205px; height: 19px; font-weight:400; padding:12px 30px; position: relative; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 0; }
.buttonn { float:right; }
.loginOR {display:none;}
.btn.btn-social.btn-fb { background: #0861b3; padding-left:54px; }
.btn.btn-social.btn-fb:hover { background-color: #0658a5; }
.btn.btn-social.btn-fb:active { box-shadow: 0 1px 0 #2d467d; -webkit-box-shadow: 0 1px 0 #2d467d; -moz-box-shadow: 0 1px 0 #2d467d; }
df5039.btn.btn-social.btn-gplus { background: #f83c1e; box-shadow: 0 1px 0 #f83c1e; -webkit-box-shadow: 0 1px 0 #f83c1e; -moz-box-shadow: 0 1px 0 #f83c1e; }
.btn.btn-social.btn-gplus:hover { background-color: #ff6047; }
.btn.btn-social.btn-gplus:active { box-shadow: 0 1px 0 #f83c1e; -webkit-box-shadow: 0 1px 0 #f83c1e; -moz-box-shadow: 0 1px 0 #f83c1e; }
.btn.btn-social.btn-fb span { position: absolute; top: 6px; left: 11px; height: 31px; width: 31px; display: block; background: url(../images/ico_fb_tw.png) no-repeat 0 -1px; font-size: 0; line-height: 0; text-indent: -4000px; padding-right:30px; }
.btn.btn-social.btn-gplus span { position: absolute; top: 20px; left: 21px; height: 27px; width: 28px; display: block; background: url(../images/ico_fb_tw.png) no-repeat 0 -81px; font-size: 0; line-height: 0; text-indent: -4000px; }
.btn-do {
	display: inline-block;
	font-family: OpenSans-Semibold;
	font-size: 18px;
	color: #fff;
	height: 48px;
	line-height: 48px;
	padding: 0 48px;
	background: #f1f3f5;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	border: 0;
	box-shadow: 0 1px 0 #c53527;
	-webkit-box-shadow: 0 1px 0 #c53527;
	-moz-box-shadow: 0 1px 0 #c53527;
	cursor: pointer;
}
a.btn-do { color: #1c2334; }
.btn-do:hover { background-color: #e6e8ea; text-decoration: none; }
.btn-do:active { top: 1px; box-shadow: 0 1px 0 #e6e8ea; -webkit-box-shadow: 0 1px 0 #e6e8ea; -moz-box-shadow: 0 1px 0 #e6e8ea; }
.btn-do.btn-white { background-color: #f1f3f5; box-shadow: 0 1px 0 #dadee1; -webkit-box-shadow: 0 1px 0 #dadee1; -moz-box-shadow: 0 1px 0 #dadee1; }
.btn-do.btn-white:hover { background-color: #e6e8ea; }
.btn-do.btn-white:active { box-shadow: 0 1px 0 #e6e8ea; -webkit-box-shadow: 0 1px 0 #e6e8ea; -moz-box-shadow: 0 1px 0 #e6e8ea; }
.btn-lets {
	display: inline-block;
	font-family: OpenSans-Regular;
	font-size: 24px;
	color: #fff;
	height: 60px;
	line-height: 60px;
	padding: 0 75px;
	background:#f1f3f5;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	border: 0;
	box-shadow: 0 1px 0 #c53527;
	-webkit-box-shadow: 0 1px 0 #c53527;
	-moz-box-shadow: 0 1px 0 #c53527;
	cursor: pointer;
}
a.btn-lets { color: #1c2334; }
.btn-lets:hover { background-color: #e6e8ea; text-decoration: none; }
.btn-lets:active { top: 1px; }
.btn-lets.btn-white { background-color: #f1f3f5; box-shadow: 0 1px 0 #dadee1; -webkit-box-shadow: 0 1px 0 #dadee1; -moz-box-shadow: 0 1px 0 #dadee1; }
.btn-lets.btn-white:hover { background-color: #e6e8ea; }
.btn-lets.btn-white:active { box-shadow: 0 1px 0 #e6e8ea; -webkit-box-shadow: 0 1px 0 #e6e8ea; -moz-box-shadow: 0 1px 0 #e6e8ea; }
.btn-login {
	display: inline-block;
	background: #fca601;
	font-size: 14px;
	height: 30px;
	line-height: 27px;
	overflow: hidden;
	text-align: center;
	padding: 0 23px;
	position: relative;
	box-shadow: 0 1px 0 #383f4a;
	-webkit-box-shadow: 0 1px 0 #383f4a;
	-moz-box-shadow: 0 1px 0 #383f4a;
	cursor: pointer;
	border: 0;
	color: #fff !important;
	border:1px solid white;
	
	
 
}

.btn-login:active { top: 1px; box-shadow: 0 1px 0 #fca601; -webkit-box-shadow: 0 1px 0 #0789cb; -moz-box-shadow: 0 1px 0 #30789cb; }

#btn-edit { position: absolute; margin:-57px 600px; }
#btn-view { display:block; position:relative; text-align:center; top:40px; clear:both; }

/* Cookie law */
.cookies { display:none; background-color: #f19f00; width: 100%; position: fixed; text-align: center; z-index: 999; }
.cookies.top { top: 0; left: 0; }
.cookies.bottom { bottom: 0; left: 0;  }
.cookies p { color: #fff; margin: 7px 30px; font-size: .875rem; }
.cookies p .agree-btn {
    border:2px solid #FFF;
	border-radius:100px;
	padding: 1px 8px 3px;
	color:#FFF;
	font-weight:bold;
	font-size: 12px;
	margin-left:10px
}
/* End cookies */

/* TABLET
------------------------------------------------------------------------------*/

@media screen and (min-width: 781px) and (max-width: 1190px) {
	
	.container { width: auto; position: relative; margin: 0px 3%;}
	.slogan { max-width:500px; margin-top:10px; }
	.slogan .subheadings{font-size:19px; }
	#slogan-search{width:400px;} 
	
	#menu { position: relative;  }
	#menu ul li { padding-left: 13px; height: 44px; }
	#menu ul li a { font-size: 15px; }
	#menu ul li a:hover { font-size: 15px; }
	#menu .current_blue { font-size: 15px; }
	#menu .current_red { font-size: 15px; }
	
	#main .big_logo { margin-top:40px; }
	#main .big_logo h1 { font-size:29px; width:500px;  }
	#main .big_logo img { margin-right:20px !important; }
	
	#main p { font-size:15px; }
		
	aside.home { float:right;  }
		
	#sidebar { float: none; padding: 50px 0 0 0; width: 100%; }
	#sidebar .menu { display: none; }
	#sidebar .feed { margin: 0 4px 22px; }
	#sidebar .invite { padding: 0; }
	#sidebar .invite h3 { padding: 18px 0 4px;  }
	#menu_tablet { display: block; }
	#about .entry h2 { width: 100%; }
	#about .entry p { width: 100%; }
	#about .entry blockquote { width: 100%; }
	#about .entry blockquote p { width: 100%; }
	#about .image img { width: 90%; }
	#about section { overflow: hidden; padding: 10px 0 10px; }
	#about section article { width: 46%; margin-right: 15px; float: left; padding: 0 0 30px; }
	#about section img { width: 46%; }
	
	aside.right {display:none;}
	
	.press {max-width:430px;}
	
	/* Search and Tags Pages */
	#tagsMain {margin:30px 0 0 5px; width:670px;}
	#brandsMain, ul.brands li {width:670px;}
	ul.brands .short-desc, .brands h2 {width:330px;}
	.searchResult {max-width:400px; float:left;}
	.tagsMap, .brandsMap {width:300px;}
	.showTag { padding:15px 10px; height:125px; }

	/* Search and Tags Pages */
	
	.sort {display:none;}
	.brands-heading {float:none; margin: 25px 10px 0 0;}
	
	#top_reputation ul {max-width:750px;}
	#top_reputation ul li:nth-child(3n) {margin-right:0px;}
	#top_reputation ul li:nth-child(4n) {margin-right:15px;}
	
	#mobile-reputation {display:block; margin-top:40px;}
	.reputation {font-size:42pt;}
	.rep_max {font-size:14pt;}
	div.tooltip {left: -125px;}
	#mobile-reputation .stars {max-width:100px; float:left; margin-top:20px;}
	#company-info {clear:both;}
	
	.bottom-box  p {font-size:34px;  width:340px; }
	.bottom-box span {color:black;font-weight:600; font-size:15px;}
	.stripe{float:right;  margin:20px 20px 0px 0px ;}
	.both-left{width:450px;}
	#brands-footer-text1{font-size:41px;}
	footer .social{left:460px; width:250px;}
	#footer-images{margin-left:720px;}
}


@media only screen and (max-width: 1070px) and (min-width: 781px){
	
	a.suggest { display:none; }
	
	h3, aside.home ul li {line-height:1;}
	
	#header_container {right:74px;}
	#notif {left:5px;}
	#searchid {width:340px;}
	.btn-login {display:none !important;}
	
	#menu { display: none; }	
	#menu-mobile { background: #fca601; position: absolute; top: 60px; left: 0; right: 0; z-index: 999; font-size: 18px; display: none; }
	#menu-mobile li { display: block; border-bottom: 1px solid #fca601; }
	#menu-mobile li:last-child { border-bottom: none; }
	#menu-mobile li a { display: block; color: #fff; padding: 15px 27px 16px; text-decoration: none; }
	#menu-mobile li a:hover { text-decoration: underline; 	}
	#menu-mobile:before { position: absolute; top: -20px; right: 10px; content: ''; 	border: 10px solid #fca601; border-color: transparent transparent #fca601 transparent; }
	#menu-mobile .login { background: #454e5c; }
	.menu-trigger { display: block; background: url(../images/ico_menu.png) no-repeat; width: 21px; 	height: 15px; cursor: pointer; z-index: 99; position: absolute;  top: 25px; right: 10px; }
	.nav-overlay { position: fixed; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: none; 	z-index: 998; }
	
	#main .big_logo h1 {font-size:28px ; width:420px;}
	.slogan{max-width:420px;}
	
	.magicQuotes img{max-width:430px !important;}
	.press {max-width:360px;}
	.press img {margin:5px 5px 5px 0; max-width:125px;}
	
	aside.home, aside.home ul {max-width: 300px;}
	.stars.home {display:none; }
	.unofficial {max-width:190px; margin:47px 94px;}
	.official {margin:41px 89px;}
	
	.all-ratings {min-height:250px;}
	
	#result { margin:50px 258px; }
	.infoo { max-width:300px; }
	.checkin-butt {margin-right:70px;}
	
	.must-register {display:none;}
	.mobile {display:block;}
	
	.sort {display:none;}
	
	/* Search and Tags Pages */
	#tagsMain {margin:30px 0 0 5px; width:670px; float:none; clear:both; position:relative;}
	.tagsMap {float:left; width:670px; height:100%;}
	.brandsMap {display:none;}
	.tags-vote {padding-top:40px;}

	/* Search and Tags Pages */
	
	#top_reputation ul {max-width:550px;}
	#top_reputation ul li:nth-child(2n) {margin-right:0px;}
	#top_reputation ul li:nth-child(3n), #top_reputation ul li:nth-child(4n) {margin-right:15px;}
	
	aside.right {display:none;}

    .bottom-box{display:none;}
	.both-left{width:420px;}
	footer {margin-top:50px;}
	footer .logo{width: 50px; }
	#brands-footer-text1{font-size:36px;}
	#brands-footer-text2{font-size:17px;}
	footer .social{left:450px; border-right:0;}
	#footer-images{display:none;}

}
	
/* Middle size styles
------------------------------------------------------------------------------*/   
@media screen and (max-width: 890px) {	

.magicQuotes {float:none; clear:both; top:25px; position:relative;}
.press {max-width:100%; min-height:auto;}

}


/* MOBILE
------------------------------------------------------------------------------*/   
@media screen and (max-width: 780px) {
	a.suggest { display:none; }
	.slogan { max-width:700px; text-align:center; }
	
	h1 { font-size:26px; max-width:500px; }
	h2 { clear:both; }
	h3 { line-height:0.9; font-size:21px; }
	
	aside.home h2 { text-align:center; }
	.main_content { float:none; }
	
	.container { width: auto; position: relative; margin: 0 10px;}
	h1.container-title {margin-top:50px !important;}

	#header_container {right:74px; top:0 !important;}
	#menu { display: none; }	
	#menu-mobile { background: #ffa800; position: absolute; top: 60px; left: 0; right: 0; z-index: 999; font-size: 18px; display: none; }
	#menu-mobile li { display: block; border-bottom: 1px solid #ffa800; }
	#menu-mobile li:last-child { border-bottom: none; }
	#menu-mobile li a { display: block; color: #fff; padding: 15px 27px 16px; text-decoration: none; }
	#menu-mobile li a:hover { text-decoration: underline; 	}
	#menu-mobile:before { position: absolute; top: -20px; right: 10px; content: ''; 	border: 10px solid #ffa800; border-color: transparent transparent #ffa800 transparent; }
	#menu-mobile .login { background: #454e5c; }
	.menu-trigger { display: block; background: url(../images/ico_menu.png) no-repeat; width: 21px; 	height: 15px; cursor: pointer; z-index: 99; position: absolute;  top: 25px; right: 10px; }
	.nav-overlay { position: fixed; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: none; 	z-index: 998; }
	.company_view .name {margin-top:150px;}
	.company_view .mask {margin-top:200px;}
	
	.all-ratings {min-height:250px;}
		
	/* Search and Tags Pages */
	#tagsMain {margin:30px 0 0 5px; max-width:700px; width:100%; float:none; clear:both; position:relative;}
	.searchResult {max-width:255px; float:left;}
	.showTag { padding:15px 10px; height:165px; }
	.showTag h3 {font-size:16px;}
	.tagsRating {float:right; margin-right:20px;}
	.brandsListRating {float:left; margin-right:0;}
	ul.brands li {min-height:260px;}
	.brands-img img {width:140px; height:140px;}
	.tagsMap {height:100%;}
	.tagsMap iframe, .brandsMap {float:left; max-width:670px; width:90%; height:350px; }
	.brandsMap {margin-top:50px;}
	.tags-vote {padding-top:57px;}
	
	.userProfile {width:95%;}
	.userHeader {margin-left:0;}

	/* Search and Tags Pages */
	
	#main { height:100%; background:url("../images/sofia-bgr.jpg") no-repeat scroll top #f2f2f2; }
	#main .big_logo { margin-top:57px; }
	#main .big_logo h1 { font-size:25px; max-width:600px; text-align:center; float:none; }
	#main .big_logo img { margin-right:20px !important; width:150px; float:none !important; }
	#main p { font-size:14px; }
	.stars.home { margin:40px 170px; }
	
	aside.right {display:none;}
	
	.non-logged {display:none;}

	
	#galleryWrapper { min-height:250px; margin-top:10px;}
	
	.brands h2 {max-width:210px; font-size:21px;}
	
	.search_content{ max-width:250px; }
	#searchid { float:none; width:270px; margin-top:10px; }
	#result { margin:0; width:270px; }
	.search_content input { margin:0; }
	
	.profile_picture { display:none; }
	.page_header { margin-left:0; }
	
	#index-categories, .category-list {display:none;}
	
	aside.home { float:none; clear:both; padding-top:50px; }
	aside.home ul { width:100%; }
	
	.checkin-butt {margin-right:70px; margin-left:0;}
	
	.sort-all {margin-top:60px;}
	.sort {display:none;}
	
	#top_reputation { height:100%; margin-bottom:10px; }
	#top-reputation-title {margin-left:0;}
	
	#top_brands { width:100%; }
	#top_brands ul { left:0; width:100%;  }
	#top_brands li { margin-bottom:10px; }
	
	.must-register {display:none;}
	.mobile {display:block;}
	
	.bottom-box{display:none;}
	
	#video .container { margin: 30px auto; }
			
	#sidebar { float: none; padding: 0px 0 50px 0; width: 100%; }
	#sidebar .menu { display: none; }
	#sidebar .feed { margin: 0 4px 22px; }
	#sidebar .invite { padding: 0; }
	#sidebar .invite h3 { padding: 18px 0 4px;  }
	#menu_tablet { display: block; }
	#menu_tablet select { width: 95%; }
	#about {margin-top:100px;}
	#about .entry h2 { width: 100%; }
	#about .entry p { width: 100%; }
	#about .entry blockquote { width: 100%; }
	#about .entry blockquote p { width: 100%; }
	#about .image img { width: 95%; }
	#about section { overflow: hidden; padding: 10px 0 10px; }
	#about section article { width: 100%; margin-right: 15px; float: left; padding: 0 0 30px; }
	#about section img { width: 100%; }
	
	.brands-heading {float:none; margin-top:50px;}
	ul.brands li {min-width:450px; width:auto; }
	.sort-all {margin-top:10px;}
	.brands_select {float:none; margin-top:7px;}
	.short-desc {display:none;}
	
	#top_reputation ul li, #top_reputation ul li:nth-child(3n), #top_reputation ul li:nth-child(4n) {margin-right:14px; };
	#top_reputation ul li:nth-child(2n) {margin-right:14px;}

	
	#company-info { height:410px; }
	.descr { float:none; min-width:100px; }
	.infoo { padding:0; max-width:300px; }
	#mobile-reputation {display:block; margin-top:40px;}
	.reputation {font-size:42pt;}
	.rep_max {font-size:14pt;}
	div.tooltip {left: -125px;}
	#mobile-reputation .stars {max-width:100px; float:left; margin-top:20px;}
	#company-info {clear:both;}
	.tabs-nav a {margin-right:5px; font-size:15px;}
	.comment-content {margin:7px 0 5px 25px !important;}
	.comment .comment-child {margin:0 0 0 15px !important;}
	.comment-message {clear:both; padding:5px 5px 1px 5px !important; font-size:13px !important;}
	.comment .commentmenu .litopright {width:50px !important;}
	#about .content h2 {font-size:18px;}
	.comment-container {font-size:14px;}
	
	
	#questions { display: none; }
	#questions_tablet { display: block; }
	#questions_tablet .content { float: none; width: 378px; line-height: 30px; padding-top: 20px; }
		
	#styles .cols { width: 50%; margin: 20px 0px 50px 0; }
	.alert { width: 80%; }
	.grid { padding-right: 25px; }
	#styles .btn.btn-social { padding: 0 12%; }
	.form2 input[type=text] { margin-right: 10px; width: 40%; }
	.form2 input[type=password] { width: 40%; }	
	
	#login .content { width: 100%; max-width: 460px; padding:20px; min-height:340px; }
	#login h1 {font-size:23px;}
	#login .form input[type=text], #login .form input[type=password]	{ width: 100%; max-width: 354px; }
	#login .btn.btn-yellow { padding: 0 30px; }
	#login p {display:none;}
	.buttonn { margin-top:10px; float:left;}
	.loginOR {display:block; clear:both; font-size:18px; padding:7px 0 10px 0;}
	.inputs { min-width:185px; }
	.terms {max-width:420px;}
	
	footer .logo {width:35px; }
	.both-left {width:100%; border:0px;}
	#brands-footer-text1 {font-size:27px; margin-left:5px;}
	#brands-footer-text2 {font-size:19px; }
	footer .social {display:none;}
	#footer-images{display:none;}
}

@media screen and (max-width: 500px) {
	
	#top_reputation ul li {margin-right:10px !important;}
	.company_view {width:100%; }
	.company_view img {width:auto; margin:-25px auto; max-height:210px; position:absolute; left:0; right:0;}
	.company_view .mask {width:100%; margin-top:194px; text-align:center;}
	.company_view .name {width:100%; text-align:center; padding-top:5px;}
	.stars-top {right:5px;}
	.tabs-nav a {margin-right:3px; font-size:14px; padding:0 5px;}
	
	#notif {display:none;}
	
	.page_header h1 {max-width:310px;}
	
	.moremedia {position:relative !important;}
	
	#galleryWrapper { min-height:360px; margin-top:10px; clear:both;}
	#brandsMain {width:100%;}
	ul.brands li {min-height:auto;}
	/* Search and Tags Pages */
	.showTag {min-height:120px; height:100%;}
	.showTag img {min-height:120px;}
	.showTagDesc {display:none;}
	.searchResult {float:none;}
	.tagsRating {float:none; margin-top:5px;}
	.span-rate-title{color:#000;}
	.brandsListRating {display:none;}
	.brandsMap {margin-bottom:50px;}
	
	.tags-vote {padding-top:75px;}
	
	/* Search and Tags Pages */
	
	ul.brands li {min-width:90%; width:auto; padding-top:0; }
	ul.brands li .mask {display:inline-block; width:100%; margin-top:194px; padding: 5px; text-align: left; height: 40px; color:grey; border-top:1px solid #dfdfdf; background-color:#f9f9f9; position:relative; z-index:999;}
	span.home_reputation {font-size:33px; margin-left:5px;}
	
	.brands-img img { width:auto; margin:0 auto; position:absolute; left:0; right:0;}
	.brands-info {position:absolute; margin-top:143px; text-align:center; width:100%;}
	.brands h2 {max-width:100%;}
	
	.longer {min-height:30px;}
	
	#login .content { padding:14px; }
	.register-content {min-height:630px !important;}
	.inputs {min-width:285px;}
	.terms {clear:both;}
}


/* SMALLER MOBILE
------------------------------------------------------------------------------*/   
@media screen and (max-width: 375px) {
	
	#top-reputation-title {height:70px;}
	#top-reputation-title h2::before {margin:10px 12px 0px 15px;}
	#top_reputation ul li {margin-right:0;}
	
	#about.extra {margin-top:125px;}
	.company-moto {display:none;}
	
	ul.brands li .mask {font-size:12px;}
	
	#name li:first-child {display:none;}
	
	.tabs-nav a {margin-right:2px; font-size:12px; padding:0 4px;}
	.infoo {max-width:260px;}
	.comment .commentmenu .litopright {display:none !important;}
	
	.checkin-butt {float:left; margin-top:10px; margin-left:0;}
		
	.page_header h1 {max-width:260px;}
	
	span.home_reputation_title {font-size:15px; margin-right:0;}
	.official {margin:54px 94px;}
	
	.press img {max-width:120px;}
	.moremedia {position:relative !important; clear:both;}
	
	.stars.home {display:none;}
	
	.login-form { max-width:230px;}
	.inputs {min-width:195px;}
	.terms {max-width:250px; font-size:12px;}
	.btn-yellow {float:left !important;}
	
	

}

/* SMALLER MOBILE
------------------------------------------------------------------------------*/   
@media screen and (max-width: 315px) {
	
	#galleryWrapper { min-height:620px;}
	.checkin-butt {float:left; margin-top:10px; margin-left:0;}
	
	span.home_reputation_title {display:none;}
	
	#name {display:none;}
}