.sb_wrapper{
	margin:0;
	padding:0;

	width: 95%;
}
.sb_wrapper input[type="text"],
ul.sb_dropdown{
	border:1px solid #fff;
	background: #fafafa; 
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fafafa)); 
	background: -moz-linear-gradient(top, #f2f2f2, #fafafa);
	font-size:24px;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;

	outline:none;
	/*padding:6px 5px 6px 20px;*/
	padding: 3px;
	width:80%;
	float:left;
	margin:3px 0px;
}

ul.sb_dropdown{
	float:left;
	list-style:none;
	width:12em;
	padding:3px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	margin-top: 52px;
	position: absolute;
	z-index: 90;
}
ul.sb_dropdown li{
	font-size:16px;
	line-height:32px;
	height:32px;
	float:left;
	width:50%;
	color:black;
	text-align: left;
}
ul.sb_dropdown li:first-child{
	text-align: center;
}
ul.sb_dropdown li input[type="checkbox"]{
	float:left;
	margin:10px 4px 0 5px;
}
ul.sb_dropdown li.sb_filter{
	width:100%;
	border:1px solid #f9f9f9;
	clear:both;
	background: #ddd;
	font-size:0.5em;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#444;
				/*height:16px;
				line-height:16px;
				padding:5px;*/
				-moz-box-shadow:0px 0px 2px #777;
				-webkit-box-shadow:0px 0px 3px #555 inset;
				-box-shadow:0px 0px 3px #555 inset;

			}
			/*span.sb_up,*/
			span.sb_down{
				position:absolute;
				top:45px;
				margin-left:-16px;
				
				width:15px;
				height:14px;
				background-color:#f2f2f2;
				background-position:center center;
				background-repeat: no-repeat;
				z-index:10;
				border:0px solid #fff;
				-moz-box-shadow:1px 0px 1px #ddd;
				-webkit-box-shadow:1px 0px 1px #ddd;
				-box-shadow:1px 0px 1px #ddd;
				
			}
			span.sb_up{
				position:absolute;
				top:45px;
				margin-left:-16px;
				width:15px;
				height:14px;
				background-color:#f2f2f2;
				background-position:center center;
				background-repeat: no-repeat;
				z-index:10;
				border:0px solid #fff;
				-moz-box-shadow:1px 0px 1px #ddd;
				-webkit-box-shadow:1px 0px 1px #ddd;
				-box-shadow:1px 0px 1px #ddd;
				
			}
			span.sb_up{
				background-image:url('../images/up_search.png');
			}
			span.sb_down{
				background-image:url('../images/down_search.png');
			}
			input.sb_search{
				background:#f2f2f2 url('../images/searchbtn.png') no-repeat center center;
				height:50px;
				width:50px;
				float:left;
				border:none;
				margin:3px 0px;
				border:1px solid #8ab933;
				-moz-box-shadow:1px 1px 3px #555;
				-webkit-box-shadow:1px 1px 3px #555;
				-box-shadow:1px 1px 3px #555;
				outline:none;
				cursor:pointer;
				background-color:#8ab933;
			}
			input.sb_search:hover{
				background-color:#8ab933;
			}
			.mon_label{
				float:left!important;
				font-size:16px;
				line-height:32px;
				height:32px;
				width:30%;
				color:black;
				text-align: left;
			}
			.mon_label1{
				font-size:16px;
				line-height:32px;
				height:32px;
				color:black;
				text-align: left;
			}
			.mon_label2{
				float:left!important;
				font-size:16px;
				line-height:32px;
				height:32px;
				width:35%;
				color:white;
				text-align: left;
			}
			.mon_hr{
				margin-top: 0px!important;
				margin-bottom: 5px!important;
				height: 0px;
				border:0px;
				position: inherit;
				width:100%;
			}
			
			.bubble{
				border-radius: 5px;
				box-shadow: 0 0 6px #B2B2B2;
				display: inline-block;
				padding: 10px 18px;
				position: relative;
				vertical-align: top;
			}

			.bubble::before {
				content: "\00a0";
				display: block;
				height: 16px;
				position: absolute;
				top: 11px;
				transform:             rotate( 29deg ) skew( -35deg );
				-moz-transform:    rotate( 29deg ) skew( -35deg );
				-ms-transform:     rotate( 29deg ) skew( -35deg );
				-o-transform:      rotate( 29deg ) skew( -35deg );
				-webkit-transform: rotate( 29deg ) skew( -35deg );
				width:  20px;
			}

			.you {
				background-color: #DEDEE5;
				float: left;
				margin: 5px 45px 5px 20px;
			}

			.you::before {
				background-color: #DEDEE5;
				box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
				left: -9px;
			}

			.me {
				background-color: #8ab933;
				float: right;
				margin: 5px 20px 5px 45px;
				color:#FFFFFF;
			}

			.me::before {
				background-color: #8ab933;
				box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
				right: -9px;
			}
			.w3_whatsapp_btn {
				background-image: url('../images/icon.png');
				border: 1px solid rgba(0, 0, 0, 0.1);
				display: inline-block !important;
				position: relative;
				font-family: Arial,sans-serif;
				letter-spacing: .4px;
				cursor: pointer;
				font-weight: 400;
				text-transform: none;
				color: #fff;
				border-radius: 2px;
				background-color: #5cbe4a;
				background-repeat: no-repeat;
				line-height: 1.2;
				text-decoration: none;
				text-align: left;
			}

			.w3_whatsapp_btn_small {
				font-size: 12px;
				background-size: 16px;
				background-position: 5px 2px;
				padding: 3px 6px 3px 25px;
			}

			.w3_whatsapp_btn_medium {
				font-size: 16px;
				background-size: 20px;
				background-position: 4px 2px;
				padding: 4px 6px 4px 30px;
			}

			.w3_whatsapp_btn_large {
				font-size: 16px;
				background-size: 20px;
				background-position: 5px 5px;
				padding: 8px 6px 8px 30px;
				color: #fff;
			}
			a.whatsapp { color: #fff;}

			/*************************************************************************************/
			/*RCI*/
			/*************************************************************************************/
			.header_tg {
				/*background-color: hsla(360, 100%, 100%, .7);*/
				background-color: rgba(255,255,255,.6);
				/*background-color: hsla(114, 93%, 30%, 0.91) */
			}

			.anonce_header_tg{

				/*background-color: hsla(0, 93%, 50%, 0.8);*/
				background-color: #ffaa00;
				/*background-color:hsla(19, 93%, 51%, .95);*/
			}

			#topMain li a{
				color: white;
			}

			* {
				padding: 0;
				/* Standard Reset, and we're adding box-sizing:border-box because it's awesome. */
				margin: 0;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-webkit-transition: all 0s ease-in-out;
				-moz-transition: all 0s ease-in-out;
				-o-transition: all 0s ease-in-out;
				transition: all 0s ease-in-out;
			}


			#ribbon-container {
				position: absolute;
				top: 25px;
				right: 0px;
				overflow: visible;
				/* so we can see the pseudo-elements we're going to add to the anchor */
				font-size: 15px;
				/* font-size and line-height must be equal so we can account for the height of the banner */
				line-height: 12px;
			}

			#ribbon-container:before {
				content: "";
				height: 0;
				width: 0;
				display: block;
				position: absolute;
				top: 3px;
				left: 0;
				border-top: 20px solid rgba(0, 0, 0, 0.3);
				/* These 4 border properties create the first part of our drop-shadow */
				border-bottom: 20px solid rgba(0, 0, 0, 0.3);
				border-right: 20px solid rgba(0, 0, 0, 0.3);
				border-left: 20px solid transparent;
			}

			#ribbon-container:after {
				/* This adds the second part of our dropshadow */
				content: "";
				height: 3px;
				background: rgba(0, 0, 0, 0.3);
				display: block;
				position: absolute;
				bottom: -3px;
				left: 58px;
				right: 3px;
			}

			#ribbon-container a {
				display: block;
				padding: 15px;
				position: relative;
				/* allows us to position our pseudo-elements properly */
				/*background: #0089d0;*/
				background: #6DB019;
				overflow: visible;
				height: 40px;
				margin-left: 29px;
				color: #fff;
				text-decoration: none;
			}

			#ribbon-container a:after {
				/* this creates the "folded" part of our ribbon */
				content: "";
				height: 0;
				width: 0;
				display: block;
				position: absolute;
				bottom: -15px;
				right: 0;
				border-top: 15px solid #6DB019;
				border-right: 15px solid transparent;
			}

			#ribbon-container a:before {
				/* this creates the "forked" part of our ribbon */
				content: "";
				height: 0;
				width: 0;
				display: block;
				position: absolute;
				top: 0;
				left: -20px;
				border-top: 20px solid #6DB019;
				border-bottom: 20px solid #6DB019;
				border-right: 20px solid transparent;
				border-left: 20px solid transparent;
			}

			#ribbon-container a:hover {
				/*background: #009ff1;*/
				background: #1a6600;
			}


			.bio {
				margin-top: 20%;
			}


			@media (min-width: 992px) {

				.certificate {
					height: 50px;
					float: right; 
					margin-top:-22%;
				}


			}

			@media (max-width: 992px) {

				.certificate {
					height: 50px;
					float: right; 
					margin-top:-12%;
				}

			}