@import url('https://fonts.googleapis.com/css?family=Oswald:400,500');
@import url('https://fonts.googleapis.com/css?family=Lato: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; list-style-type: none; }
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: 'Oswald', sans-serif;
														background: #fff; color: #fff; line-height: 20px; 
														font-weight: normal; }
a,
a:link,
a:visited												{ text-decoration: none;}
.clear-both												{ clear:both; font-size: 0px; line-height: 0px; height: 0; }
.clear:after											{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* skin CSS */
/********************************************************************/

.skArea													{ background: #1c5db1 url(images/smallscreen-splash-bg.jpg) top center no-repeat; background-size: cover; min-height: 100%;}
.skContent .dnnDropEmptyPanes							{ display: none;}
.skHeader .skwidth										{ width: 1110px;}
.skwidth												{ width: 980px; margin: auto; display: table; max-width: 100%;}
.skHeader .skTitle										{ font-size: 24px; line-height: 24px; text-align: center; padding: 30px 0 55px 0; text-transform: uppercase;}
.head-content											{ padding-top: 74px; display: table; width: 100%;} 
.skHeader .hdMiddle										{ text-align: center;}
.skHeader .hdMiddle img									{ max-width: 100%; vertical-align: middle; height: auto;}
.skHeader .hdLeft,
.skHeader .hdRight,
.skHeader .hdMiddle										{ display: table-cell; vertical-align: middle;}
.v-t-m													{ margin-top: 15px;}
.head-content a											{ display: inline-block;}
.head-content a:hover img,
.skfooter-content a:hover img,
.skInfo a:hover img										{ -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.9)); filter: drop-shadow(0 0 10px rgba(0,0,0,0.9));}
.skfooter-content a.drop-shadow:hover img				{ -webkit-filter: drop-shadow(0 0 20px rgba(0,0,0,0.9)); filter: drop-shadow(0 0 20px rgba(0,0,0,0.9));}
/* ThumbSec CSS */
/********************************************************************/

.ThumbSec												{ padding: 42px 0 50px 0; border-top: 4px solid #fff; border-bottom: 4px solid #fff;}
.BottomThumbImages										{ padding: 35px 0 0 0;}
.skContent .skLeft,
.skContent .skRight,
.skContent .skMiddle										{ width: 33.3333%; float: left;}
.skContent .skbottomLeft,
.skContent .skbottomRight								{ width: 50%; float: left;}
.ThumbImg,
.ThumbTitle												{ display: block; text-align: center;}
.ThumbTitle												{ margin-top: 20px;}
.ThumbTitle a.link,
.ThumbTitle a.link:link,
.ThumbTitle a.link:visited								{ font-size: 24px; line-height: 24px; color: #fff; }
.ThumbImg a.link											{ display: inline-block;}
.ThumbImg img.splashLogo									{ -webkit-filter: drop-shadow(0 0 18px rgba(215,215,215,0.4)); filter: drop-shadow(0 0 18px rgba(215,215,215,0.4));}
.skLeft:hover  img.splashLogo,
.skRight:hover	img.splashLogo,
.skMiddle:hover	 img.splashLogo,
.skbottomLeft:hover img.splashLogo,
.skbottomRight:hover img.splashLogo						{ -webkit-filter: drop-shadow(0 0 18px rgba(34,34,34,0.9)); filter: drop-shadow(0 0 18px rgba(34,34,34,0.9));}
.soccer-ball-left,
.soccer-ball-right										{ display: none;}
.AboutUs												{ padding: 35px 0; display: block;}
.AboutUs .leftSection									{ float: left; width: 55%;}
.AboutUs .rightSection									{ float: right; width: 40%; text-align: right;}
.AboutUs .leftSection p.Text								{ font-family: 'Lato', sans-serif; font-size: 18px; line-height: 26px;}
.AboutUs .leftSection p.Text span						{ font-weight: 700;}
.AboutUs .rightSection p.Text							{ font-family: 'Lato', sans-serif; font-size: 24px; line-height: 38px; margin-bottom: 8px;}
.AboutUs .rightSection span								{ display: block; font-size: 18px; font-family: 'Lato', sans-serif; line-height: 25px;}

/* Footer CSS */
/********************************************************************/

.skFooter .ftLeft,
.skFooter .ftRight,
.skFooter .ftMiddle										{ display: table-cell; vertical-align: middle;}
.skFooter .ftRight										{ text-align: right;}
.skFooter .ftMiddle										{ text-align: center;}
.ftMiddle ul.list li a,
.ftMiddle ul.list li.first a								{ margin-right: 25px;}
ul.list li:last-child a									{ margin-right: 0;}
.skFooter ul.list li,
.skFooter ul.list a										{ display: inline-block;}
ul.list li.first a										{ margin-right: 50px;}
.skFooter .skfooter-content,
.skFooter .skGob-content								{ display: table; width: 100%;}
.skGob-content											{ margin: 15px 0 0 0; }
.skGob-content  .text									{ display: inline-block; font-size: 24px; text-transform: uppercase; line-height: 1;}
.skGob-content .link									{ display: block;}
.skGob-content .ftLeft									{ text-align: right; }
.skGob-content .ftLeft .text							{ margin : 0 15px 0 0; }
.skGob-content .ftRight									{ text-align: left; }
.skGob-content .ftRight .text							{ margin : 0 0 0 15px; }
.skSocial												{ text-align: center;}
.skInfo													{ padding: 25px 0 30px 0; text-align: center; }


