@import url('https://fonts.googleapis.com/css?family=Open+Sans');

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	padding: 0;
	margin:0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.page { font-family: 'Open Sans', sans-serif; background-color: #f6f7fb; line-height: 1; min-height: 800px; margin-top:101px; overflow: hidden; position: relative; }
input { font-family: 'Open Sans', sans-serif; }
.page .rounded { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.page .loader { border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%;  width: 35px;  height: 35px; margin:50px auto; animation: spin 1s linear infinite; }
@keyframes spin {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}

.page .container { max-width:1070px; margin:0 auto; position: relative; overflow: visible; }
.page .page-title { text-align: center; }
.page h1, .page .about-val { font-size: 19px; color: #343434; text-align: center; display: inline-block; line-height: 130px; }
.page h1 {background: url(http://cdn.bestreviews.com/trump/img/share/trump_face.png) 0 8px no-repeat; padding: 5px 0 0 104px;}
.page .about-val, .page h1 span { position: relative; display: inline-block; color: #d8af64; }
.page .about-val:hover { text-decoration: underline; cursor: pointer; }

.page .search { text-align: center; max-width: 850px; margin:0 auto; overflow: visible; width:95%; position: relative; }
.page .search input[name=search] { width:100%; height:65px; font-size:18px; font-weight:bold; color:#454545; padding: 0 20px; box-sizing: border-box; float:left; margin:0 0 25px 2px; border:none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.page .search input[name=search-btn] { cursor:pointer; position: absolute; right:6px; top:7px; width:137px; line-height: 52px; font-size:21px; background-color: #d59f41; border:none; padding: 0; margin:0; text-align: center; color: #fff; }

.page .trending { clear: both;  font-size: 16px; max-width: 850px; margin:0 auto; overflow: hidden; width:95%; box-sizing: border-box; padding: 0 5px; }
.page .trending h2 {  color: #868482; font-weight: normal; display: inline-block; margin-right: 15px; }
.page .trending a { color: #cccac6; margin-right: 20px; line-height:22px; font-size: 15px; display:inline-block; }
.page .trending a:hover { color:#868482; }
.page .trending .hidden { display: none; }
.page .trending a.more { color:#d59f41; }

.page .image { width:500px; margin-left:60px; float: left; }
.page .image img.bubbles {  }
.page .tweet-box { float: right; margin-top:20px; width:500px; position: relative; height:250px; }
.page .tweet-box .next-tweet { display:none; width: 41px; height: 41px; background: url(http://cdn.bestreviews.com/trump/img/share/next_icon.png) 0 0 no-repeat; position: absolute; right: -45px; top: calc(49% - 20px); cursor: pointer; }
.page .main { padding-top: 20px; padding-bottom: 80px; }

.page .share { width: 560px; float: right; text-align: center; margin-top:-50px; }
.page .share h3 { color: #caccd0; text-align: center; font-weight: normal; font-size: 15px; padding-bottom: 20px; }
.page .share .count { display:inline-block; margin-right:10px; line-height:27px; font-size: 16px; font-weight: bold; color: #d59f41; background: url(http://cdn.bestreviews.com/trump/img/share/grow_up_icon.png) 0 0 no-repeat; padding-left: 60px; }
.page .share .twitter-btn, .page .share .facebook-btn { text-decoration: none; line-height: 45px; display:inline-block; color:#fff; font-size: 15px; padding:0 10px 0 40px; }
.page .share .twitter-btn { background:#00c6f8 url(http://cdn.bestreviews.com/trump/img/share/tw_icon.png) 10px 15px no-repeat; }
.page .share .facebook-btn { background:#475a96 url(http://cdn.bestreviews.com/trump/img/share/fb_icon.png) 10px 12px no-repeat; margin-right: 5px; }

/*.page .dropdown { display:none; z-index: 10000; position: relative; width:277px; background-color: #fff; position: absolute; top:74px; right:calc(50% - 140px); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); }
.page .dropdown .top-arrow { width: 39px; height: 21px; background: url(http://cdn.bestreviews.com/trump/img/share/top-arrow.png) 0 0 no-repeat; position: absolute; left:43%; top:-21px; }
.page .dropdown ul { overflow: hidden; }
.page .dropdown li { border-bottom: 1px solid #f0f0f0; padding:0; margin:0; }
.page .dropdown li:last-child { border-bottom: none; }
.page .dropdown li a { display: inline-block; line-height:19px; font-weight:bold; font-size: 14px; text-decoration:none; color: #454545; width:100%; box-sizing: border-box; padding:13px 20px; text-align: left; }
.page .dropdown li a:hover, .page .dropdown li.active a { background-color:#cea052; color:#fff; }
.page .dropdown span.icon { float: right; width:8px; height: 13px; background:url(http://cdn.bestreviews.com/trump/img/share/arrow_icon.png) 0 0 no-repeat; margin-top:3px; }
.page .dropdown li a:hover span.icon, .page .dropdown li.active a span.icon { background-position: 0px -13px; }*/

.autocomplete-suggestions { font-family: 'Open Sans', sans-serif; z-index: 2; background: #FFF; overflow: auto; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
.autocomplete-suggestion { padding: 10px 20px; white-space: nowrap; overflow: hidden; cursor: pointer; }
.autocomplete-selected { background: #e7e7e7; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


@media (max-width: 1100px) {
	.page { margin-top:48px; }
	.page .image { margin-left:0; }	
	.page .main { text-align: center; }
	.page .image, .page .tweet-box  { float:none; display:inline-block; width: 37%; }
	.page .image img { width: 60%; }
	.page .image img.bubbles { width:30%; }
	.page .tweet-box {  }
	.page { min-height: 500px; }
	.page .share { margin:0; width: 100%; clear: both; padding-bottom: 40px;  }		

}
@media (max-width: 1000px) {
	.page .image img.bubbles { width:32%; }
	.page .main { padding-top: 30px; }	
}
@media (max-width: 802px) {
	.page .search input[name=search-btn] { width:22%; }
	.page .image img.bubbles { width:30%; }
	.page .main { padding-top: 0px; }
	.page .tweet-box  { width: 52%; margin-right:45px; }
	.page .image { width: 40%; }	
}
@media (max-width: 620px) {
	.page .image img.bubbles { width:30%; }
	.page .image, .page .tweet-box  { display:block; width:80%; margin:0 auto; }	
	.page .tweet-box  { margin-top: -560px; }
	.page .image { margin-top: 250px; }	
	.page .about-val { display: block; padding: 0px 0 20px 0; }
	.page .dropdown { top:45px; }
	.page { min-height: 1050px; }
	.page .trending { padding-bottom: 20px; }	
	.page .share { margin-top: 325px; }
	.page h1 { height:90px; padding-top:60px; line-height: 25px; }	
}
@media (max-width: 550px) {
	.page .tweet-box  { margin-top: -530px; }
	.page .image { margin-top: 250px; }	
	.page { min-height: 760px; }
	.page .share .count { margin:0 auto 20px auto; display:block; width:125px; }	
	.page .share { margin-top: 295px; }			
}
@media (max-width: 520px) {
	.page .tweet-box  { margin-top: -500px; }
	.page .image { margin-top: 230px; }	
	.page { min-height: 750px; }
	.page .share { margin-top: 265px; }	
}
@media (max-width: 480px) {
	.page .tweet-box  { margin-top: -490px; }
	.page .image { margin-top: 237px; }	
	.page { min-height: 730px; }
}
@media (max-width: 440px) {
	.page .tweet-box  { margin-top: -430px; }
	.page .image { margin-top: 200px; }	
	.page { min-height: 700px; }
	.page .share { margin-top: 230px; }	
	.page .tweet-box  { margin-left:20px; }	

}
@media (max-width: 410px) {
	.page .image, .page .tweet-box  { width:83%; }
	.page .tweet-box  { margin-left:10px; }	
}
@media (max-width: 380px) {
	.page .image  { width:90%; }
	.page .tweet-box  { width:85%; }
	.page .share .facebook-btn { margin-bottom: 10px; }
}
@media (max-width: 360px) {
	.page .image { width:95%; }
	.page .tweet-box  { margin-top: -410px; }
	.page .share { margin-top: 200px; }
	.page .search input[name=search] { font-size: 16px }
	.page h1 { font-size: 17px; }			
}
@media (max-width: 330px) {
	.page .tweet-box  { margin-top: -420px; }
}