@charset "utf-8";

/*--------------------------------------------------------------------------------------------------
CSS Styles for <PROJECT NAME>.

version:   1.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, 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,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }

/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr { display:block; height:1px; border:0; margin:1em 0; padding:0;
	border-top:1px solid #cccccc; /* change border colour to suit your needs */
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: sans-serif; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
h1 { font-size: 2em; }
h2 { font-size: 75%; }
h6 { font-size: 10px; color: #000; }
starter { font-size: 150%; line-height: 20px;}
h1, h2, h3, h4, h5,  p, pre, blockquote, form, fieldset, table, ul {
	margin: 1em 0;
	
}
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor:help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input, select { vertical-align:middle; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
/* End Normalization
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
  font: 12px/120% Verdana, Arial, Helvetica, sans-serif;
    color: #58585A;
}

/* End Typography
--------------------------------------------------------------------------------------------------*/

/*
    WRAPPERS
*/
/*.wrapper { 
	width: 960px; 
	margin: 0 auto; 
	background: #ffffff; 
	padding: 60px 0px 0 0; 
}*/
.wrapper {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	background: #ffffff; 
	padding: 60px 0px 0 0; 
}
    .wrapper > div { position: relative; min-height: 770px;  }
/*
    END WRAPPERS
*/

/*
    COLORS
*/
.color-bg { color: #ffffff !important; text-decoration: none !important; }
.color-bg.color1 { background-color: #ED1C24; }
.color-bg.color2 { background-color: #0095DA; }
.color-bg.color3 { background-color: #F58220; }
.color-bg.color4 { background-color: #8DD8F8; }
.color-bg.color6 { background-color: #ADD6E7; }
.color-bg.color5 { background-color: #9F1F63; }
.color-bg.color7 { background-color: #a8af08; }
.color-bg.color8 { background-color: #0B9444; }
.color-bg.color9 { background-color: #BDB4CD; }
.color-bg.color10 { background-color: #FFF0B6; }
.color-bg.color12 { background-color: #885F24; }
.color-bg.color13 { background-color: #EC7883; }
.color-bg.color14 { background-color: #E38901; }

.color-bg.color15 { background-color: #6C9DB1; }
.color-bg.color16 { background-color: #86A659; }
.color-bg.color17 { background-color: #CBCBCB; }
.color-bg.color18 { background-color: #930DF2; }

.color-text.color1 { color: #ED1C24; }
.color-text.color2 { color: #0095DA; }
.color-text.color3 { color: #F58220; }
.color-text.color4 { color: #8DD8F8; }
.color-text.color6 { color: #4dc6f8; }
.color-text.color5 { color: #9F1F63; }
.color-text.color7 { color: #a8af08; }
.color-text.color8 { color: #0B9444; }
.color-text.color9 { color: #EC008C; }
.color-text.color12 { color: #885F24; }
.color-text.color13 { color: #EC7883; }
.color-text.color14 { color: #E38901; }
.color-text.color15 { color: #6C9DB1; }
.color-text.color16 { color: #86A659; }
.color-text.color17 { color: #000; }
.color-text.color18 { color: #930DF2; }
.color-text.color10 { color: #000000; }






.color-text.color11 { color: #fff !important; }


p { color: #58585A; }
/*
    END COLORS
*/

/* =Headings
--------------------------------------------------------------------------------------------------*/
.head { position: relative; width: 628px; height: 319px; overflow: hidden; display: block; }
    .head figcaption { width: auto; display: block; line-height: 32px; color: black; middle; position: absolute; top: 100px; left: 0px; font-size: 27px; letter-spacing: 0px; padding: 30px 20px; max-width: 628px; }
/* End Headings
--------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------*/
a:hover { text-decoration: underline; }
/* End Links
--------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------*/
.logo { margin: 0px; text-align: center; }
/* End Branding
--------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------*/
.main-navigation { margin-top: 27px; }
    .main-navigation > ul { margin: 0px; }
        .main-nav-item, .submenu-item { margin-bottom: 5px; }
            .main-nav-item > a, .submenu-item > a { display: block; line-height: 19px; width: 100%; color: #58585A; font-size: 13px; text-decoration: none; padding: 3px 3px 3px 20px; }
            .main-nav-item > a:hover, .submenu-item > a:hover { text-decoration: underline !important; }
            .main-nav-item > a.active ~  .submenu { display: block;}
            .submenu { margin: 5px 0 0 15px; display: none; }
                .submenu-item > a { padding-left: 5px !important;}
/* End Main Nav
--------------------------------------------------------------------------------------------------*/


/* =Sub Nav
--------------------------------------------------------------------------------------------------*/
.sub-nav { margin-top: 18px; }
    .sub-nav > ul { margin: 0px; }
        .sub-nav-item { float: left; position: relative; width: 143px; margin-left: 15px; }
        .sub-nav-item:first-child { margin-left: 0px; }
        .sub-nav-item:nth-child(2) { margin-left: 57px; }
        .sub-nav-item:nth-child(3) { margin-left: 90px; }
        
            .sub-nav-item > a { text-decoration: none; color: #ffffff; }
            .sub-nav-item > a:hover { text-decoration: underline; }
                .sub-nav-item > a > span { display: block; height: 55px; line-height: 55px; text-align: center; font-size: 16px; text-indent: 0px; }
/* End Sub Nav
--------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------*/

.content { margin-right: 135px; }
    .main-content { width: 627px; }
        .main-content.inner { padding: 7px 10px 10px 10px; }
            .main-content.inner h2 { margin: 20px 0 17px 0; line-height: 120%; font-size: 22px; letter-spacing: 0px; font-weight: bold; }
            .main-content.inner p { font-size: 14px; line-height: 18px; margin: 0 0 18px 0; letter-spacing: -.3px;}
/* =End Main Content
--------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------*/
.sidebar { width: 183px; }
/* End Secondary Content
--------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------*/
footer { background: transparent url('../img/bgi/footer-bg.png') repeat-x bottom left; height: 51px; position: relative; }
footer:before { display: block; content:""; position: absolute; left: 23px; top: -70px; background: transparent url('../img/heart.png') no-repeat top left; width: 113px; height: 104px; }
    footer p { color: #ffffff; text-align: center; line-height: 16px; display: block; font-size: 16px; padding-top: 11px; }
    footer a { color: #ffffff; text-decoration: none; }
/* End Footer
--------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------*/

/* Removing fieldset borders (remove if you want to keep the defaults defined in Normalization) */
fieldset { border: 1px solid transparent; margin: 0; padding: 0; }

/* End Forms
--------------------------------------------------------------------------------------------------*/

/* =Tables
--------------------------------------------------------------------------------------------------*/

/* End Tables
--------------------------------------------------------------------------------------------------*/


/* =Misc 1
--------------------------------------------------------------------------------------------------*/
.paragraph-home { margin: 27px 0 0 0; font-size: 20px; line-height: 34px; font-weight: lighter;  letter-spacing: 0px; padding: 0 12px; text-align: center; }
.paragraph {}

.paragraph-home1 { margin: 27px 0 0 0; font-size: 30px; line-height: 34px; font-weight: lighter;  letter-spacing: 0px; padding: 0 12px; text-align: center; }
.paragraph {}


.paragraph-home2 { margin: 27px 0 0 0; font-size: 15px; line-height: 34px; font-weight: lighter;  letter-spacing: 0px; padding: 0 12px; text-align: center; }
.paragraph {}

/* End Misc 1
--------------------------------------------------------------------------------------------------*/


/* =Misc 2
--------------------------------------------------------------------------------------------------*/

/* End Misc 2
--------------------------------------------------------------------------------------------------*/


/* =Additional 1
--------------------------------------------------------------------------------------------------*/
.the-parity { position: absolute; bottom: 80px; left: 10px; background: transparent url('../img/sub_logo.png') no-repeat left top; width: 139px; height: 40px; display: block; color: transparent; overflow: hidden; text-indent: -999px;  }
.the-parity1 { position: absolute; bottom: 80px; background: transparent url('../img/sub_logo.png') width: 139px; height: 40px; display: block; color: transparent; overflow: hidden; text-indent: -999px;  }



.pb120 { padding-bottom: 105px; }

.font-size { margin: 0px; display: block; position: absolute; background: transparent url('../img/font-size.png') no-repeat center center; height: 25px; overflow: hidden; right: 14px; top: -30px; }
    .font-size > ul { position: relative; margin: 0px; }
    .font-size-item { float: left; position: relative;}
    .font-size-item > a { float: left; height: 25px; width: 13px; color: transparent; display: block; text-indent: -999px; overflow: hidden; position: relative;}
        .font-size-item:nth-child(1) > a { width: 14px;}
        .font-size-item:nth-child(3) > a { width: 19px;}
/* End Additional 1
--------------------------------------------------------------------------------------------------*/


/* =Additional 2
--------------------------------------------------------------------------------------------------*/
.crown { background: transparent url('../img/crown.png') no-repeat left top; width: 134px; height: 87px; display: block; position: absolute; top: 15px; left: 320px; }
.crown1 { background: transparent url('../img/crown1.png') no-repeat left top; width: 50px; height: 32px; display: block; position: absolute; top: 90px; left: 430px; }
/* End Additional 2
--------------------------------------------------------------------------------------------------*/
.button-toggle{
	display:none;
}