/* ==================== | DEFAULT FONTS | ==================== */

@font-face {
	font-family:'Vadikom Icons';
	src:url('fonts/vadikom_icons.eot');
	src:url('fonts/vadikom_icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/vadikom_icons.woff') format('woff'),
		url('fonts/vadikom_icons.ttf') format('truetype'),
		url('fonts/vadikom_icons.svg#VadikomIconsRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Lora';
	src:url('fonts/lora_bold.eot');
	src:url('fonts/lora_bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/lora_bold.woff') format('woff'),
		url('fonts/lora_bold.ttf') format('truetype'),
		url('fonts/lora_bold.svg#LoraBold') format('svg');
	font-weight:bold;
	font-style:normal;
}
@font-face {
	font-family:'Lora';
	src:url('fonts/lora_bold_italic.eot');
	src:url('fonts/lora_bold_italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/lora_bold_italic.woff') format('woff'),
		url('fonts/lora_bold_italic.ttf') format('truetype'),
		url('fonts/lora_bold_italic.svg#LoraBoldItalic') format('svg');
	font-weight:bold;
	font-style:italic;
}
@font-face {
	font-family:'Lora';
	src:url('fonts/lora_italic.eot');
	src:url('fonts/lora_italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/lora_italic.woff') format('woff'),
		url('fonts/lora_italic.ttf') format('truetype'),
		url('fonts/lora_italic.svg#LoraItalic') format('svg');
	font-weight:normal;
	font-style:italic;
}
@font-face {
	font-family:'Lora';
	src:url('fonts/lora.eot');
	src:url('fonts/lora.eot?#iefix') format('embedded-opentype'),
		url('fonts/lora.woff') format('woff'),
		url('fonts/lora.ttf') format('truetype'),
		url('fonts/lora.svg#LoraRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'PT Sans Narrow';
	src:url('fonts/pt_sans_narrow_bold.eot');
	src:url('fonts/pt_sans_narrow_bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/pt_sans_narrow_bold.woff') format('woff'),
		url('fonts/pt_sans_narrow_bold.ttf') format('truetype'),
		url('fonts/pt_sans_narrow_bold.svg#PTSansNarrowBold') format('svg');
	font-weight:bold;
	font-style:normal;
}
@font-face {
	font-family:'PT Sans Narrow';
	src:url('fonts/pt_sans_narrow.eot');
	src:url('fonts/pt_sans_narrow.eot?#iefix') format('embedded-opentype'),
		url('fonts/pt_sans_narrow.woff') format('woff'),
		url('fonts/pt_sans_narrow.ttf') format('truetype'),
		url('fonts/pt_sans_narrow.svg#PTSansNarrowRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}



	/* ==================== | DEFAULT STYLES | ==================== */

html, body, h1, h2, h3, h4, p, ul, ol, li, form, input, select, dl, dt, dd, fieldset, blockquote {
	margin:0;
	padding:0;
}
a img {
	border:none;
}
a.sup {
	text-decoration:none;
}
fieldset {
	display:block;
	border:0 solid;
}
abbr {
	border-bottom:1px dotted;
}
::selection {
	color:#222 !important;
	background:#fef5a5;
}
::-moz-selection {
	color:#222 !important;
	background:#fef5a5;
}
[data-icon]:before {
	font-family:"Vadikom Icons";
	content:attr(data-icon);
	font-weight:normal;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
}
abbr, acronym {
	border-bottom:1px dotted #DAD3C9;
}
kbd {
	/* Thanks to: https://github.com/michaelhue/keyscss */
	display: inline;
	display: inline-block;
	min-width: 1em;
	padding: .2em .3em;
	font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
	text-align: center;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	background: #555;
	background-image:-moz-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(70,70,70)),color-stop(100%,rgb(90,90,90)));
	background-image:-webkit-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:-o-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:-ms-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	color: #fff;
	text-shadow: -1px -1px 0 rgb(70, 70, 70);
	-moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
}



	/* ==================== | LAYOUT | ==================== */

html {
	background:#fff;
}
body {
	color:#222;
}
body.customize-support {
	padding-top:32px;
}
@media (max-width: 782px) {
	body.customize-support {
		padding-top:46px;
	}
}
#holder {
	background:#fbf3e8;
}
#header {
	padding:0 5px;
}
#header .inner, #content .inner , #banners .inner, #footer .inner {
	position:relative;
	margin: 0 auto;
	max-width:780px;
}
* html #header .inner, * html #content .inner , * html #banners .inner, * html #footer .inner {
	width:780px;
}
#content {
	position:relative;
	z-index:2;
	padding:2.22em 10px 3em 10px;
	-moz-box-shadow:0 7px 6px rgba(0,0,0,0.05);
	-webkit-box-shadow:0 7px 6px rgba(0,0,0,0.05);
	box-shadow:0 7px 6px rgba(0,0,0,0.05);
}
#content .inner {
	max-width:730px;
}
* html #content .inner {
	width:730px;
}
.home #content .inner {
	max-width:926px;
}
* .home #content .inner {
	width:926px;
}
.forums #content {
	padding-bottom:1.77em;
}
#banners {
	padding:0 10px;
	position:relative;
	z-index:1;
	background:#fff;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.15);
	box-shadow:0 2px 2px rgba(0,0,0,0.15);
}
#footer {
	padding:1.833em 10px 0 10px;
	background:#fff;
	color:#fefaee;
}





	/* ==================== | HEADER | ==================== */

#header .inner {
	z-index:3;
}
#nav {
	border-bottom:1px dashed #dad3c9;
}
@media (min-width: 768px) {
	#nav {
		border-bottom:0;
		padding-top:2.778em;
	}
	
#header .inner, #content .inner , #banners .inner, #footer .inner {
	position:relative;
	margin: -50px auto;
	max-width:780px;
}

	
}
.main-menu-btn {
	position:relative;
	display:block;
	padding:0.815em 40px;
	height:24px;
	overflow:hidden;
	line-height:26px;
	text-align:center;
	cursor:pointer;
	color:#BBB1A3;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.main-menu-btn-text {
	position:absolute;
	top:-99999px; 
}
.main-menu-btn-title {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
	opacity:1;
	-webkit-transform:none;
	transform:none;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-title {
	opacity:0;
	-webkit-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0);
}
.main-menu-btn-title [data-icon]:before {
	position:relative;
	top:-1px;
	vertical-align:top;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
	position:absolute;
	top:50%;
	left:5px;
	height:2px;
	width:24px;
	background:#BBB1A3;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}
.main-menu-btn-icon:before {
	content:'';
	top:-7px;
	left:0;
}
.main-menu-btn-icon:after {
	content:'';
	top:7px;
	left:0;
}
/* close icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
	height:0;
	background:transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
	top:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
	top:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.main-menu-btn-logo {
	font:italic bold 1.111em/10px Verdana,Arial,Helvetica,sans-serif;
	color:#3092C0;
}
.main-menu-btn-logo-separator {
	margin-right:0.222em;
	border-right:1px solid #dad3c9;
	padding-right:0.5em;
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
	display: none;
}
#main-menu-state:checked ~ #main-menu {
	display: block;
}
@media (min-width: 768px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
	}
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display: block;
	}
}
#main-menu {
	margin-bottom:0.666em;
}
@media (min-width: 768px) {
	#main-menu {
		position:relative;
		top:0;
		left:0;
		margin-bottom:0;
		width:auto;
		z-index:2;
		
	}
}
#main-menu > li [data-icon] {
	display:none;
}
@media (min-width: 768px) {
	#main-menu > li [data-icon] {
		display:inline;
	}
	#main-menu > li [data-icon]:before {
		position:relative;
		top:2px;
		margin-right:0.375em;
		font-size:0.89em;
		line-height:20px;
	}
	#main-menu.sm-blue > li [data-icon]:before {
		color:#A4CDE1;
	}
}



@media (min-width: 768px) {
	#main-menu > li:last-child {

	}








}
#logo-menu {
	margin-right:-4px;
	font:italic bold 1em/23px Verdana,Arial,Helvetica,sans-serif;
}
/* new badges */
#main-menu.new-demos > li:nth-child(2) > a:after,
#main-menu.new-demos > li:nth-child(2) > ul > li:nth-child(2) a:after {
	content:'new';
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:50px;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	height:18px;
	text-align:center;
	border:1px solid #d23600;
	padding:0 5px;
	background:#fff;
	color:#d23600;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
}
@media (min-width: 768px) {
	#main-menu.new-demos > li:nth-child(2) > a:after {
		content:'1';
		top:5px;
		margin-top:0;
		right:10px;
		width:18px;
		line-height:18px;
		border:0;
		background:#d23600;
		color:#fff;
    	    	animation: animate-badge 0.4s;
	}
        @keyframes animate-badge {
		0% { transform: scale3d(0, 0, 1); opacity: 0; }
		100% { transform: scale3d(1, 1, 1); opacity: 1; }
        }
	#main-menu.new-demos > li:nth-child(2) > ul > li:nth-child(2) a:after {
		right:20px;
	}
}
#promo {
	display:none;
	margin-bottom:0.5em;
	padding-top:1em;
	opacity:0;
}
@media (min-width: 768px) {
	#promo {
		margin-bottom:-1em;
	}
}
#promo p {
	position:relative;
	padding:0.5556em 45px;
	background:#C5FEA5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
#promo p a {
	color:#222;
	text-decoration:none;
}
#promo p a:hover, #promo p a:focus, #promo p a:active {
	opacity:0.7;
}
#promo p a.close {
	position:absolute;
	left:12px;
	top:50%;
	margin-top:-12px;
	color:#959166;
	width:22px;
	height:22px;
	line-height:18px;
	font-size:16px;
	text-align:center;
	opacity:0.2;
}
#promo a.close:hover, #promo a.close:focus, #promo a.close:active {
	opacity:1;
}
#promo a.close:before, #promo a.close:after {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	height:2px;
	width:22px;
	background:#222;
}
#promo a.close:before {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#promo a.close:after {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}








	/* ==================== | SmartMenus .sm-blue class | ==================== */

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
.sm-blue {
  background: transparent;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  padding: 10px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  background: #3092c0;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
  background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
  color: white;
  font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.sm-blue a.current {
  background: #006892;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
  background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
  background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
  background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: white;
}
.sm-blue a.disabled {
  color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.sm-blue a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.sm-blue ul {
  background: white;
}
.sm-blue ul ul {
  background: rgba(102, 102, 102, 0.1);
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #2b82ac;
  font-size: 16px;
  text-shadow: none;
  border-left: 8px solid transparent;
}
.sm-blue ul a.current {
  background: #006892;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
  background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
  background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
  background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: white;
}
.sm-blue ul a.disabled {
  color: #b3b3b3;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
  border-top: 0;
}

@media (min-width: 768px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-blue ul {
    position: absolute;
    width: 12em;
  }

  .sm-blue li {
    float: left;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none;
  }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-blue {
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
    background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 13px 24px;
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
    background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: white;
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #2b82ac;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #2d89b4), color-stop(100%, #297ca3));
    background-image: -webkit-linear-gradient(to bottom, #2d89b4, #297ca3);
    background-image: -moz-linear-gradient(to bottom, #2d89b4, #297ca3);
    background-image: -o-linear-gradient(to bottom, #2d89b4, #297ca3);
    background-image: linear-gradient(to bottom, #2d89b4, #297ca3);
  }
  .sm-blue a.current {
    background: #006892;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
    background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: white;
  }
  .sm-blue a.disabled {
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
    background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: #a1d1e8;
  }
  .sm-blue a span.sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #a1d1e8 transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .sm-blue a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
  }
  .sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
    -webkit-border-radius: 0 8px 8px 0 !important;
    -moz-border-radius: 0 8px 8px 0 !important;
    -ms-border-radius: 0 8px 8px 0 !important;
    -o-border-radius: 0 8px 8px 0 !important;
    border-radius: 0 8px 8px 0 !important;
  }
  .sm-blue > li {
    border-left: 1px solid #2b82ac;
  }
  .sm-blue > li:first-child {
    border-left: 0;
  }
  .sm-blue ul {
    border: 1px solid #a8a8a8;
    padding: 7px 0;
    background: white;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
  }
  .sm-blue ul ul {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: white;
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    border: 0 !important;
    padding: 9px 23px;
    background: transparent;
    color: #2b82ac;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
    background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: white;
  }
  .sm-blue ul a.current {
    background: #006892;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
    background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: white;
  }
  .sm-blue ul a.disabled {
    background: white;
    color: #b3b3b3;
  }
  .sm-blue ul a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
  }
  .sm-blue ul li {
    border: 0;
  }
  .sm-blue span.scroll-up,
  .sm-blue span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #2b82ac transparent;
  }
  .sm-blue span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #2b82ac transparent transparent transparent;
  }
  .sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -ms-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
  }
  .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
    -webkit-border-radius: 8px 0 0 8px !important;
    -moz-border-radius: 8px 0 0 8px !important;
    -ms-border-radius: 8px 0 0 8px !important;
    -o-border-radius: 8px 0 0 8px !important;
    border-radius: 8px 0 0 8px !important;
  }
  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #2b82ac;
  }
  .sm-blue.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-blue.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-vertical {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
    -webkit-border-radius: 0 0 8px 8px !important;
    -moz-border-radius: 0 0 8px 8px !important;
    -ms-border-radius: 0 0 8px 8px !important;
    -o-border-radius: 0 0 8px 8px !important;
    border-radius: 0 0 8px 8px !important;
  }
  .sm-blue.sm-vertical > li {
    border-left: 0 !important;
  }
  .sm-blue.sm-vertical ul {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }
}