/**********************************************************
Code below required to reset the default browser styles
***********************************************************/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}

body {
	margin:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}

audio,canvas,video {
	display:inline-block;
	vertical-align:baseline;
}

audio:not([controls]) {
	display:none;
	height:0;
}

[hidden],template {
display:none
}

a {
	background-color:transparent
}

a:active,a:hover {
	outline:0
}

abbr[title] {
	border-bottom:1px dotted
}

dfn {
	font-style:italic
}

mark {
	background:#ff0;
	color:#000
}

small {
	font-size:80%;
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-0.5em
}

sub {
	bottom:-0.25em
}

img{
	border:0
}

svg:not(:root){
	overflow:hidden
}

figure{
	margin:1em 40px
}

hr{
	-moz-box-sizing:content-box;
	box-sizing:content-box
}

code,kbd,pre,samp{
	font-family:monospace,monospace;
	font-size:1em
}

button,input,select,textarea{
	font:inherit;
	margin:0
}

button{
	overflow:visible
}

button,select{
	text-transform:none
}

button,html input[type=button],input[type=reset],input[type=submit]{
	-webkit-appearance:button;
	cursor:pointer
}

button[disabled],html input[disabled]{
	cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0
}

input[type=checkbox],input[type=radio]{
	padding:0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
	height:auto
}

input[type=search]{
	box-sizing:content-box;
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
	-webkit-appearance:none
}

fieldset{
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em
}

legend{
	border:0;
	padding:0
}

pre,textarea{
	overflow:auto
}
/*************************************************
	End (do not delete any of the above code)
**************************************************/

html,body{
	font-family:Verdana,sans-serif;
	font-size:15px;
	line-height:1.5
}

html{
	overflow-x:hidden
}

h1,h2,h3,h4,h5,h6,.scale-slim,.scale-wide{
	font-family:"Segoe UI",Arial,sans-serif
}

h1{
	font-size:36px
}

h2{
	font-size:30px
}

h3{
	font-size:24px
}

h4{
	font-size:20px
}

h5{
	font-size:18px
}

h6{
	font-size:16px
}

.scale-serif{
	font-family:"Times New Roman",Times,serif
}

h1,h2,h3,h4,h5,h6{
	font-weight:400;margin:10px 0
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	font-weight:inherit
}

hr{
	height:0;
	border:0;
	border-top:1px solid #eee;
	margin:20px 0
}

img{
	margin-bottom:-5px
}

a{
	color:inherit
}

table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	display:table
}

table,th,td{
	border:none
}

/************ theme table styles starts ************************/

.scale-table-all{
	border:1px solid #ccc;
}

.scale-bordered tr,.scale-table-all tr{
	border-bottom:1px solid #ddd
}

.scale-striped tbody tr:nth-child(even){
	background-color:  #B2ABF2
}

.scale-table-all tr:nth-child(odd){
	background-color:#fff
}

.scale-table-all tr:nth-child(even){
	background-color:#f1f1f1
}

.scale-hoverable tbody tr:hover,.scale-ul.scale-hoverable li:hover{
	background-color:#f0f3bd
}

.scale-centered tr th,.scale-centered tr td{
	text-align:center
}

.scale-table td,.scale-table th,.scale-table-all td,.scale-table-all th{
	padding:6px 8px;
	display:table-cell;
	text-align:left;
	vertical-align:top
}

.scale-table th:first-child,.scale-table td:first-child,.scale-table-all th:first-child,.scale-table-all td:first-child{
	padding-left:16px
}
/***************** theme table styles ends ************************/
/****************** theme button styles starts ********************/
.scale-btn,.scale-btn-block{
	border:none;
	display:inline-block;
	outline:0;
	padding:6px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none!important;
	color:#fff;
	text-align:center;
	cursor:pointer;
	white-space:nowrap
}

.scale-btn:disabled{
	cursor:not-allowed;
	opacity:0.3
}

.scale-btn:disabled *{
	pointer-events:none
}

.scale-btn:disabled:hover{
	box-shadow:none
}

.scale-btn:hover,.scale-btn-block:hover{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.scale-btn-block{
	width:100%
}

.scale-btn,.scale-closenav,.scale-opennav{
	-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}

/****************** theme button styles ends ********************/
/****************** theme tooltip styles starts ********************/
.scale-tooltip{
	position:relative
}

.scale-tooltip .scale-text{
	display:none
}

.scale-tooltip:hover .scale-text{
	display:inline-block
}
/****************** theme tooltip styles ends ********************/
/****************** theme navigation styles starts ********************/
.scale-navbar{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden
}

.scale-navbar li{
	float:left;
	width:50%
}

.scale-navbar li a{
	display:block;
	padding:8px 16px;
}

.scale-navbar li a:hover{
	color:#000;
	background-color:#f0f3bd
} /*888*/

.scale-navbar a,.scale-sidenav a,.scale-dropdown-content a,.scale-accordion-content a{
	text-decoration:none!important
}

.scale-navbar .scale-opennav.scale-right{
	float:right!important
}

.scale-opennav,.scale-closenav{
	color:inherit
}

.scale-opennav:hover,.scale-closenav:hover{
	cursor:pointer;
	opacity:0.8
}

.scale-btn,.scale-btn-block, .scale-navbar a,.scale-sidenav a,.scale-accordion-content a,.scale-opennav,.scale-closenav,.scale-closebtn
.scale-hover-teal
{
	-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
	transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s
}

.scale-sidenav{
	height:100%;
	width:200px;
	background-color:#fff;
	position:fixed!important;
	z-index:1;
	overflow:auto
}

.scale-sidenav a{
	padding:4px 2px 4px 16px
}

.scale-sidenav a,.scale-dropnav a{
	display:block
}

.scale-sidenav .scale-dropdown-hover:hover,.scale-sidenav .scale-dropdown-hover:first-child,.scale-sidenav .scale-dropdown-click:hover,.scale-dropnav a:hover{
	background-color:#ccc;
	color:#000
}

.scale-sidenav .scale-dropdown-hover,.scale-sidenav .scale-dropdown-click {
	width:100%
}

.scale-sidenav .scale-dropdown-hover .scale-dropdown-content,.scale-sidenav .scale-dropdown-click .scale-dropdown-content{
	min-width:100%
}
/****************** theme navigation styles ends ********************/
/****************** theme modal styles starts ********************/
.scale-modal{
	z-index:3;
	display:none;
	padding-top:100px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4)
}

.scale-modal-content{
	margin:auto;
	background-color:#fff;
	position:relative;
	padding:0;
	outline:0;
	width:600px
}

.scale-closebtn{
	text-decoration:none;
	float:right;
	font-size:24px;
	font-weight:bold;
	color:inherit
}

.scale-closebtn:hover,.scale-closebtn:focus{
	color:#000;
	text-decoration:none;
	cursor:pointer
}
/****************** theme modal styles ends ********************/
/****************** theme accordion styles starts ********************/
.scale-accordion{
	width:100%;
	cursor:pointer
}

.scale-accordion-content{
	cursor:auto;
	display:none;
	position:relative;
	width:100%;
	margin:0;
	padding:0
}

.scale-accordion-content a{
	padding:6px 16px;
	display:block
}

.scale-accordion-content a:hover{
	background-color:#ccc
}
/****************** theme accordion styles ends ********************/
/****************** theme checkbox styles starts ********************/
input[type=checkbox].scale-check,input[type=radio].scale-radio{
	width:24px;
	height:24px;
	position:relative;
	top:6px
}

input[type=checkbox].scale-check:checked+.scale-validate,input[type=radio].scale-radio:checked+.scale-validate{
	color:#009688
}

input[type=checkbox].scale-check:disabled+.scale-validate,input[type=radio].scale-radio:disabled+.scale-validate{
	color:#aaa
}
/****************** theme checkbox styles ends ********************/
/****************** theme responsive column styles starts ********************/
.scale-responsive{
	overflow-x:auto
}

.scale-container:after,.scale-row:after,.scale-row-padding:after,.scale-clear:after
{
	content:"";
	display:table;
	clear:both
}

.scale-half,.scale-third,.scale-twothird,.scale-threequarter,.scale-quarter{
	float:left;
	width:100%
}

.scale-half,.scale-third,.scale-twothird,.scale-threequarter,.scale-quarter{
	width:99.99999%
}
/****************** theme responsive column styles ends ********************/
/****************** theme margin,padding and font styles starts ********************/

.scale-left{
	float:left!important
}

.scale-right{
	float:right!important
}

.scale-xlarge{
	font-size:24px!important
}

.scale-xxlarge{
	font-size:36px!important
}

.scale-xxxlarge{
	font-size:48px!important
}

.scale-jumbo{
	font-size:64px!important
}

.scale-jumbo-x{
	font-size:120px!important
}

.scale-left-align{
	text-align:left!important
}

.scale-right-align{
	text-align:right!important
}

.scale-justify{
	text-align:justify!important
}

.scale-center{
	text-align:center!important
}

.scale-margin{
	margin:16px!important
}

.scale-margin-0{
	margin:0!important
}

.scale-margin-top{
	margin-top:16px!important
}

.scale-margin-bottom{
	margin-bottom:16px!important
}

.scale-margin-left{
	margin-left:16px!important
}

.scale-margin-right{
	margin-right:16px!important
}

.scale-padding-tiny{
	padding:2px 4px!important
}

.scale-padding-small{
	padding:4px 8px!important
}

.scale-padding-medium,.scale-padding,.scale-form{
	padding:8px 2px!important
}

.scale-padding-10{
	padding-left:10px!important;
	padding-bottom:10px!important
}

.scale-padding-16,.scale-padding-hor-16{
	padding-top:16px!important;
	padding-bottom:16px!important
}

.scale-padding-top{
	padding-top:8px!important
}

.scale-padding-bottom{
	padding-bottom:8px!important
}

.scale-padding-left{
	padding-left:2px!important
}

.scale-padding-right{
	padding-right:16px!important
}

.scale-row-padding,.scale-row-padding>.scale-half,.scale-row-padding>.scale-third,.scale-row-padding>.scale-twothird,.scale-row-padding>.scale-threequarter,.scale-row-padding>.scale-quarter,.scale-row-padding>.scale-col{
	padding:0 8px
}

.scale-container{
	padding:0.01em 16px
}

/****************** theme box layout styles starts ********************/
.scale-card{
	border:1px solid #ccc
}

.scale-card-2{
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important
}

.scale-card-2-height{
	min-height: 300px;
}

.scale-card-4,.scale-hover-shadow:hover{
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important
}

.scale-card-8{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important
}

/****************** theme box layout styles ends ********************/
/****************** theme animation styles starts ********************/
.scale-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.scale-animate-opacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.scale-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.scale-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.scale-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.scale-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.scale-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.scale-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.scale-animate-input:focus{width:100%!important}
.scale-transparent{background-color:transparent!important}
.scale-hover-none:hover{box-shadow:none!important;background-color:transparent!important}
/****************** theme animation styles ends ********************/

.scale-text-shadow{
	text-shadow:1px 1px 0 #444
}

.scale-btn-stretched
{
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
.scale-btn-stretched li
{
  float:left; width:100%;
}
.scale-btn-stretched li a{
	display:block;padding:8px 16px;
}

.scale-btn-stretched li a:hover{
	color:#000;
	background-color:#f0f3bd
}


.scale-text-white {color:#fff!important}

.ribbon_flag{
	content: "beta";
	  position: fixed;
	  width: 80px;
	  height: 25px;
	  background: #02c39a;
	  top: 50%;
	  right: -30px;
	  text-align: center;
	  font-size: 13px;
	  font-family: sans-serif;
	  text-transform: uppercase;
	  font-weight: bold;
	  color: #fff;
	  line-height: 27px;
	  -ms-transform:rotate(90deg);
	  -webkit-transform:rotate(90deg);
	  transform:rotate(90deg);
}

.slider_medium
{
	 width: 80% !important;
}

.always_on_top_bar{
	position: fixed;
	width: 100%;
	height: 50px;
	line-height: 50px;

	top: 0px;
	/*background-color: rgba(255, 255, 255, 0.9);*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=50);  /* IE 5-7 */
	-moz-opacity: 0.5;          /* Netscape */
	-khtml-opacity: 0.5;        /* Safari 1.x */
	opacity: 0.5;               /* Good browsers */

	/*display: flex;
	align-items: center; */

}
.line-mid{
	  vertical-align: middle;

}
.show_on_mobile{
	display:none;
	width: 0px;
	}


@media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){
   .show_on_mobile{
     display: inline;
     width: 100%;
   }

  /* .special_mobile{
	  position: fixed;
	  width: 100%;
	  height: 25px;
	  background: #02c39a;
	  top: 0%;
	  }
   */
   }





.scale-show-block,.scale-show{
	display:block !important
}

#tipue_search_button{
	margin-top:-3px;
	padding:9px;
}

/* Responsive layout */
@media only screen and (min-width:601px){
	.scale-col.m1{
		width:8.33333%
	}

	.scale-col.m2{
		width:16.66666%
	}

	.scale-col.m3,.scale-quarter{
		width:24.99999%
	}

	.scale-col.m4,.scale-third{
		width:33.33333%
	}

	.scale-col.m5{
		width:41.66666%
	}

	.scale-col.m6,.scale-half{
		width:49.99999%
	}

	.scale-col.m7{
		width:58.33333%
	}

	.scale-col.m8,.scale-twothird{
		width:66.66666%
	}

	.scale-col.m9,.scale-threequarter{
		width:74.99999%
	}

	.scale-col.m10{
		width:83.33333%
	}

	.scale-col.m11{
		width:91.66666%
	}

	.scale-col.m12{
		width:99.99999%
	}
}

@media only screen and (min-width:993px){
	.scale-col.l1{
		width:8.33333%
	}

	.scale-col.l2{
		width:16.66666%
	}

	.scale-col.l3,.scale-quarter{
		width:24.99999%
	}

	.scale-col.l4,.scale-third{
		width:33.33333%
	}

	.scale-col.l5{
		width:41.66666%
	}

	.scale-col.l6,.scale-half{
		width:49.99999%
	}

	.scale-col.l7{
		width:58.33333%
	}

	.scale-col.l8,.scale-twothird{
		width:66.66666%
	}

	.scale-col.l9,.scale-threequarter{
		width:74.99999%
	}

	.scale-col.l10{
		width:83.33333%
	}

	.scale-col.l11{
		width:91.66666%
	}

	.scale-col.l12{
		width:99.99999%
	}


	.scale-content{
		max-width:980px;
		margin:auto
	}

	.scale-rest{
		overflow:hidden
	}

	.scale-hide{
		display:none!important
	}

	.scale-show-block,.scale-show{
		display:block !important
	}

	.scale-show-inline-block{
		display:inline-block!important
	}
}

@media (max-width:600px){
	.scale-modal-content{
		margin:0 10px;
		width:auto!important
	}

	.scale-modal{
		padding-top:30px
	}

	#simple.scale-container{
		padding:0;
	}

	#tipue_search_warning{
		margin: 7px 9px !important;
	}

	.scale-show-block,.scale-show{
		display:block !important
	}
}

@media (max-width:768px){
	.scale-modal-content{
		width:500px
	}

	.scale-modal{
		padding-top:50px
	}

	.scale-margin-top-15{
		margin-top: 15px;
	}
}

@media (min-width:993px){
	.scale-modal-content{
		width:900px
	}
}

@media screen and (max-width:600px){
	.scale-topnav a{
		display:block
	}

	.scale-navbar li:not(.scale-opennav){
		float:none;
		width:100%!important
	}

	.scale-navbar li.scale-right{
		float:none!important
	}
}

@media screen and (max-width:600px){
	.scale-topnav .scale-dropdown-hover .scale-dropdown-content,.scale-navbar .scale-dropdown-click .scale-dropdown-content,.scale-navbar .scale-dropdown-hover .scale-dropdown-content{
		position:relative
	}
}

@media screen and (max-width:600px){
	.scale-topnav,.scale-navbar{
		text-align:center
	}
}

@media (max-width:600px){
	.scale-hide-small{
		display:none!important
	}
}

@media (max-width:992px) and (min-width:601px){
	.scale-hide-medium{
		display:none!important
	}
}

@media (min-width:993px){
	.scale-hide-large{
		display:none!important
	}
}

@media screen and (max-width:992px){
	.scale-sidenav.scale-collapse{
		display:none
	}

	.scale-main{
		margin-left:0!important;
		margin-right:0!important
	}
}

@media screen and (min-width:992px){
	.scale-sidenav.scale-collapse{
		display:block!important
	}
}