@import url("../CherryFramework/style.css");
body { overflow-x:hidden; }
@media (max-width: 979px) and (min-width: 768px) {
	.logo { width:100%; }
}
.above_header {
	margin-top:10px;
	height:57px;
}
@media (max-width: 767px) {
	.above_header { height:100px; }
}
.header {
	padding:10px 0 0;
	border-bottom:none;
	background-size:cover;
}
@media (max-width: 767px) {
	.header {
		padding:0 20px;
		margin:0 -20px;
	}
}
.banner img {
	float:right;
	margin-top:5px;
}
.title-header { margin-bottom:.5em; }
.nav__primary {
	position:relative;
	z-index:2;
	height:54px;
	margin-bottom:0px;
	-webkit-box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8);
	-moz-box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8);
	box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8);
	background-color:rgba(0,0,0,0.4);
	margin-top:3px;
	top:10px;
}
.nav__primary:before {
	content:'';
	height:54px;
	width:50%;
	float:left;
	position:absolute;
	left:-50%;
	-webkit-box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8);
	-moz-box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8);
	box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8);
	background-color:rgba(0,0,0,0.4);
}
.nav__primary:after {
	content:'';
	position:absolute;
	height:54px;
	width:50%;
	right:-50%;
	top:0;
	-webkit-box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8);
	-moz-box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8);
	box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8);
	background-color:rgba(0,0,0,0.4);
}
form#search-header {
	position:relative;
	top:7px;
	right:20px;
}
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu { line-height:1.0; }
.sf-menu ul {
	display:none;
	position:absolute;
	top:-999em;
	width:10em;
}
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; }
.sf-menu li {
	position:relative;
	float:left;
}
.sf-menu a {
	padding-left:11px;
	padding-right:25px;
	padding-top:8px;
	display:block;
	cursor:pointer;
	height:47px;
	line-height:22px;
	overflow:hidden;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	top:96%;
	left:0;
	z-index:99;
	background:rgba(0,0,0,0.6);
	padding-top:10px;
	margin-top:-7px;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	top:0;
	left:100%;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	top:0;
	left:10em;
}
.sf-menu {
	float:left;
	margin-left:13px;
}
.sf-menu > li {
	background:none;
	text-align:center;
	height:63px;
}
.sf-menu > li > a {
	padding:8px 25px 8px 11px;
	border-top:none;
	border-left:none;
	height:41px;
	top:4px;
	text-decoration:none;
}
.sf-menu > li > a .sf-sub-indicator { display:none; }
.sf-menu li .desc {
	display:block;
	font-size:0.9em;
}
.sf-menu li li {
	background:url(https://underseas.com/templates/seaofglass/images/s5_seg_menuback.png) repeat scroll 0%;
	width:189px;
	font-family:'Lucida Grande', helvetica, verdana, sans-serif, arial;
	font-size:12px;
	font-weight:normal;
	height:35px;
	text-align:left;
}
.sf-menu li li a {
	padding:5px;
	border-top:none;
	border-left:none;
	color:#fff;
	text-decoration:none;
}
.sf-menu > li > a:hover, .sf-menu > li.sfHover> a, .sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a { background:transparent url(https://underseas.com/templates/seaofglass/images/s5_seg_menuback.png) repeat; }
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current-menu-item > a, .sf-menu li li.current_page_item > a { background:url(https://underseas.com/templates/seaofglass/images/s5_seg_middlemenu.png) repeat-x; }
.sf-menu a.sf-with-ul {
	padding-right:25px;
	min-width:1px;
}
.sf-sub-indicator {
	position:absolute;
	top:1.05em;
	right:.75em;
	display:block;
	overflow:hidden;
	width:10px;
	height:10px;
	background:url(./images/arrows-ffffff.png) no-repeat -10px -100px;
	text-indent:-999em;
}
a > .sf-sub-indicator { background-position:0 -100px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px; }
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }
@media (max-width: 767px) {
	.sf-menu { display:none; }
}
.select-menu {
	display:none;
	border:1px solid #ddd;
	background-color:#e4e4e4;
	width:100%;
	height:30px;
	padding:5px;
	margin:0;
	cursor:pointer;
	outline:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
@media (max-width: 767px) {
	.select-menu { margin-top:10px; }
}
.select-menu:focus { border-color:#ddd; }
.select-menu option {
	padding:5px;
	cursor:pointer;
}
.select-menu option.main_item { font-weight:bold; }
.title-section { padding:0; }
#content, #sidebar {
	padding:0;
	padding-left:6px;
	padding-right:6px;
	box-sizing:border-box;
}
.breadcrumb {
	padding:0;
	margin:0;
	list-style:none;
	background-color:transparent;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.breadcrumb > li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-shadow:none;
}
.breadcrumb > li > .divider {
	padding:0 5px;
	color:#ccc;
}
.breadcrumb > .active { color:#F3FFEF; }
.breadcrumb__t li.divider:after {
	content:'\f04b';
	color:#ffffff;
	font-family:'FontAwesome';
	font-size:8px;
	padding:0 8px;
}
.pagination ul > li > a, .pagination ul > li > span { background:none; }
.footer { background:none; }
.btn {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:4px 12px;
	margin-bottom:0;
	font-size:14px;
	line-height:21px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	color:#013244;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	background-color:#ffff00;
	background-image:-moz-linear-gradient(top,#FFFF00,#FFFF00);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#FFFF00),to(#FFFF00));
	background-image:-webkit-linear-gradient(top,#FFFF00,#FFFF00);
	background-image:-o-linear-gradient(top,#FFFF00,#FFFF00);
	background-image:linear-gradient(to bottom,#FFFF00,#FFFF00);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff00', endColorstr='#ffffff00', GradientType=0);
	border-color:#FFFF00 #FFFF00 #b3b300;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	*background-color:#FFFF00;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border:1px solid #ccc;
	*border:0;
	border-bottom-color:#b3b3b3;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*margin-left:.3em;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
	color:#013244;
	background-color:#FFFF00;
	*background-color:#e6e600;
}
.btn:active, .btn.active { background-color:#cccc00 \9; }
.btn:first-child { *margin-left:0; }
.btn:hover, .btn:focus {
	text-decoration:none;
	background:#FFFF00;
	color:#FFFF00;
	-webkit-transition:.3s ease;
	-moz-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease;
}
.btn:focus {
	outline:thin dotted #333;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}
.btn.active, .btn:active {
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled, .btn[disabled] {
	cursor:default;
	background-image:none;
	opacity:0.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.search-form .btn-primary {
	position:absolute;
	padding:4px 12px;
	right:5px;
	top:5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/search.png) no-repeat 0 0;
	box-shadow:none;
	border:none;
	transition:none;
}
.search-form .btn-primary:hover { background:url(images/search.png) no-repeat 0 -41px; }
input[type="text"]:focus {
	border-color:#000;
	-webkit-box-shadow:0 0 10px #049cdb;
	-moz-box-shadow:0 0 10px #049cdb;
	box-shadow:0 0 10px #049cdb;
	background-color:#e0f5fe;
}
::-webkit-input-placeholder { font-style:italic; }
::-moz-placeholder { font-style:italic; }
:-ms-input-placeholder { font-style:italic; }
#socialmedia {
	padding:0;
	position:absolute;
	right:20px;
	top:-20px;
	z-index:102;
}
@media (max-width: 650px) {
	#socialmedia { display:none; }
}
#socialmedia a { margin:0px 1px; }
#socialmedia ul {
	list-style:none;
	margin:0 0 0px 0;
}
#socialmedia ul li {
	display:block;
	float:left;
	margin:0;
	padding:0 0 0px 0;
}
#socialmedia ul li a {
	display:block;
	width:56px;
	height:56px;
	text-indent:-9999px;
	background-position:8px -31px;
	background-repeat:no-repeat;
	padding-bottom:1px;
	opacity:1;
}
#socialmedia ul li a:hover {
	background-position:8px -31px !important;
	opacity:1;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;
	-webkit-transition-property:background-color;
	-moz-transition-property:background-color;
	-o-transition-property:background-color;
	-ms-transition-property:background-color;
	transition-property:background-color;
}
.social-facebook a { background:url(/templates/j51_alexis/images/social_icons/facebook.png); }
.social-facebook a:hover { background-color:#3b5998; }
.social-twitter a { background:url(/templates/j51_alexis/images/social_icons/twitter.png); }
.social-twitter a:hover { background-color:#48c4d2; }
.social-googleplus a { background:url(/templates/j51_alexis/images/social_icons/googleplus.png); }
.social-googleplus a:hover { background-color:#d94a39; }
.social-youtube a { background:url(/templates/j51_alexis/images/social_icons/youtube.png); }
.social-youtube a:hover { background-color:#f45750; }
.social-pinterest a { background:url(/templates/j51_alexis/images/social_icons/pinterest.png); }
.social-pinterest a:hover { background-color:#cb2027; }
.social-blogger a { background:url(/templates/j51_alexis/images/social_icons/blogger.png); }
.social-blogger a:hover { background-color:#fb913f; }
.social-dribbble a { background:url(/templates/j51_alexis/images/social_icons/dribbble.png); }
.social-dribbble a:hover { background-color:#ef5b92; }
.social-flickr a { background:url(/templates/j51_alexis/images/social_icons/flickr.png); }
.social-flickr a:hover { background-color:#f1628b; }
.social-skype a { background:url(/templates/j51_alexis/images/social_icons/skype.png); }
.social-skype a:hover { background-color:#18b7f1; }
.social-digg a { background:url(/templates/j51_alexis/images/social_icons/digg.png); }
.social-digg a:hover { background-color:#2882c6; }
.social-linkedin a { background:url(/templates/j51_alexis/images/social_icons/linkedin.png); }
.social-linkedin a:hover { background-color:#71b2d0; }
.social-vimeo a { background:url(/templates/j51_alexis/images/social_icons/vimeo.png); }
.social-vimeo a:hover { background-color:#62a0ad; }
.social-yahoo a { background:url(/templates/j51_alexis/images/social_icons/yahoo.png); }
.social-yahoo a:hover { background-color:#ab64bc; }
.social-tumblr a { background:url(/templates/j51_alexis/images/social_icons/tumblr.png); }
.social-tumblr a:hover { background-color:#3a5976; }
.social-deviantart a { background:url(/templates/j51_alexis/images/social_icons/deviantart.png); }
.social-deviantart a:hover { background-color:#d0de21; }
.social-delicious a { background:url(/templates/j51_alexis/images/social_icons/delicious.png); }
.social-delicious a:hover { background-color:#3274d1; }
.social-rss a { background:url(/templates/j51_alexis/images/social_icons/rss.png); }
.social-rss a:hover { background-color:#fe9900; }
[class^="social-"] a, [class*=" social-"] a {
	background-color:rgba(0,0,0,0.1);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after {
	display:table;
	content:"";
	line-height:0;
}
.clearfix:after { clear:both; }
.hide-text {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0;
}
.input-block-level {
	display:block;
	width:100%;
	min-height:31px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
