
/*******************************
*	CLEAR
/*******************************/

	.clearboth
	{
		clear: both;
		display: block;
		font-size: 0px;
		height: 0px;
		line-height: 0;
		width: 100%;
		overflow:hidden;
	}

	.align-left {
		text-align: left;
	}
	
	.align-right {
		text-align: right;
	}
	.align-center {
		text-align: center;
	}

/*******************************
*	HIGHLIGHT
/*******************************/

	.highlight {
		color: #ffffff;
		padding: 3px 7px;
		border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
	}

	.highlight-light-blue {
		background-color: #4bb9e7;
	}

	.highlight-green {
		background-color: #7dbe16;
	}

	.highlight-pink {
		background-color: #ffbafb;
	}

	.highlight-blue {
		background-color: #2d73d2;
	}

	.highlight-yellow {
		background-color: #e9cd12;
	}

	.highlight-dark {
		background-color: #252525;
	}

	.highlight-light-green {
		background-color: #87e484;
	}
	
	.highlight-red {
		background-color: #e12d2d;
	}
	
	.highlight-gray {
		background-color: #a9a9a9;
	}
	
	.highlight-white {
		background-color: #ffffff;
		color: #111111;
	}
	
	.highlight-orange {
		background-color: #ff8f17;
	}
	
	.highlight-violet {
		background-color: #d17ddb;
	}
	
	.highlight-bordo {
		background-color: #9532ba;
	}
	
/*******************************
*	COLUMNS
/*******************************/

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth 
	{
		position: relative;
		margin-right: 4%;
		float: left;
	}

	.one_half {
		width: 48%;
	}

	.one_third {
		width: 30.6666%;
	}

	.two_third {
		width: 65.3332%;
	}

	.one_fourth {
		width: 22%;
	}

	.two_fourth {
		width: 48%;
	}

	.three_fourth {
		width: 74%;
	}

	.one_fifth {
		width: 16.8%;
	}

	.two_fifth {
		width: 37.6%;
	}

	.three_fifth {
		width: 58.4%;
	}

	.four_fifth {
		width: 79.2%;
	}

	.one_sixth {
		width: 13.3333%;
	}

	.two_sixth {
		width: 30.6666%;
	}

	.three_sixth {
		width: 47.9998%;
	}

	.four_sixth {
		width: 65.3332%;
	}

	.five_sixth {
		width: 82.6665%;
	}

	.last {
		margin-right: 0 !important;
		clear: right;
	}

	.one_half .one_half {
		margin-right: 8.3333%;
		width: 45.8333%;
	}
	
	.one_half .one_third {
		margin-right: 8.3333%;
		width: 27.7778%;
	}
	
	.one_half .two_third {
		margin-right: 8.3333%;
		width: 63.8889%;
	}
	
	.two_third .one_third {
		margin-right: 6.1224%;
		width: 29.2517%;
	}
	
	.two_third .two_third {
		margin-right: 6.1224%;
		width: 64.6258%;
	}
	
	.two_third .one_fourth {
		margin-right: 6.1224%;
		width: 20.4082%;
	}
	
/*******************************
*	TABLE
/*******************************/
	
	/*ZEBRA STYLE*/
	table.zebra-style {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; text-align:left; margin-bottom:25px;}
	table.zebra-style th { color: #444; font-size: 14px; font-weight: normal; padding: 10px 8px; }
	table.zebra-style td {color: #777;padding: 8px; font-size:13px;}
	table.zebra-style tbody tr:nth-child(odd){background:#f2f2f2;}

	/*MINIMAL STYLE*/
	table.minimal-style { background: #FFFFFF; border-collapse: collapse; font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size: 12px; text-align: left; margin-bottom:25px; }
	table.minimal-style th { border-bottom: 2px solid #444; color: #666666; font-size: 14px; font-weight: normal; padding: 10px; }
	table.minimal-style td { border-bottom: 1px solid #CCCCCC; color: #999; padding: 8px 10px; }
	table.minimal-style tbody tr:hover td {color:#444;}

	/*BOX STYLE*/
	table.box-style {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;text-align:left;border-collapse:collapse;margin-bottom:25px; }
	table.box-style th {font-size:14px;font-weight:normal;background:#ccc;border-top:4px solid #ddd;border-bottom:1px solid #fff;color:#666666;padding:10px;}
	table.box-style td {background:#f9f9f9;border-bottom:1px solid #fff;color:#999;border-top:1px solid transparent;padding:8px 10px;}
	table.box-style tr:hover td {background:#eee;color:#444;}

	/*ONE COL STYLE*/
	.onecol-style {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; text-align:left; border-collapse:collapse; margin-bottom:25px;}
	.onecol-style th {font-size:14px; font-weight:normal; color:#666666; padding:12px 15px;}
	.onecol-style td {color:#999; border-top:1px solid #ccc; padding:10px 15px;}
	.onecol-first {background:#dedede; border-right:10px solid transparent; border-left:10px solid transparent;}
	.onecol-style tr:hover td {color:#444; background:#eee;}

	/*SIMPLE STYLE*/
	.simple-style {border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:0; border-bottom:0; width:100%;}
	.simple-style td, .simple-style th {border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; text-align:center; padding:5px 0; width:20%;}
	.simple-style th {background-color:#dedede; font-size:120%;text-shadow: 0 1px 0 #fff;}
	.simple-style tr:nth-child(even) {background: #fff;}
	.simple-style tr:nth-child(odd) {background: #F6F6F6;}
	
	
	
	
		/************************************************************************************
	SOCIAL LINK a.sb
	*************************************************************************************/
	a.sb,
	.sb a {
		width: 32px;
		height: 32px;
		background-repeat: no-repeat;
		background-position: center center;
		text-indent: -900em;
		color: #333;
		text-decoration: none;
		line-height: 100%;
		white-space: nowrap;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		margin: 0 2px 5px 0;
		
		/* default button color */
		background-color: #ececec;
		border: solid 1px #b8b8b9;
		
		/* default box shadow */
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);

		/* default border radius */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
	}
	/* for IE */
	*:first-child+html a.sb,
	*:first-child+html .sb a {
		text-indent: 0;
		line-height: 0;
		font-size: 0;
		overflow: hidden;
	}


	/* SB LIST
	================================================ */
	.sb {
		margin: 0;
		padding: 0;
	}
	.sb li {
		margin: 0;
		padding: 0;
		display: inline;
	}


	/* SIZES
	================================================ */
	/* small */
	a.sb.small,
	.sb.small a {
		width: 26px;
		height: 26px;
		font-size: 90%;
	}

	/* large */
	a.sb.large,
	.sb.large a {
		width: 40px;
		height: 40px;
		font-size: 120%;
		line-height: 0.9;
	}


	/* ADD YOUR CUSTOM STYLES BELOW
	================================================ */
	a.sb.youtube {
		background-image: url(../images/socialbutton/youtube.png);
	}
	a.sb.email {
		background-image: url(../images/socialbutton/email.png);
	}

	/* custom icon */
	a.sb.custom {
		width: 80px;
		height: 80px;
		
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	a.sb.custom:after {
		background-image: url(../images/socialbutton/custom-bg.png);

		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}

	/* custom icon blue */
	a.sb.custom.blue {
		border-color: #96a8af;
	}
	a.sb.custom.blue:after {
		background-image: url(../images/socialbutton/custom-bg-blue.png);
	}
	/* custom icon pink */
	a.sb.custom.pink {
		border-color: #b0a1aa;
	}
	a.sb.custom.pink:after {
		background-image: url(../images/socialbutton/custom-bg-pink.png);
	}

	/* custom icon background images */
	a.sb.custom.retweet {
		background-image: url(../images/socialbutton/custom-icon-retweet.png);
	}
	a.sb.custom.photo {
		background-image: url(../images/socialbutton/custom-icon-photo.png);
	}
	a.sb.custom.comment {
		background-image: url(../images/socialbutton/custom-icon-comment.png);
	}
	/*******************************
*	TWITTER FEEDS
/*******************************/
			
	.tweet,
	.query {

	}
	
	.tweet_list {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
	}
		
	.tweet_list li {
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0.5em;
		list-style-type: none;
	}
			
	.tweet_list li a {
		
	}
			
	.tweet_list .tweet_even {
	
	}
			
	.tweet_list .tweet_avatar {
		padding-right: .5em; float: left;
	}
			
	.tweet_list .tweet_avatar img {
		vertical-align: middle;
	}
				
/*******************************
*	MESSAGE BOXES
/*******************************/

	.info, .error, .notice, .success 
	{
		border: 1px solid #bbb;
		margin-bottom: 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.box-content h2
	{
		margin-bottom: 0px;
		font-size: 20px;
		letter-spacing: 0px;
		text-transform: none;
		line-height: 20px;
		padding-bottom: 5px;
	}

	.box-content 
	{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #fff;
		padding: 10px 20px 10px 50px;
	}

	.box-content p
	{
		margin: 0px;
	}

	.info 
	{
		background: #D7E7F5;
		color: #5E6984;
		border-color: #AACEE6;
		background-image: url("../images/boxes/info.png");
		background-repeat: no-repeat;
		background-position: 10px center;
	}

		.info h2
		{
			color: #5E6984 !important;
		}

	.error
	 {
		background: #FDE9EA;
		color: #A14A40;
		border-color: #FDCED0;
		background-image: url("../images/boxes/stop.png");
		background-repeat: no-repeat;
		background-position: 10px center;
	}

		.error h2
		{
			color: #A14A40  !important;
		}

	.notice 
	{
		background: #FFF9CC;
		color: #736B4C;
		border-color: #FFDB4F;
		background-image: url("../images/boxes/notebook.png");
		background-repeat: no-repeat;
		background-position: 10px center;
	}

		.notice h2
		{
			color: #736B4C  !important;
		}


	.success 
	{
		background: #E2F2CE ;
		color: #466840;
		border-color: #BFE098;
		background-image: url("../images/boxes/splash green.png");
		background-repeat: no-repeat;
		background-position: 10px center;
	}

		.success h2
		{
			color: #466840  !important;
		}

	.info a 
	{
		color: #5E6984 !important;
		text-decoration: underline;
	}

	.error a 
	{
		color: #A14A40 !important;
		text-decoration: underline;
	}

	.notice a 
	{
		color: #736B4C !important;
		text-decoration: underline;
	}

	.success a 
	{
		color: #466840 !important;
		text-decoration: underline;
	}
	
/*******************************
*	NOTIFICATION
/*******************************/

	.notification-box {
		position: relative;
		margin-bottom: 20px;
		border-radius: 3px;	
		padding: 10px 10px 10px 32px;
		background-repeat: no-repeat;
		background-position: 10px center;
		border: 1px solid;
		color:#444;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
	}

	a.notification-close {
		position: absolute;
		right: 5px;
		top: 5px;	
		color: #666 !important;
		text-decoration: none !important;
		font-weight: bold;
		font-size: 14px;
		padding: 5px;
		line-height: normal;
	}

	.notification-box p {
		margin-bottom: 0;
		margin-top: 20px;	
	}

	.notification-box > p:first-child {
		margin: 0;	
	}

	.notification-box-info {
		background-color: #cfe6fc;
		background-image: url(../images/notifications/info.png);
		border-color: #a4c8f5; 	
		color: #5E6984 !important;
	}

	.notification-box-success {
		background-color: #d2f7ad;
		background-image: url(../images/notifications/tick.png);
		border-color: #aedb2e; 	
		color: #466840 !important;
	}

	.notification-box-warning {
		background-color: #fae7a2;
		background-image: url(../images/notifications/warning.png);
		border-color: #f5c558; 	
		color: #736B4C !important;
	}

	.notification-box-error {
		background-color: #ffd5af;
		background-image: url(../images/notifications/delete.png);
		border-color: #f8b472; 	
		color: #A14A40 !important;
	}

	.notification-box-info a 
	{
		color: #5E6984 !important;
		text-decoration: underline;
	}

	.notification-box-error a 
	{
		color: #A14A40 !important;
		text-decoration: underline;
	}

	.notification-box-warning a 
	{
		color: #736B4C !important;
		text-decoration: underline;
	}

	.notification-box-success a 
	{
		color: #466840 !important;
		text-decoration: underline;
	}
	
/*******************************
*	BLOCKQUOTE
/*******************************/
	
	.blockquote blockquote 
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		color: #444;
		line-height: 24px;
		padding: 0px 20px 10px 45px;
		background:url("../images/blockquote/quote.png") no-repeat scroll 0px 6px transparent;
		margin: 15px 10px;
		margin-top: 0;
	}

	.blockquote blockquote p 
	{
		margin-bottom: 10px;
	}

	.blockquote.block-left 
	{
		margin: 0px 20px 0 0;
		width: 35%;
		float: left;
	}

	.blockquote.block-right 
	{
		margin: 0px 0 0 20px;
		width: 35%;
		float: right;
	}

	.blockquote blockquote .author
	{
		color: #666;
		font-size: 12px;
	}

/*******************************
*	PULLQUOTE
/*******************************/
	
	.pullquote 
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		color: #444;
		line-height: 24px;
		padding: 20px;
		margin: 15px 10px;
		display: block;
	}

	.pullquote
	{
		margin-bottom: 10px;
	}

	.pullquote.pull-left 
	{
		margin: 10px 20px 0 0;
		width: 35%;
		float: left;
	}

	.pullquote.pull-right 
	{
		margin: 10px 0 0 20px;
		width: 35%;
		float: right;
	}

	.pullquote.pullquote-default {
		border: 4px double #eee;
		font-size: 120%;
		color: #333;
	}
	
	.pullquote.pullquote-top {
		border-top: 4px double #eee;
		border-bottom: 4px double #eee;
		font-size: 120%;
		color: #333;
	}
	
	.pullquote.pullquote-border {
		border-left: 4px solid #555;
		font-size: 120%;
		color: #333;
	}
	
	.pullquote:before {
		content: '" ';
		display: inline;
		font-size: 150%;
		font-weight: bold;
		margin-left: 5px;
		vertical-align: middle;
	}
	
	.pullquote:after {
		content: '"';
		display: inline;
		font-size: 150%;
		font-weight: bold;
		margin-left: 5px;
		vertical-align: middle;
	}
	
/*******************************
*	IMAGE FRAMES
/*******************************/

/** SIMPLE **/
	.gallery-simple {
		position: relative;
		text-align: center;
	}
	.gallery-simple img {
		background: #fff;
		border: solid 1px #ccc;
		padding: 4px;
	}
	.gallery-simple span {
		width: 77px;
		height: 27px;
		display: block;
		position: absolute;
		top: -12px;
		background: url(../images/gallery/tape.png) no-repeat;
		width: 100%;
		background-position: center center;
	}
	.gallery-simple a {
		text-decoration: none;
	}
	
/** TEXT **/

	.gallery-text{
		position: relative;
		text-align: center;
	}
	
	.gallery-text li:hover img {
		border-color: #000;
	}
	.gallery-text img {
		background: #fff;
		border: solid 1px #888;
		padding: 5px;
	}
	.gallery-text em {
		background: #fff url(../images/gallery/grey-gradient.gif) repeat-y;
		color: #000;
		font-style: normal;
		padding: 2px 10px;
		display: block;
		position: absolute;
		bottom: 15%;
		border: 1px solid #999;
		border-left-color: #888;
		color: #444;
	}
	.gallery-text a {
		text-decoration: none;
		color: #444;
	}
	.gallery-text a:hover em {
		background: #ffdb01 url(../images/gallery/orange-gradient.gif) repeat-y;
		border-color: #c25b08;
	}
	
/** POPUP **/

	.gallery-popup{
		position: relative;
		text-align: center;
	}

	.gallery-popup img {
		background: #fff;
		border: solid 1px #ccc;
		padding: 5px;
	}
	.gallery-popup li:hover img {
		border-color: #999;
	}
	.gallery-popup em {
		width: 102px;
		background: url(../images/gallery/bubble.gif) no-repeat;
		background-position: center center;
		padding: 3px 0 6px;
		display: none;
		position: absolute;
		top: -2px;
		width: 100%;
		font-style: normal;
		text-align: center;
		font-size: 10px;
	}
	.gallery-popup a {
		text-decoration: none;
		color: #444;
	}
	.gallery-popup a:hover em {
		display: block;
	}
	
/** CLIP **/

	.gallery-clip{
		position: relative;
	}

	.gallery-clip li:hover img {
		border-color: #000;
	}
	.gallery-clip img {
		background: #fff;
		border: solid 1px #ccc;
		padding: 5px;
	}
	.gallery-clip em {
		background: #fff;
		color: #000;
		font-style: normal;
		padding: 2px 8px 0 22px;
		display: block;
		position: absolute;
		top: 5px;
		left: 5px;
		border: 1px solid #999;
		color: #444;
	}
	.gallery-clip a {
		text-decoration: none;
	}
	.gallery-clip span {
		width: 30px;
		height: 60px;
		display: block;
		position: absolute;
		top: -3px;
		left: 9px;
		background: url(../images/gallery/paper-clip-mini.png) no-repeat;
		z-index: 3;
	}
/*******************************
*	SPOILER
/*******************************/

	a.reveal {
		border-bottom: 1px dashed #009fd8;
		cursor: pointer;
		font-family: Georgia, serif;
		font-style: italic;
		padding: 0 3px;
		text-decoration: none;
	}

	a.reveal:hover {
		background: #009fd8;
		color: #fff;
		padding: 3px;
	}
		
/*******************************
*	SOCIAL ICONS
/*******************************/

	.social-hover:hover {
		opacity: 0.7;
	}
		
	
/*******************************
*	COLOR HEADER
/*******************************/

	.color-header {
		margin-bottom: 20px;
	}
	
	.color-header h3 {
		margin: 0;
		padding: 0;
	}
	
	.color-header h3 span {
		padding: 10px 10px;
	}

	.color-header .header-border {
		display: block;
		height: 3px;
		width: 100%;
		position: relative;
		top: 1px;
	}
	
	.color-header h3 span, .color-header .header-border  {
		color: #444;
		background-color: #ddd;	
	}
	
	.color-header.red h3 span, .color-header.red .header-border  {
		color: #fff;
		background-color: #770000;	
	}
	
	.color-header.orange h3 span, .color-header.orange .header-border  {
		color: #fff;
		background-color: #e98813;	
	}
	
	
	.color-header.blue h3 span, .color-header.blue .header-border  {
		color: #fff;
		background-color: #00437f;	
	}
	
	.color-header.deepblue h3 span, .color-header.deepblue .header-border  {
		color: #fff;
		background-color: #092334;	
	}

	
	.color-header.hotpink h3 span, .color-header.hotpink.header-border  {
		color: #fff;
		background-color: #bc006e;	
	}
	
	
	.color-header.black h3 span, .color-header.black .header-border  {
		color: #fff;
		background-color: #111111;	
	}
	
/*******************************
*	IMAGE HEADER
/*******************************/

	div.image-header {
		background-image: url("../images/image_header/line.png");
		background-repeat: repeat;
		margin-bottom: 20px;
	}
	
	div.image-header h3 {
		
	}
	
	div.image-header h3 span{
		background-color: #fff;
		padding: 10px;
	}
	/*******************************
*	LIST
/*******************************/

	div.list-icon{
	
	}
	
	div.list-icon ul {
		margin-left: 0;
	}
	
	.list-icon ul li, li.li-icon{
		list-style-type: none;
		padding-left: 25px;
		background-repeat: no-repeat !important;
		background-position: center left;
	}
	
	.span-icon {
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url("../images/icons/001.png") !important;
		background-repeat: no-repeat;
		background-position: left center;
		line-height: 21px;
	}
	
	li.li-icon {
	
	}
	
/*******************************
*	SOCIAL ICONS [social]
/*******************************/

	.social-icon {
		width: 32px;
		height: 32px;
		display: inline-block;
	}

	.social-icon span {
		width: 32px;
		height: 32px;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: left top;
	}

		
/*******************************
*	DIVIDER
/*******************************/	

	.divider 
	{
		margin-top: 29px;
		margin-bottom:30px;
		height: 1px;	
		background-color: #eee;
		clear:both;
		display:block;
	}

	.divider-empty
	{
		margin-top: 29px;
		margin-bottom:30px;
		height: 1px;	
		background-color: transparent;
		clear:both;
		display:block;
	}

	.divider.top
	{
		text-align: right;
		height: 15px;
		background-color: transparent;
		border-top: 1px solid #eee;
		margin-bottom: 15px;

	}

		.divider.top a 
		{
			position: relative;
			width: 20px;
			background-color: transparent;
			font-size: 10px;
			text-decoration:none;
			color: #BBBBBB;
			
			padding: 0px 2px;
		}
		
		.divider.top a:hover
		{
			color: #888;
		}

/*****************************
	COLOR ICON [color_icon]
******************************/
		
	.color-icon {
		margin: 0;
		width: 32px;
		height: 32px;
		display: inline-block;
	}
	
	.color-icon.align-left {
		float: left;
		margin-right: 8px;
		margin-bottom: 8px;
		width: 32px;
		height: 32px;
		display: inline;
	}
	
	.color-icon.align-right {
		float: right;
		margin-left: 8px;
		margin-bottom: 8px;
		width: 32px;
		height: 32px;
		display: inline;
	}
	
	.color-icon.align-center {
		display: block;
		margin: 0 auto;
		width: auto;
		height: auto;
		width: 32px;
		height: 32px;
		clear: both;
	}



/**************************
	SCROLL TO TOP 
**************************/

	#toTop {
		background: url(../images/scroll_top/ui.totop.png) no-repeat left top;
		border: none;
		bottom: 10px;
		display: none;
		height: 40px;
		overflow: hidden;
		position: fixed;
		right: 10px;
		text-decoration: none;
		text-indent: 100%;
		width: 40px;
	}

	#toTopHover {
		background: url(../images/scroll_top/ui.totop.png) no-repeat left -40px;
		display: block;
		filter: alpha(opacity=0);
		float: left;
		height: 40px;
		moz-opacity: 0;
		opacity: 0;
		overflow: hidden;
		width: 40px;
	}

	#toTop:active, #toTop:focus {
		outline: none;
	}

/***********************
	FLICKR
************************/

	.flickr_wrap {

	}

	.flickr_wrap .flickr_badge_image {
		display: inline-block;
	}

/*****************
	GMAP FIX
*****************/

	.map_canvas img {
		max-width: none;
	}

/***************
	CAPTY FIX
****************/
	
	.capty-wrapper .capty-image img {
		max-width: none;
	}
	
/*****************
	VIDEO
*****************/

	.video_frame {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.video_frame iframe,  
	.video_frame object,  
	.video_frame embed
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	video {  
	   width:100%; 
	   max-width:500px; 
	   height:auto; 
	}
	
	.flex-container li {
		padding: 0 !important;
		margin: 0 !important;
		background: none !important;
	}