
* 		{ padding:0px; margin:0px; box-sizing:border-box;}
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus{outline:none;}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav{margin:0;padding:0;list-style:none;}
.flex-pauseplay span{text-transform:capitalize;}
.flexslider{margin:0;padding:0; float:left; width:100%; z-index:6000;}
.flexslider .slides > li{display:none;position:relative;-webkit-backface-visibility:hidden;}
.flexslider .slides img{width:100%;display:block;}
.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .flexslider .slides{display:block;}
* html .flexslider .slides{height:1%;}
.no-js .flexslider .slides > li:first-child{display:block;}
.flexslider{margin:0 auto;background:#ffffff;position:relative;zoom:1;}
.flexslider .slides{zoom:1;}
.flexslider .slides img{height:auto;max-width:100%;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.loading .flex-viewport{max-height:300px;}
.carousel li{margin-right:5px;}
.flex-direction-nav{*height:0;}
.flex-direction-nav a{text-decoration:none;display:block;width:35px;height:35px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;cursor:pointer;color:rgba(0, 0, 0, 0.8);background:url(../images/arrows.png) no-repeat;text-indent:-9999px;opacity:0.7;}
.flex-direction-nav .flex-prev{left:20px;background-position:left top;}
.flex-direction-nav .flex-next{right:20px;background-position:right top;}
.flex-direction-nav a:hover{box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.5);border-radius:25px;}
.flexslider:hover .flex-direction-nav .flex-prev:hover,.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:0.5;}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000;}
.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004';}
.flex-pauseplay a:hover{opacity:1;}
.flex-pauseplay a.flex-play:before{content:'\f003';}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center;}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0, 0, 0, 0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);-o-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.flex-control-paging li a:hover{background:#333;background:rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0, 0, 0, 0.9);cursor:default;}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li{width:25%;float:left;margin:0;}
.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.flex-control-thumbs img:hover{opacity:1;}
.flex-control-thumbs .flex-active{opacity:1;cursor:default;}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px;}
.flex-direction-nav .flex-next{opacity:1;right:10px;}
}

.shown_text 		{ clear:both; float:right; width:600px; margin:10px 0 20px 0;}
.shown_text h1 		{ font-size:36px; color:#fff9af; line-height:46px; margin:0 0 10px 0; padding:0px; font-weight:normal;}
.shown_text p 		{ font-size:18px; color:#fff; line-height:28px; text-align:justify; font-family: 'Prociono', serif; padding:10px 0px; margin:0px 0 10px 0;}
.shown_text p span 	{ font-weight:bold; color:#f68121;}
.shown_text p span.yellow_text { color:#bc316c; font-weight:normal;}
.shown_text p span.mobile_text { color:#fff;}
.shown_text p span.background_text { background:#fff9af; color:#000; display:table; margin:4px 5px; padding:6px 10px; border-radius:4px;}
.shown_text p span.numeric_text { font-family: 'Roboto', sans-serif; color:#fff;}
.shown_text h2 		{ font-size:24px; line-height:24px; font-family: 'Prociono', serif; color:#f68121; padding:10px 0 10px 0px; margin:0px; font-weight:normal;}
.shown_text h3 		{ font-size:16px; color:#fff9b0; line-height:24px; font-family: 'Prociono', serif; padding:0px; margin:0px 0 10px 0; letter-spacing:2px;}
@media only screen and (min-width:300px)
{
	.shown_text 		{ width:180px;}
}

@media only screen and (min-width:700px)
{
	.shown_text 		{ width:400px;}
	.shown_text h1		{ font-size:18px;}
	.shown_text p 		{ font-size:12px; line-height:24px; text-align:right;}
	.shown_text h2 		{ font-size:16px; padding:10px 0 0 0;}
	.shown_text h3 		{ font-size:14px;}
	.article-reveal 	{ margin:-80px 0 0 0;}
	.shown_text p span.yellow_text  { float:right; color:#fff9af;}		
}

@media only screen and (min-width:1000px)
{
	.shown_text 		{ width:450px;}	
	.shown_text h1		{ font-size:28px;}
	.shown_text p 		{ font-size:16px; line-height:24px;}
	.shown_text h2 		{ font-size:18px; padding:10px 0 0 0;}
	.shown_text h3 		{ font-size:16px;}
	.article-reveal 	{ width:500px !important;}
	.article-reveal p 	{ font-size:12px; line-height:20px;}
	.shown_text p span.yellow_text  { float:right; color:#fff9af;}				
}

@media only screen and (min-width:1200px)
{
	.shown_text 		{ width:530px;}
	.small_size_text 	{ width:400px;}
	.shown_text h1		{ font-size:38px;}
	.shown_text p 		{ font-size:20px; line-height:32px; text-align:left;}
	.shown_text p.bigsize_text 		{ font-size:36px; background:#dcf2b8; border-radius:20px; padding:15px 20px; color:#000; line-height:42px; text-align:left;}	
	.shown_text h2 		{ font-size:22px; padding:10px 0 0 0;}
	.shown_text h3 		{ font-size:18px;}	
	.article-reveal 	{ margin:0px 0 0 0;}
	.shown_text p span.yellow_text  { float:none; color:#bc316c;}				
}

@media only screen and (min-width:1300px)
{
	.shown_text 		{ width:550px;}	
}