/********************************************************************/
/* Website Developed by : Blue Sombrero 							*/
/* Skin 038 (PONY World Series)										*/
/* Created: 07 March 2016 by Anita									*/
/* Updated: 05 May 2016 by Krunal									*/
/********************************************************************/

@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Oswald:300,400,700);


/* Comman CSS */
/********************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td			{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
										background: transparent; }
blockquote,q								{ quotes: none; }
blockquote:before,
blockquote:after,
q:before,q:after						{ content:''; content: none; }
:focus									{ outline:none; }
ins										{ text-decoration:none; }
del										{ text-decoration:line-through; }
form										{ height: 100%; }
img										{ border: 0; padding: 0; margin: 0; }
html, body								{ text-align: left; font-size: 14px; margin: 0; padding: 0;
										font-family: 'Lato',Arial,Helvetica,sans-serif; height: 100%;
										background: #fff; color: #112839; line-height: 20px; 
										font-weight: normal; }

/* Text CSS */
/********************************************************************/
h1, h2, h3, h4, h5, h6					{ font-family: 'Oswald',Arial,Helvetica,sans-serif;
										font-weight: 400; color: #363636; padding: 0 0 18px 0; }
h1										{ font-size: 52px; line-height: 62px; }
h2										{ font-size: 32px; line-height: 36px; }
h3										{ font-size: 26px; line-height: 32px; }
h4										{ font-size: 20px; line-height: 22px; }
h5	 									{ font-size: 18px; line-height: 20px; }
h6										{ font-size: 16px; line-height: 20px; }
p										{ padding: 0 0 18px 0; }
ul, ol									{ padding: 0 0 18px 0; margin: 0 0 0 24px;}
sup										{ vertical-align: top; font-size: 8px; }
small										{ font-size: 8px; }
td[valign=middle]						{ vertical-align: middle; }
td[valign=top]							{ vertical-align: top; }
td[valign=bottom]						{ vertical-align: bottom; }

.Normal, 
.NormalDisabled,
.BoldText,
.NormalRed,
.SubHead,
.SkinObject								{ font-family: 'Lato',Arial,Helvetica,sans-serif; font-weight:normal;
										font-size: 14px; line-height: 20px; text-align: left; }

.Normal, .NormalDisabled				{ color:#000; }
.BoldText								{ color:#112839; font-weight:bold;}
.NormalRed								{ color:#000; font-weight:bold; }
.SubHead								{ color:#000; }
.SkinObject								{ color:#9e1d1b; }

/* Link CSS */
/********************************************************************/
a, a:link, a:visited,
a.CommandButton, 
a.CommandButton:link, 
a.CommandButton:visited,
a.SkinObject, 
a.SkinObject:link,
a.SkinObject:visited					{ font-family: 'Lato',Arial,Helvetica,sans-serif;
										font-weight: normal; font-size: inherit; text-decoration: none;
										line-height: inherit; color: #000; }
a:active, a:hover, a:focus,
a.CommandButton:active, 
a.CommandButton:hover, 
a.CommandButton:focus,
a.SkinObject:hover , 
a.SkinObject:focus,
a.SkinObject:active						{ color: #000; }
.paneOutline							{ outline: 1px dotted #000; border: none; }
.paneOutline center						{ text-align: center; }
.paneOutline .SubHead					{ color: #000; }

.AlertText a,
.AlertText a:link,
.AlertText a:visited				{color: #e2222a;}
.AlertText a:hover,
.AlertText a:focus,
.AlertText a:active			{color: #ebeaea;}
.dfArea .content a,
.dfArea .content a:link,
.dfArea .content a:visited	{
	color: #e2222a; 
}
.dfArea .content a:hover,
.dfArea .content a:focus,
.dfArea .content a:active	{
	color: #222; 
}
/* DNN Empty Pane CSS For IE */
/********************************************************************/
.DNNEmptyPane							{ font-size: 0px; line-height: 0px; display: none; }

/* Input CSS */
/********************************************************************/
input.NormalTextBox,
textarea.NormalTextBox,
select.NormalTextBox						{ font-family: 'Lato',Arial,Helvetica,sans-serif;
										font-weight:normal; font-size: 14px; line-height: 22px;
										height: 22px; background: #f6f6f6; border: 1px solid #acacac; 
										padding: 2px 8px; margin: 2px 0px; color:#222; }
select.NormalTextBox						{ padding: 2px 2px 2px 8px; }
input.NormalTextBox:focus, 
input.NormalTextBox:hover,
textarea.NormalTextBox:focus,
textarea.NormalTextBox:hover,
select.NormalTextBox:focus,
select.NormalTextBox:hover				{ border-color:#222; }
textarea.NormalTextBox, select.NormalTextBox
										{ height: auto; }

/* Button CSS */
/********************************************************************/
.StandardButton							{ background: #1763a2; color: #fff; display: inline-block; border: 1px solid #115592;
										font-size: 14px; line-height: 20px; margin: 12px 0; padding: 8px 12px; }
.StandardButton:hover, 
.StandardButton:focus					{ background: #b42120; border-color: #741413; outline: none; text-decoration: none; 
										color: #fff; }

/* Float CSS */
/********************************************************************/
#Body .float-left						{ float:left; }
#Body .float-right						{ float:right; }
#Body .clear:after						{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#Body .clear								{ clear: inherit; }
#Body .clear-both						{ clear:both; font-size: 0px; line-height: 0px; height: 0px; }

/* DNN Overwrite CSS */
/********************************************************************/
.textAlignRight							{ text-align: right; }
.textAlignCenter						{ text-align: center; }
.FileManager_FileList 					{ margin: 2px 0 0 0; }
.rgMasterTable							{ width: 100%; }
.rgCurrentPage span						{ line-height: 22px; }
input.rgPagerTextBox						{ width: 24px!important; }
.termsContainer, 
.privacyContainer						{ padding: 12px; }
.FileManager_FileList 					{ margin: 2px 0 0 0; }
.rgMasterTable							{ width: 100%; }
.rgCurrentPage span						{ line-height: 22px; }
input.rgPagerTextBox						{ width: 24px!important; }

/* DNN 6 Fix */
/********************************************************************/
#dnnCPWrap a,
#dnnCPWrap a:link,
#dnnCPWrap a:visited						{ text-decoration: none; }
#dnnCPWrap a:hover span, #dnnCPWrap a:active span,
#dnnCPWrap a:focus span, #dnnCommonTasks a:hover, 
#dnnCommonTasks a:active, #dnnCommonTasks a:focus, 
#dnnCurrentPage a:hover, #dnnCurrentPage a:active, 
#dnnCurrentPage a:focus, #dnnOtherTools a:hover, 
#dnnOtherTools a:active, #dnnOtherTools a:focus
										{ text-decoration: underline; }

/* Home Setting Panel CSS */
/********************************************************************/
#Body .sWebTheme_ActionsArea				{ padding: 36px 0 0 0; }
#Body a.sWebTheme_showSettings:hover,
#Body a.sWebTheme_ActionsLinks:hover span, 
#Body a.sWebTheme_ActionsLinks:focus span, 
#Body a.sWebTheme_ActionsLinks:active span
										{ background-color: #e2222a; color: #fff; }

/* Skin CSS */
/********************************************************************/
.skWidth								{ width: 962px; margin: auto; }
.skArea									{ background: #030e1d url(images/skin-bg.jpg) center top no-repeat; }
.skGrayBg								{ background: #c8c8c8; }
.skTitle								{ float: left; font-size: 28px; line-height: 34px; color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 0 186px; margin: -22px 0 0 0; }
.skWhiteBg								{ background: #fff; margin: 0 -27px; padding: 0 10px; position: relative; }
.skActionWrp 							{ margin: 0 -27px; }
.skLogo									{ float: left; position: absolute; top: -80px; z-index: 1; left: -48px; }
.skNav									{ padding: 15px 0 15px 200px; }
.skActionWrp							{ padding: 42px 0 10px 0 ; }
.skAction								{ float: right; padding: 0 0 5px 0; }
.skLogin								{ float: left; }
.skSocial								{ float: left; padding: 8px 4px 0 0; }
.skSocial a.goog-te-menu-value,
.skSocial a.goog-te-menu-value:link,
.skSocial a.goog-te-menu-value:visited,
.skSocial a.translate,
.skSocial a.translate:link,
.skSocial a.translate:visited,
.skSocial a.link,
.skSocial a.link:link,
.skSocial a.link:visited					{ background-image: url(images/social-icon.png);  float: left; display: block; text-indent: -999px; height: 28px; width: 28px; 
										background-repeat: no-repeat; background-color: transparent; overflow: hidden; margin: 0 5px; }
.skLogin a.actionLink,
.skLogin a.actionLink:link,
.skLogin a.actionLink:visited			{ background: #e2222a; color: #fff; text-transform: uppercase; font-family: 'Oswald',Arial,Helvetica,sans-serif; padding: 6px 16px; 
										float: left; margin: 0 0 0 12px; font-size: 16px; line-height: 20px; }
.skLogin a.actionLink:hover				{ background: #fff; color: #e2222a; }
.skLogin #skMobNavBtn					{ margin-top: 6px; }
a.skFacebook,
a.skFacebook:link,
a.skFacebook:visited					{ background-position: 0 0; }
a.skFacebook:hover,
a.skFacebook:focus						{ background-position: 0 -28px; }
a.skTwitter,
a.skTwitter:link,
a.skTwitter:visited						{ background-position: -28px 0; }
a.skTwitter:hover,
a.skTwitter:focus						{ background-position: -28px -28px; }
a.skYoutube,
a.skYoutube:link,
a.skYoutube:visited						{ background-position: -56px 0; }
a.skYoutube:hover,
a.skYoutube:focus						{ background-position: -56px -28px; }
a.skFlikr,
a.skFlikr:link,
a.skFlikr:visited						{ background-position: -84px 0; }
a.skFlikr:hover,
a.skFlikr:focus							{ background-position: -84px -28px; }

.skSocial #google_translate_element		{ float: left; width: 28px; height: 28px; overflow: hidden; }
.skSocial .goog-te-gadget-simple			{ background: transparent; padding: 0; margin: 0; border: none; display: block; }
.skSocial a.goog-te-menu-value span,
.skSocial .goog-te-gadget-simple img		{ display: none; }
.skSocial a.goog-te-menu-value:before	{ content: "Translate"; }
.skSocial a.goog-te-menu-value,
.skSocial a.goog-te-menu-value:link,
.skSocial a.goog-te-menu-value:visited	{ float: left; display: block; text-indent: -999px; height: 28px; width: 28px; background-repeat: no-repeat; 
										background-color: transparent; overflow: hidden; background-position: -112px 0; margin: 0; }
.skSocial a.goog-te-menu-value:hover,
.skSocial a.goog-te-menu-value:focus,
.skSocial a.goog-te-menu-value:active	{ background-position: -112px -28px; }

a.skInstagram,
a.skInstagram:link,
a.skInstagram:visited					{ background-position: -140px 0; }
a.skInstagram:hover,
a.skInstagram:focus						{ background-position: -140px -28px; }


/* Inner Panes CSS */
/********************************************************************/
.LeftPane								{ float: left; width: 620px; }
.RightPane								{ float: right; width: 305px; padding: 0 0 0 15px; }
.inner-width							{ display: table; max-width: 100%; }
.inner-table							{ display: table; width: 100%; }
.inner-cell								{ display: table-cell; float: none; }
.inner-content							{ padding: 22px 12px 0 12px; }

/* Container css */
/********************************************************************/
.skContainer							{ background: #fff; padding: 20px; }
h2.skHead								{ color: #363636; font-size: 25px; line-height: 29px; text-transform: uppercase; letter-spacing: 1px; }
.skRow									{ padding: 0 12px; }
.skRowWrapper							{ padding: 22px 0 0 0; }
.skLeft									{ width: 620px; float:left; }
.skRight								{ width: 305px; float: right; }


/* Box Link CSS */
/********************************************************************/
.skBoxLinks								{ padding: 20px 16px; }
.skBoxLinks ul.list						{ padding: 0; margin: 0; }
.skBoxLinks li.item						{ padding: 0 12px; margin: 0; list-style: none; float: left; }
.skBoxLinks li.first						{ padding: 0 12px 0 0; }
.skBoxLinks li.last						{ padding: 0 0 0 12px; }
.skBoxLinks a.link,
.skBoxLinks a.link:link,
.skBoxLinks a.link:visited				{ display: block; border: 8px solid #c8c8c8; background: #fff; position: relative; }
.skBoxLinks a.link img					{ filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.9; transition: grayscale 0.3s, opacity 0.3s; }
.skBoxLinks .overlay						{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.skBoxLinks .overlay:before 				{ background: #17335d; content: ""; filter: saturate(3); -webkit-filter: saturate(3); height: 100%; left: 0; opacity: 0.3; 
										position: absolute; top: 0; width: 100%; transition: opacity 0.3s; }
.skBoxLinks .inner						{ display: table; height: 100%; width: 100%; vertical-align: middle; text-align: center; position: relative; z-index: 1; }
.skBoxLinks .title						{ display: table-cell; vertical-align: middle; text-align: center; text-transform: uppercase;
										font-family: 'Oswald',Arial,Helvetica,sans-serif; font-size: 30px; line-height: 37px; color: #fff; 
										text-shadow: 0 0 5px #000, 0 0 5px #000; }
.skBoxLinks a.link:hover .overlay:before	{ opacity: 0; }
.skBoxLinks a.link:hover img				{ filter: grayscale(0); -webkit-filter: grayscale(0%); opacity: 1; }
.skRectangle 							{ background: #ebeaea; }
.skRecLeft								{ background: transparent url("images/recleft-arrow.png") no-repeat scroll left top; float: left;  height: 50px;
										width: 27px; margin: 0 0 0 -27px; }
.skRecRight								{ background: transparent url("images/recright-arrow.png") no-repeat scroll right top; float: right; height: 50px;
										width: 27px; margin: 0 -27px 0 0; }

/* Embeded HTML CSS */
/********************************************************************/
.skEmbededHTML							{ padding: 0 30px 22px 30px; }
.skEmbededHTML .skContent				{ border: 6px solid #fff; background: #17335d; }
#Body .skEmbededHTML .flip-clock-divider .flip-clock-label		{ letter-spacing: 0.3px; text-transform:capitalize;}
#Body .skEmbededHTML .flip-clock-wrapper ul li a div div.inn 	{ background: #e51e20; }
#Body .skEmbededHTML .flip-clock-wrapper 						{ width: 700px; }
#Body .skEmbededHTML .flip-clock-divider.days	 .flip-clock-label{ right: 0; left: 92px;}
#Body .skEmbededHTML .flip-clock-divider.hours .flip-clock-label{ right: -88px;}
#Body .skEmbededHTML .flip-clock-divider.minutes .flip-clock-label{ right: -97px;}
#Body .skEmbededHTML .flip-clock-divider.seconds .flip-clock-label{ right: -96px;}
#Body .skEmbededHTML .flip-clock-wrapper 						{ margin: 31px auto 19px; }

/* News CSS */
/********************************************************************/
.skNews .content { overflow-y: auto; height: 226px;  }
.skNews ul.skList { margin: 0; padding: 0 12px 0 0; }
.skNews li.skItem { border-bottom: 1px solid #dadada; padding-top: 15px; list-style: none; }
.skNews li.skItem.skFirst { padding-top: 0; }
.skNews li.skItem.skLast { border-bottom: 0; }
.skNews a.skLink { font-size: 24px; color: #15315e; font-family: 'Lato', sans-serif; font-weight: 700; text-decoration: none; text-transform: capitalize; display: block; }
.skNews a.skLink:hover, .skNews a.skLink:focus { color: #e2222a; }
.skNews .skDate { font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; padding: 8px 0; color: #e2222a; letter-spacing: 0.5px; }
.skNews .skSummary { font-family: 'Lato', sans-serif; font-size: 16px; line-height: 16px; color: #363636; word-break: break-word; -moz-hyphens: auto; }
.skNews .readmore a { color: white; display: none; font-size: 14px; text-align: center; margin: 10px 0px; text-decoration: none; }
.skNews .skViewall { margin-top: 15px; margin-bottom: 20px; text-align: center; }
.skNews .viewall { background-color: #15325e; color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 500; font-size: 18px; text-align: center; padding: 8px 40px; }
.skNews .viewall:hover { background-color: #e2222a; }

/* Quick Link CSS */
/********************************************************************/
.skQuickLinks							{ padding: 0 0 22px 0; }
.skQuickLinks .skContent					{ height: 285px; overflow-x: auto; }
.skQuickLinks ul.list					{ margin: 0; padding: 0; }
.skQuickLinks li.item						{ list-style: none; background: #17335d; padding: 8px 0; margin: 0 0 4px 0; }
.skQuickLinks li.item:hover				{ background: #e2222a; }
.skQuickLinks li.item a,
.skQuickLinks li.item a:link,
.skQuickLinks li.item a:visited			{ font-size: 16px; line-height: 20px; color: #fff; font-family: 'Lato',Arial,Helvetica,sans-serif; padding: 0 0 0 12px; }

/* Sponsor CSS */
/********************************************************************/
.skSponsor								{ position: relative; background: #fff; padding: 26px 56px; margin: 0 -30px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
										-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); }
ul.skSplist								{ margin: 0; padding: 0; }
ul.skSplist li								{ list-style: none; float: left; padding: 0 14px; }
.skSponsor .prev,
.skSponsor .next							{ top: 50%; height: 56px; width: 27px; position: absolute; margin: -28px 0 0 0;
										background: transparent url(images/sponsor-arrow.png) left top no-repeat;
										z-index: 1; text-indent: -999px; overflow: hidden; }
.skSponsor .prev							{ left: 10px ; }
.skSponsor .next							{ right: 10px; background-position: right top; }
.skSponsor .prev:hover					{ background-position: left bottom; }
.skSponsor .next:hover					{ background-position: right bottom; }
.spLeft 									{ background: transparent url("images/sponsors-notch.png") no-repeat scroll left top; height: 29px;
										left: 0; position: absolute; top: -22px; width: 29px; }
.spRight 								{ background: transparent url("images/sponsors-notch.png") no-repeat scroll right top; height: 29px;
										right: 0; position: absolute; top: -22px; width: 29px; }

/* Video CSS */
/********************************************************************/
.skVideo								{ padding: 0 0 22px 0; }
.skVideo p								{ font-size: 16px; line-height: 22px; color: #525252; font-family: 'Lato',Arial,Helvetica,sans-serif; padding: 14px 0 0 0; }
.skVideo h2.skHead						{ color: #4d4d4d; }
.skVideo .skContent 						{ height: 415px; overflow-y: auto; }
.skVideo a.link,
.skVideo a.link:link,
.skVideo a.link:visited					{ float: right;  background: #e2222a; color: #fff; text-transform: uppercase; font-family: 'Oswald',Arial,Helvetica,sans-serif; padding: 0 22px; 
										display: inline-block; margin: 0 12px; font-size: 16px; line-height: 30px;}
.skVideo a.link:hover,
.skVideo a.link:focus,
.skVideo a.link:active					{ background: #e2e2e2;  color: #e2222a; }

/* Video CSS */
/********************************************************************/
.video-container 						{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, 
.video-container object, 
.video-container embed 					{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* About Us CSS */
/********************************************************************/
.skAboutUs								{ padding: 0 0 22px 0; }
.skAboutUs .skContent					{ background: #17335d; padding: 15px; }
.skAboutUs .skContent,
.skAboutUs .skContent .Normal			{ font-size: 16px; line-height: 21px; color: #fff; font-family: 'Lato',Arial,Helvetica,sans-serif; text-align: justify; }
.skAboutUs .skContentArea				{ height: 336px; overflow-y: auto; }
.skAboutUs h2.skHead						{ color: #4d4d4d; }
.skAboutUs  a.link,
.skAboutUs  a.link:link,
.skAboutUs  a.link:visited				{ background: #e2222a; color: #fff; text-transform: uppercase; font-family: 'Oswald',Arial,Helvetica,sans-serif; padding: 0 15px; 
										display: table; margin: 20px auto 0 auto; font-size: 16px; line-height: 30px;}
.skAboutUs a.link:hover,
.skAboutUs a.link:focus,
.skAboutUs a.link:active					{ background: #e2e2e2;  color: #e2222a; }

/* Banner CSS */
/********************************************************************/
.skBanner a.link,
.skBanner a.link:link,
.skBanner a.link:visited					{ border: 8px solid #fff; margin: auto; display: table; transition: border-color 0.3s; }
.skBanner a.link:hover					{ border-color: #e2222a; }

/* Footer css */
/********************************************************************/
.skFooter								{ padding: 15px 90px; }
h2.skFtHead								{ color: #363636; font-size: 18px; line-height: 22px; text-transform: uppercase; letter-spacing: 1px; }
.skContact								{ float: left; width: 255px; text-align: right; padding: 22px 0 0 0; color: #17335d; }
.skContact a.link,
.skContact a.link:link,
.skContact a.link:visited				{ color: #e2222a; text-decoration: underline; }
.skContact a.link:hover					{ color: #17335d; }
.skSitelinks							{ float: left; width: 284px; padding: 22px 0 0 0;}
.skFtLogo								{ float: left; padding: 22px 28px; }
.skSitelinks ul.list 						{ float: left; margin: 0; padding: 0 12px 0 0; }
.skSitelinks ul.first					{ width: 170px; }
.skSitelinks li.item						{ margin: 0; padding: 0; list-style: none; background: transparent url(images/link-arrow.png) left center no-repeat; }
.skSitelinks li.item a:link,
.skSitelinks li.item a:visited				{ color: #17335d; padding: 0 0 0 14px;}
.skSitelinks li.item a:hover,
.skSitelinks li.item a:focus,
.skSitelinks li.item a:active				{ color: #e2222a;}
.skContact a.SkinObject,
.skContact a.SkinObject,
.skContact a.SkinObject:link,
.skContact a.SkinObject:visited			{ font-size: 16x; line-height: 20px;  text-decoration: none;  font-family: 'Lato',Arial,Helvetica,sans-serif;}
.skContact a.SkinObject:hover,
.skContact a.SkinObject:focus			{ color: #e2222a; text-decoration: underline; }
.skInfo									{ padding: 30px 12px; color: #fff; line-height: 28px; }
.skInfo .SkinObject,
.skInfo a.SkinObject,
.skInfo a.SkinObject:link,
.skInfo a.SkinObject:visited				{ font-size: 12px; line-height: 28px; color: #fff; text-decoration: none;  font-family: 'Lato',Arial,Helvetica,sans-serif; }
.skInfo a.SkinObject:hover				{ color: #e2222a; }
.skInfo a.HiddenLink,
.skInfo a.HiddenLink:link,
.skInfo a.HiddenLink:visited				{ display: inline-block; _display: inline; zoom: 1; margin: 0 0 0 12px; color: transparent; }
.skInfo a.HiddenLink:hover				{ color: #e2222a; }