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

#search_box #dropdown, .rate .dropdowns, .s-but {
	background-color:#35414f;
	border:1px solid #33383e;
	-moz-box-shadow:inset 0px 0px 6px 0px #202934;
	-webkit-box-shadow:inset 0px 0px 6px 0px #202934;
	box-shadow:inset 0px 0px 6px 0px #202934;
	display:inline-block;
	position:relative;
	width:95%;
	height:57%;
	cursor:pointer;
	text-align:left;
	font-size:1em;
}

#search_box #dropdown .icon-caret-down, .rate .dropdowns .icon-caret-down {
	position:absolute;
	background:transparent;
	top:0px;
	right:0px;
	color:#fff;
	padding:0 5%;
	font-size:1.5em;
	line-height:120%;
	text-shadow: 0px 0px 0.09em #fff;
	height:100%;
}

#search_box #dropdown .dropdown-text, .rate .dropdowns .dropdown-text {
	width:80%;
	height:100%;
	color:#fff;
	margin-left:5%;
	line-height:190%;
	font-weight:normal;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

#search_box #dropdown ul, .rate .dropdowns ul {
	position:absolute;
	top:100%;
	left:-0.1em;
	width:12.45em;
	list-style-type:none;
	line-height:190%;
	background-color:#35414f;
	-moz-box-shadow:inset 0px 0px 6px 0px #202934;
	-webkit-box-shadow:inset 0px 0px 6px 0px #202934;
	box-shadow:inset 0px 0px 6px 0px #202934;
	border-left:1px solid #33383e;
	border-right:1px solid #33383e;
	border-top:1px solid #7c838b;
	display:none;
	z-index:2;
}

#search_box #dropdown ul li, .rate .dropdowns ul li {
	border-bottom:1px solid #7c838b;
	padding-left:5%;
	padding-top:0;
	padding-bottom:0;
	padding-right:1%;
	color:#cbd2da;
}

#search_box #dropdown ul li i, .rate .dropdowns ul li i {
	float:right;
}

#search_box #dropdown ul li:hover, .rate .dropdowns ul li:hover {
	background-color:#26303b;
	color:#048e4d;
}

.dropdown_display {
	display:block !important;
}

#search_box #dropdown:hover .icon-caret-down, .rate .dropdowns:hover .icon-caret-down {
	color:#2ac77d;
}

.rate .dropdowns {
	height:2.3em;
	width:40.9em;
}

.rate .dropdowns ul {
	width:40.95em;
}

.rate .dropdowns ul li {
	float:none;
	width:95%;
	padding:0;
	margin:0;
	padding-left:5%;
	word-spacing:0.25em;
}

.rate .dropdowns .icon-caret-down {
	padding:0 3%;
	line-height:1.5em;
}

.rate .dropdowns .dropdown-text {
	line-height:2.3em;
}

.rate .dropdowns ul li i {
	margin:0.4em 1.5em 0 0;
}

#dropdown i {
	line-height:1.8em;
	margin-right:0.2em;
}

.s-but {
	-moz-box-shadow:inset 0px 0px 2em 0px #202934;
	-webkit-box-shadow:inset 0px 0px 2em 0px #202934;
	box-shadow:inset 0px 0px 2em 0px #202934;
}

.s-but fieldset {
	margin:2em;
}

.s-but legend {
	color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    margin-left: 35.5%;
    padding: 2%;
}

.s-but .scontent ul {
	list-style-type:none;
	margin:1em;
}

.s-but .scontent ul li {
	color: #333;
    float: left;
    font-size:2em;
	width:1.8em;
	height:1.8em;
	border-radius:0.9em;
	background-color:#fff;
	margin:0 0.55em;
	-moz-box-shadow:inset 0px 0px 0.25em 0px #7e858f;
	-webkit-box-shadow:inset 0px 0px 0.25em 0px #7e858f;
	box-shadow:inset 0px 0px 0.25em 0px #7e858f;45619d
}

.s-but .scontent ul li.facebook, .s-but .scontent ul li.facebook a, .s-but .scontent ul li.facebook a:visited {
	color:#45619d;
	text-shadow: 1px 1px 1px rgba(50, 74, 126, 0.9);
}

.s-but .scontent ul li.facebook i {
	margin-left:-0.09em;
}

.s-but .scontent ul li.google, .s-but .scontent ul li.google a, .s-but .scontent ul li.google a:visited {
	color:#d73d32;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.s-but .scontent ul li.twitter, .s-but .scontent ul li.twitter a, .s-but .scontent ul li.twitter a:visited {
	color:#55acee;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.s-but .scontent ul li i {
	line-height:1.9em;
	width:1.9em;
	text-align:center;
}

.s-but .scontent ul li i {	
	-webkit-transition:all 400ms ease-in-out 0s;
    -moz-transition:all 400ms ease-in-out 0s;
    -o-transition:all 400ms ease-in-out 0s;
	-ms-transition:all 400ms ease-in-out 0s;
    transition:all 400ms ease-in-out 0s;
}

.s-but .scontent ul li i.mouseenter {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
    transform:rotate(360deg);
}

.s-but .scontent ul li i.mouseout {
	-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
    transform:rotate(0deg);
}