@font-face {

font-family: 'comfortaaregular';

src: url('../fonts/comfortaa.regular-webfont.woff2') format('woff2'),

url('../fonts/comfortaa.regular-webfont.woff') format('woff');

font-weight: normal;

font-style: normal;

}



@font-face {

font-family: 'comfortaalight';

src: url('../fonts/comfortaa.light-webfont.woff2') format('woff2'),

url('../fonts/comfortaa.light-webfont.woff') format('woff');

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'comfortaabold';

src: url('../fonts/comfortaa.bold-webfont.woff2') format('woff2'),

url('../fonts/comfortaa.bold-webfont.woff') format('woff');

font-weight: normal;

font-style: normal;

}



@font-face {

font-family: 'latoblack';

src: url('../fonts/lato-black-webfont.woff2') format('woff2'),

url('../fonts/lato-black-webfont.woff') format('woff');

font-weight: normal;

font-style: normal;

}



@font-face {

font-family: 'latobold';

src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),

url('../fonts/lato-bold-webfont.woff') format('woff');

font-weight: normal;

font-style: normal;

}



@font-face {

font-family: 'latolight';

src: url('../fonts/lato-light_2-webfont.woff2') format('woff2'),

url('../fonts/lato-light_2-webfont.woff') format('woff');

font-weight: normal;

font-style: normal;

}



@font-face {

font-family: 'latoregular';

src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),

url('../fonts/lato-regular-webfont.woff') format('woff');

font-weight: normal;

font-style: normal;

}



html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, header, footer, section, aside, nav, article, figure, address, audio, video { background: transparent; border: 0; margin: 0;  padding: 0; outline: 0; }

body { font-family: 'latoregular'; font-size: 13px; color: #3C3C3B; font-weight: 400; text-decoration: none; background: #fff; }

strong { font-weight: normal; font-family: 'latobold'; }

h1, h2, h3, h4, h5, h6 { font-size: 13px; font-weight: 700; color: #000; }

h1 { font-size: 25px; }

h2 { font-size: 18px; }

input, button { font-family: 'latoregular'; }

input[type="text"], input[type="password"] { margin: 0px; padding: 0px; border: 1px solid #d0d0d0; background: #fff; font-size: 13px; color: #000000; padding: 10px; font-family: 'latoregular'; -webkit-appearance: none; border-radius: 3px; box-sizing: border-box; }

select, textarea { margin: 0px; padding: 0px; border: 1px solid #d0d0d0; background: #fff; font-size: 13px; color: #000000; padding: 10px; font-family: 'latoregular'; resize: none; border-radius: 3px; box-sizing: border-box; }

textarea { overflow-y: auto; overflow-x: hidden; }

small { color: #666; font-size: 11px; }

:focus { outline: none; }

p { margin-bottom: 20px; line-height: 20px; }

img { border: none; outline: none; }

a { color: #000000; text-decoration: none; outline: none; }

a:hover { color: #ff0000; text-decoration: none; outline: none; }

.clear { display: block; clear: both; }

.relative { position: relative; }

.fleft { float: left !important; }

.fright { float: right !important; }

.nomargin { margin: 0 !important; }

.widthauto { width: auto !important; }

.floatnone { float: none !important; }

.widthautofloatnone { width: auto !important; float: none !important; }

.valigntop { vertical-align: top; }

.valignmidd { vertical-align: middle; }

.valignbott { vertical-align: bottom; }

.sprites { background: url(../images/sprites.png) no-repeat 0 0; }

.fix-wrapper { width: 1170px; margin: auto; }

.required {color: #ff0000; font-size: 12px;}