Colegiul Național ”Roman-Vodă”

PROIECT PENTRU OBȚINEREA

ATESTATULUI DE COMPETENȚE
PROFESIONALE

Profesor coordonator: Candidat:

Gavril Petru-Florin Ungureanu Raluca-Nicoleta

Roman, Mai 2015

 TEMĂ PROIECT:

PAGINĂ WEB

(Terminologie. Noțiuni introductive în

teoria grafurilor)

2
 Argument

Am ales această temă deoarece acest capitol din informatică mi-a plăcut
foarte mult. Încă de la prima oră mi s-a părut foarte interesant capitolul.

O proprietate a grafurilor este conexitatea și conform definiției grafurilor,

conexiunea sau conexitatea, se poate realiza practic între oricare două
elemente, fie că sunt de aceeași natură, fie că sunt diferite.

Când spunem “conexiune” sau “conexitate” ne gândim la o legătură fie

ea telefonică, electrică sau de orice altă natură. Întâlnim acest termen nu
numai în domeniul informaticii, ci și în telecomunicații, medicină, educație și
multe altele. De exemplu, pentru ca munca în echipă să fie eficientă, este
necesar ca între membrii echipei să existe o legatură care să asigure o bună
comunicare. Pentru ca proiectul să fie complet, munca coechipierilor se ”leagă”
asemenea nodurilor unui graf. Un alt bun exemplu de conexitate îl reprezintă
structura unei firme. Pentru o bună funcționare a unei firme, fiecare trebuie să
își îndeplinească sarcinile, asemeni unui lanț.

De asemenea, am ales să tratez acest capitol din informatică, realizând

o pagină web pentru că este o modalitate foarte accesibilă pentru a împărtăși
informația și cu alți utilizatori care pot fi interesați de acest capitol. Este foarte
ușor și rapid a căuța informația pe o pagină web, dar și a actualiza informațiile,
ceea ce caracterizează societatea contemporană, împreună cu cei care o
formează.

Notă propusă:

3
 Cuprins

1. Introducere................................................................5
2. Soft...........................................................................7
3. Aplicație..................................................................11
4. Codul sursă( generat automat)...............................23
5. Bibliografie..............................................................66

4
 Introducere
O pagină web este o resursă aflată în spațiul web (WWW) din Internet, de
obicei în format HTML sau XHTML (extensia numelui fișierului fiind de cele mai
multe ori .html sau .htm) și având hiperlinkuri (hiperlegături) pentru navigarea
simplă (cu un singur clic de maus) de la o pagină sau secțiune de pagină la alta.
Pagina web se numește astfel deoarece ea se poate afișa pe un monitor sau
ecran de calculator și se aseamănă într-o oarecare măsură cu o pagină de ziar.
Lățimea paginii web este de obicei astfel făcută ca ea să încapă în întregime pe
lățimea ecranului disponibil. În schimb înălțimea ei poate depăși cu mult pe cea a
ecranului. În aceste cazuri browserul și mausul permit de obicei vizionarea simplă
și rapidă a întregii pagini, și anume prin "tragerea" ei în sus și în jos, după dorință.

Pentru a furniza nu numai texte dar și imagini și sunete, paginile web utilizează
deseori fișiere grafice sau sonore integrate, dar și hiperlinkuri către alte resurse
neintegrate în pagina respectivă.

De obicei furnizorul de informații își grupează și organizează paginile în

cadrul unui site web, care la cerere, și pentru a putea fi regăsit, primește un
identificator Internet unic numit URI.

O pagină web poate conține:

 texte în cele mai diferite formate (forme, mărimi, culori, poziții etc.)
 imagini (fișiere cu formatele .gif, .jpeg, .png ș.a.)
 audio (fișiere în formatele .mid, .wav ș.a.)
 conținut multimedial interactiv care, pentru a fi văzut și utilizat, necesită de
obicei un plugin ca de ex. cu formatul Adobe Flash sau Adobe Shockwave
 miniaplicații (așa-numite "applets") – subprograme care rulează la chemarea
paginii și care deseori oferă filme, imagini, interacțiune și sunete.

Paginile web mai pot conține și elemente care nu sunt făcute pentru a fi
afișate de browser, cum ar fi:

 scripturi (de obicei în formatul JavaScript), care adaugă paginii funcționalitate

suplimentară (de exemplu creează efecte vizuale sau verifică datele introduse
intr-un formular web)

5
 meta-etichete – furnizează informații despre pagină, instrucțiuni pentru roboții
motoarelor de căutare, etc. Cuvintele cheie și celelalte descrieri din meta-
etichete ajută motoarele de căutare să catalogheze pagina corect și, în cazul
acțiunilor de căutare, să ofere rapid informații și rezultate.
 foi de stil (așa-numite "Cascading Style Sheets" sau "CSS"), care stabilesc
modul cum este formatată pagina
 comentarii
 Atenție, paginile web mai pot conține și așa-numiți viruși informatici precum și
alte funcțiuni dăunătoare (malițioase) dar greu de văzut/recunoscut.

6
 Soft

Weebly este una dintre cele mai populare latforme de realizare a paginilor
web, în special datorită flexibilității sale și gratuității. Este un instrument dezvoltat
pentru a crea site-uri eCommerce, blog-uri, portofolii, reviste, și site-uri non-
profit. Un alt factor foarte important în popularitate Weebly este ușurința de
utilizare.

Weebly oferă o platformă intuitivă care vă permite să creați un site-ul

dumneavoastră, într-un mod original. Puteți să vă înscrieți folosind, caldulatorul,
tableta sau dispozitivul mobil.

Oferind planuri libere și cele premium care pornesc de la $ 4 / lună, Weebly

se poziționează între primele 3 platforme utilizate.

După crearea unui cont la Weebly.com, veți începe realizarea unui site web.

Weebly are un editor WYSIWYG ( What You See Is What You Get = ceea
ce vezi este ceea ce vei avea), drag and drop( trage și fixează) . Acest lucru
înseamnă că există module ( un alt nume pentru câmpuri de text, fotografii, clipuri
video și alte widget-uri), care permit să glisați și să fixați direct pe site.

7
 În loc de scrierea codulu HTML și CSS, se folosește o platform web intuitivă
care de fapt arată cum site-ul va fi în oricare moment când ete editat. Acest lucru
permite adăugarea de noi module, pentru a le plasa exact acolo unde se dorește,
și a vedea rezultatul final, fără a fi nevoie a salva progresul sau reîncărcarea
paginii. Acest lucru este foarte convenabil pentru cineva care este nou în acest
domeniu.

Modulele care pot fi adăugate site-ului sunt situate pe partea stângă (în
meniul lateral). Există mai multe opțiuni cu care se poate lucra, inclusiv:

 text
 imagini
 galerii
 slideshow-uri
 butoane
 încorporarea fișiere video și audio
 opțiuni de gestionare a fișierelor încărcate
 spațiere
 separatori
 search box

8
 La editarea modulelor unice, fereastra "opțiuni", apare în fața editorul și
devine obiectul principal de pe ecran. Aceasta este o caracteristică foarte utilă și
permite concentrarea pe sarcina dorită, fără distragere a atenției.

Weebly are un catalog de design, "teme" predefinite. În loc de a construi

design-ul de la zero, se poate construi site-ul pe un desing oferit de Weebly, dar
se poate și personalizarea după gusturile și nevoile proprii.

9
 Weebly este, probabil, singura platformă care oferă și o versiune pentru
mobil a fiecărui site. Versiunea mobilă a site-ului este generată automat.

10
 Aplicație

Pagina web creată reprezintă o modalitate interactivă de învățare. Pagina

web este creată pe platforma online www.weebly.com. Adresa web a paginii web
crate este htttp://notiunigrafuri.weebly.com.

Accesând această pagină, orice elev sau profesor se poate folosi de ea pentru a
realiza un proiect, o temă sau pentru a preda o lecție din capitolul din informatică,
numit ”Grafuri”, întâlnindu-se terminologii și noțiuni introductive în teoria grafurilor.
Informațiile găsite pe pagina web sunt bine structurate și ușor de găsit, dar și ușor
de prelucrat și preluat , pagina web fiind structurată în șapte secțiuni:

 Pagina principală
 Grafuri neorientate
 Grafuri orientate
 Grafuri speciale
 Arbori
 Algortimi de prelucrare a grafurilor
 Probleme rezolvate
 Probleme propuse

11
Crearea paginii web începe prin realizarea unui cont pe platforma weebly.com.
Înregistrarea este foarte rapidă și nu necesită costuri.

Adăugarea unui nou proiect se face prin butonul ”Add sites”. Editarea proiectului
se începe prin butonul ”Edit”.

Se va deschide o noua pagină în care sunt prezentate opțiunile de editare și

creare a paginii web, după dorința utilizatorului.
12
În partea stângă a ecranului sunt opțiunile de personalizare a paginii web, printre
care sunt:

 Titlu
 Text
 Imagine
 Galerie
 Slideshow
 Hartă
 Contact
 Widget
 Spațiator
 Delimitator
 Buton
 Căsuță de căutare
 Video HD
 Audio
 Document
 Youtube
 Flash
 Fișier
 Etc.

13
 Bara de sus reprezintă bara de meniu, care cuprinde structura paginii web,
diferitele setări care se pot realiza și chiar un magazin al platformei de unde îți poți
personaliza pagina web și mai mult. De asemenea, se întâlnește și o secțiune de
ajutor.

14
15
 Din secțiunea ”Design” se poate alege tema paginii web, stilul fonturilor, dar
și fundalul sau codul HTML/CSS al paginii web.

16
Pe prima pagină, pagina principală, se găsesc titlul, un slide show, opțiunea de
abonare la pagina web și două citate despre informatică.

Numele paginii, tipul acesteia au fost setate din meniul Pages.

17
Titlu paginii web se afla în susul paginii, urmat de un subtitlu și un buton cu
mesajul ”Bun venit!”.

Fundalul titlului poate fi editat, schimbându-se cu o imagine din opțiunile care sunt
puse la dispoziție.

18
Pagina conține un slideshow cu cinci imagini care sunt reprezentative pentru
informatică. Se pot adăuga fotografii, se poate stabili silul tranziției imaginilor,
viteza tranziției, legendă pentru oricare imagine, etc.

19
Opțiunea de abonare se găsește în meniul din stânga.

Ultimul element de pe pagina principală este citatul. Din meniul din stânga se
alege textbox. După ce se introduce textul, acesta poate fi editat, stabilind stilul,
mărimea, așezarea în pagină, etc.

Paginile doi, trei , patru, cinci, șase și șapte sunt create folosind aceeleași setări
de pagină și textbox-uri și imagini din meniul din stânga.

20
Regăsim și opțiunea pentru mobil a site-ul.

21
 După terminarea design-ului dorit, pagina web este finalizată și pentru a fi publictă
se da clck pe butonul ”Publish” din bara de meniu.

22
 Codul sursă( generat automat)
@font-face { font-family: 'Maven Pro' !important; font-style: normal
!important; font-weight: 700 !important; src: local('Maven Pro Bold'),
local('MavenProBold'),
url(//themes.googleusercontent.com/static/fonts/mavenpro/v5/uDssvmXgp7Nj3
i336k_dSqRDOzjiPcYnFooOUGCOsRk.woff?1430059797) format('woff')
!important; }

@font-face { font-family: 'Maven Pro' !important; font-style: normal

!important; font-weight: 900 !important; src: local('Maven Pro Black'),
local('MavenProBlack'),
url(//themes.googleusercontent.com/static/fonts/mavenpro/v5/-
91TwiFzqeL1F7Kh91APwaRDOzjiPcYnFooOUGCOsRk.woff?1430059797)
format('woff') !important; }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html,
div.paragraph, blockquote, fieldset, input, iframe, img { margin: 0;
padding: 0; font-size:100%; border:0; }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p,
blockquote, fieldset, input, iframe, img { margin: 0; padding: 0; font-
size:100%; border:0; }

a img { border: 0; }

a { text-decoration: none; }

body { line-height: 1; }

input:focus, select:focus, textarea:focus, button:focus { outline: none;

}

html { height: 100%; }

body { height: 100%; font-size: 15px; font-family: 'Times New Roman',

Times, serif; line-height: 2; background: #ffffff; color: #333333; -
webkit-font-smoothing: antialiased !important; -moz-font-smoothing:
antialiased !important; -o-font-smoothing: antialiased !important; -moz-
osx-font-smoothing: grayscale; }

23
 #wrapper, #content { display: block; max-width: 1600px; }

@media (min-width: 1640px) {

#wrapper { margin: 0 !important; }

#wrapper, #navigation { min-height: 100% !important; }

#wrapper, #banner-wrap { width:100%; margin: 0 auto; font-size: 1em

!important; }

#navigation { position: absolute; display: table; width: 225px; top:

40px; vertical-align: middle; z-index: 10; overflow-y: auto; }

.postload #navigation { position: fixed; display: table; width: 225px;

top: 0; vertical-align: middle; }

#navigation-wrap { display: table-cell; width: 165px; padding: 0 20px 0

40px; vertical-align: middle; }

#main { position: relative; left: 0; display: block; padding: 40px 40px

40px 245px; vertical-align: top; z-index: 9; }

.sitename, h1, h2, h3, h4, h5 { font-family: 'Maven Pro', Helvetica,

sans-serif; font-weight: 900 !important; line-height: 1 !important; text-
transform: uppercase; }

.sitename { margin: 0 auto 1.5em; }

.wsite-logo a #wsite-title, .wsite-logo a:hover #wsite-title{ font-size:

1.5em; display: inline-block; background: #000000; color: #ffffff;
padding: .1em .25em .15em; }

.wsite-logo a img { max-width: 100%; }

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

.paragraph, .blogCommentText div.paragraph, #secondlist .blogCommentText

div.paragraph { font-size: 1.15em !important; margin: 0 auto 2.5em
!important; line-height: 2 !important; }

24
 .paragraph, .blogCommentText p, #secondlist .blogCommentText p { font-
size: 1.15em !important; margin: 0 auto 2.5em !important; line-height: 2
!important; }

#wsite-content > div { margin: 0 auto 4em; }

div.paragraph ul, div.paragraph ol { line-height: 1 !important; margin:

1em 0 !important; }

.paragraph li { padding-left }

blockquote:::after, blockquote:::before{ content: "" !important; }

blockquote { color: #3f3f3f; font: 1.15em/ 1.5 'Maven Pro', Helvetica,

sans-serif; font-weight: 900; font-style: italic; margin: 2em 3em
!important; border: none !important; text-transform: uppercase; }

.wsite-image > div { font-family: 'Maven Pro', Helvetica, sans-serif;

font-weight: 700; }

#content h2 { font-size: 1.5em; margin: 0 auto 1.5em; }

#content .paragraph a, .blog-read-more a, #commentUserInfo a { color:

#ed5448; }

#content .paragraph a:hover, #content .paragraph a:focus,

#commentUserInfo a:hover, #commentUserInfo a:focus { border-bottom: 1px
solid #ed5448; }

@media (min-width: 992px) {

#navigation { display: table !important; }

@media (max-width: 991px) {

html { overflow-x: hidden; }

body { width: 100%; overflow-x: hidden; }

body:not(.splash-page) { height: auto !important; }

25
#navigation { position: fixed; width: 40% !important; height: 100%; top:
0; left: -110% !important; vertical-align: middle; z-index: 1000; -
webkit-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53)
!important; -moz-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68,
0.53) !important; -o-transition: all 200ms cubic-bezier(0.55, 0.085,
0.68, 0.53) !important; -ms-transition: all 200ms cubic-bezier(0.55,
0.085, 0.68, 0.53) !important; transition: all 200ms cubic-bezier(0.55,
0.085, 0.68, 0.53) !important; -webkit-box-shadow: inset -5px 0px 10px
0px rgba(50, 50, 50, 0.2); -moz-box-shadow: inset -5px 0px 10px 0px
rgba(50, 50, 50, 0.2); box-shadow: inset -5px 0px 10px 0px rgba(50, 50,
50, 0.2); }

#navigation .sitename { display: none; }

#navigation-wrap { display: block; width: 100% !important; padding:

20px; vertical-align: middle; box-sizing: border-box; }

.open #navigation { left: 0 !important; }

#main { padding: 20px 40px 40px !important; -webkit-transition: all

200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important; -moz-transition:
all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important; -o-
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important; -
ms-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53)
!important; transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53)
!important; }

.open #main { left: 40%; }

@media (max-width: 767px) {

#content { font-size: 14px; line-height: 1.5; }

#navigation-wrap { background: #ffffff !important; }

#navigation { width: 100% !important; background: #ffffff; -webkit-box-

shadow: none; -moz-box-shadow: none; box-shadow: none; }

26
 .wsite-logo a #wsite-title, .wsite-logo a:hover #wsite-title{ font-size:
18px; padding: 0.1em .25em .17em; }

#main { padding: 20px !important; }

.open #main { left: 100%; }

.paragraph, .blogCommentText div.paragraph, #secondlist .blogCommentText

div.paragraph { line-height: 1.5 !important; }

.paragraph, .blogCommentText p, #secondlist .blogCommentText p { line-

height: 1.5 !important; }

.wsite-multicol-col { max-width: 100% !important; display: block; width:

auto !important; margin: 0 auto 2em !important; }

#content h2 { font-size: 1.25em !important; margin: 0 auto 1.25em; }

#content .paragraph { font-size: 1em !important; }

#wsite-content > div { margin: 0 auto 2em; }

blockquote { margin: -1em 1em 1.5em !important; }

.paragraph ul li span { line-height: 1.2 !important; }

#nav { margin: 0 auto; max-height: 100%; overflow-y: auto; }

#navmobile { max-height: 0; overflow: hidden; }

#nav ul, #navmobile ul { list-style: none; display: block; margin: 0

auto; text-transform: uppercase; }

#nav ul li, #navmobile ul li { list-style: none; display: block; margin:

0; font: 14px/1 'Maven Pro', Helvetica, sans-serif; font-weight: 900; }

#nav ul li a, #navmobile ul li a { color: #000000; display: block; font-

weight: 900 !important; font-size: 15px; padding: 6px 0; cursor: pointer;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;

27
-o-transition: all 200ms linear; -ms-transition: all 200ms linear;
transition: all 200ms linear; }

#nav ul li#active a, #nav ul li a:hover, #nav ul li a:focus, #navmobile

ul li#active a, #navmobile ul li a:hover, #navmobile ul li a:focus {
color: #ed5448; }

#mobile-top, #mobile-close { display: none; }

@media (max-width: 991px) {

#mobile-top { position: relative; width: 100%; display: block; text-

align: left; }

#mobile-top .sitename { margin: 0 auto 20px; overflow: hidden; width:

100%; padding: 0 40px; box-sizing: border-box; text-align: center; }

#mobile-top .sitename * { max-width: 100%; white-space: normal; }

#site-logo { max-width: 90%; }

.wsite-logo a img { max-height: 40px; }

#mobile-open { position: absolute; display: block; top: 50%; margin-top:

-8px; right: 0; width: 28px; height: 17px; background:
url(theme/menu.png?1430059797) no-repeat center center; background-size:
100% 100%; }

#mobile-close { position: absolute; display: block; top: 22px; right:

20px; width: 20px; height: 20px; background:
url(theme/close.png?1430059797) no-repeat center center; background-size:
100% auto; }

#nav { display: none; }

#navmobile { max-height: none; }

.wsite-mobile-menu { padding: 5px 0; -webkit-transition: all 200ms

cubic-bezier(0.55, 0.085, 0.68, 0.53) !important; -moz-transition: all
200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important; -o-transition:
all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important; -ms-

28
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important; }

@media (max-width: 767px) {

#mobile-top { text-align: center; }

#site-logo { max-width: 80%; }

#mobile-open { left: 0; right: auto !important; }

#wsite-menus, .wsite-menu-wrap, .wsite-menu { font-size: inherit

!important; }

#wsite-menus .wsite-menu-wrap .wsite-menu { background: none; }

#wsite-menus span.wsite-menu-title, #wsite-menus span.wsite-menu-title {

text-transform: uppercase; padding: 0 !important; }

#wsite-menus .wsite-menu li a { font: 14px/1 'Maven Pro', Helvetica,

sans-serif; font-weight: 900; color: #ffffff; background: #000000
!important; border: none !important; padding: 5px 10px !important; }

#wsite-menus .wsite-menu li:first-child a { padding-top: 10px

!important; }

#wsite-menus .wsite-menu li:last-child a { padding-bottom: 10px

!important; }

#wsite-menus .wsite-menu li a:hover, #wsite-menus .wsite-menu li a:focus

{ color: #ed5448; }

#wsite-menus > .wsite-menu-wrap > .wsite-menu > li > a { color: #ffffff

!important; background: #ed5448 !important; }

#wsite-menus > .wsite-menu-wrap > .wsite-menu > li > a:hover, #wsite-

menus > .wsite-menu-wrap > .wsite-menu > li > a:focus { color: #000000
!important; }

29
 #wsite-menus .wsite-menu li a .wsite-menu-arrow { text-indent: -9999px;
right: 10px !important; background: url(theme/menu-arrow-
light.png?1430059797); width: 4px !important; height: 8px !important;
margin-top: -4px !important; }

#wsite-menus .wsite-menu li:first-child a .wsite-menu-arrow { margin-

top: 0px !important; }

#wsite-menus .wsite-menu li:last-child a .wsite-menu-arrow { margin-top:

-4px !important; }

#wsite-menus .wsite-menu li a:hover .wsite-menu-arrow, #wsite-menus

.wsite-menu li a:focus .wsite-menu-arrow { background: url(theme/menu-
arrow-dark.png?1430059797) !important; }

@media (max-width: 991px) {

.wsite-menu-title, .wsite-menu-back { display: inline-block !important;

}

.wsite-menu-arrow { display: none !important; }

.wsite-menu-mobile-arrow { display: inline-block !important; font-size:

inherit !important; padding: 0 5px; }

.wsite-menu-mobile-arrow::before { display: inline-block; content:

'\203A'; vertical-align: bottom; }

.wsite-menu-back-item .wsite-menu-mobile-arrow { padding: 0 5px 0 0; }

.wsite-menu-back-item .wsite-menu-mobile-arrow::before { content:

'\2039' !important; }

#banner-wrap { position: relative; }

#banner { height: 100%; width: 100%; left: 0; top: 0; text-align:

center; }

#banner::before { content: ''; display: inline-block; height: 100%;

vertical-align: middle; }

30
 #banner-content { display: inline-block; text-align: left; vertical-
align: middle; width: 75%; }

#wrapper .wsite-background { width: 100%; background-repeat: no-repeat

!important; background-size:cover !important; background-position: center
center !important; background-color: #efefef; }

.wsite-background::before { content: ""; display: block; }

#banner h2, #banner div.paragraph, #banner .paragraph { text-align: left

!important; font-family: 'Maven Pro'; font-weight: 900; }

#banner h2, #banner p, #banner .paragraph { text-align: left !important;

font-family: 'Maven Pro'; font-weight: 900; }

@media (max-width: 767px){

#banner-content { display: block; width: 100%; }

#banner-wrap > .wsite-background:first-child { display: block; height:

65% !important; }

#banner { position: relative; }

#banner-content { background: #ffffff; }

#banner-content, #banner-content * { text-align: center !important; }

#banner h2, #banner div.paragraph, #banner .paragraph { text-align:

center !important; }

#banner h2, #banner p, #banner .paragraph { text-align: center

!important; }

@media (max-width: 991px){

#banner { font-size: 10px !important; }

.w-ui.ui-dialog.popup-modal, .w-ui .ui-dialog.popup-modal { z-index:

1000 !important; }

31
 }

@media (min-width: 992px) and (max-width: 1200px){

#banner { font-size: 12px; }

.splash-page #wrapper, .splash-page #main, .splash-page .wsite-

background, .splash-page #banner-wrap, .splash-page #banner { height:
100%; box-sizing: border-box; }

.splash-page .wsite-background { background-image: url(theme/banner-

landing.jpg?1430059797); background-size: cover !important; }

.splash-page #wsite-content > div { margin: 0 auto; }

.splash-page #banner::before { content: ''; display: inline-block;

height: 100%; vertical-align: middle; }

.splash-page.postload #banner::before { padding-top: 0; }

.splash-page #banner { display: inline-block; vertical-align: middle;

width: 100%; box-sizing: border-box; }

.splash-page #banner .paragraph, .splash-page #banner h2, .splash-page

#banner h2 span { display: block; padding: 0 .15em .1em; background:
#000000; color: #ffffff; }

.splash-page #banner h2, .splash-page h2 span { font-size: 3.5em;

display: inline-block; padding: 0 .15em .1em; }

.splash-page #banner h2 span { font-size: 1em; display: inline-block

!important; padding: 0 .15em .1em; }

.splash-page.postload #banner h2 { display: block; padding: 0;

background: none; }

.splash-page .paragraph { font-size: 2em; font-family: 'Maven Pro';

font-weight: 900; text-transform: uppercase; margin: 0 0 1em !important;
}

32
 .splash-page.postload #banner > div h2, .splash-page.postload #banner >
div .paragraph { box-shadow: none !important; }

.splash-page .wsite-footer, .splash-page #footer { display: none; }

@media (max-width: 991px) {

.splash-page .wsite-background { background-color: transparent

!important; }

@media (min-width: 768px) and (max-width: 991px) {

.splash-page .wsite-background { background-position: center -48px

!important; }

@media (max-width: 767px) {

.splash-page #banner h2 span { display: block !important; }

.splash-page .wsite-background{ height: auto !important; }

.splash-page #wsite-content * { text-align: center !important; }

.splash-page.postload #banner > div .paragraph { margin-right: auto;

margin-left: auto; }

.landing-page .wsite-background { background-image: url(theme/banner-

landing.jpg?1430059797); }

.landing-page .wsite-background::before { padding-top: 53.02682%; }

.landing-page #banner h2 > span, .splash-page #banner h2 { margin: 0

auto .45em; }

.landing-page #banner h2 > span { display: inline-block; font-size:

3.5em; background: #000000; color: #ffffff; padding: 0 .15em .1em; }

33
 .landing-page #banner div.paragraph { font-size: 2em !important; line-
height: 1; }

.landing-page #banner p { font-size: 2em !important; line-height: 1; }

.landing-page #banner div.paragraph > span { display: inline-block;

padding: .12em .3em .18em !important; margin-bottom: 1em; }

.landing-page #banner p > span { display: inline-block; padding: .12em

.3em .18em !important; margin-bottom: 1em; }

.landing-page #banner div.paragraph > span > span { display: inline;

background: #000000; color: #ffffff; padding: 0 0 .1em; line-height: .5;
box-shadow: -.3em 0 0 0 #000000, .3em 0 0 0 #000000; line-height: 0.5
!important; text-transform: uppercase; }

.landing-page #banner p > span > span { display: inline; background:

#000000; color: #ffffff; padding: 0 0 .1em; line-height: .5; box-shadow:
-.3em 0 0 0 #000000, .3em 0 0 0 #000000; line-height: 0.5 !important;
text-transform: uppercase; }

.splash-page #banner .paragraph { display: inline-block; background:

#000000; color: #ffffff; font-family: 'Maven Pro'; font-weight: 900;
font-size: 2em !important; padding: .12em .3em .18em !important; line-
height: 1 !important; text-transform: uppercase; }

.landing-page #banner .button-wrap { text-align: left !important;

margin: 0 auto !important; }

.landing-page #banner-wrap { margin: 0 auto 1.65em; }

@media (max-width: 767px){

.splash-page .wsite-background::before { padding-top: 53.02682%; }

.landing-page #banner .button-wrap, .splash-page #banner .button-wrap {

padding-top: .8em !important; }

.landing-page .button-wrap > div, .splash-page .button-wrap > div {

text-align: center !important; }

34
 .landing-page #banner h2 > span, .splash-page #banner h2 { padding: 0;
margin: 0 auto -.2em; }

.landing-page #banner h2 > span, .splash-page #banner h2 { display:

block; font-size: 2.2em !important; padding: .05em 0 .1em !important;
box-shadow: none; }

.splash-page #banner h2 { padding: 0 !important; }

.landing-page #banner div.paragraph, .splash-page #banner .paragraph {

padding: 0 .55em .35em !important; font-size: 1.25em !important; }

.landing-page #banner p, .splash-page #banner .paragraph { padding: 0

.55em .35em !important; font-size: 1.25em !important; }

.tall-header-page .wsite-background { background-image:

url(theme/banner-tall.jpg?1430059797); }

.tall-header-page .wsite-background::before { padding-top: 42.29885%; }

.tall-header-page #banner h2 { margin: 0 auto .45em; }

.tall-header-page #banner h2 > span { display: inline-block; font-size:

3.5em; background: #000000; color: #ffffff; padding: 0 .15em .1em; }

.tall-header-page #banner div.paragraph { display: inline-block; color:

#ffffff; font-family: 'Maven Pro'; font-weight: 900; font-size: 2em;
line-height: 1 !important; text-transform: uppercase; }

.tall-header-page #banner p { display: inline-block; color: #ffffff;

font-family: 'Maven Pro'; font-weight: 900; font-size: 2em; line-height:
1 !important; text-transform: uppercase; }

.tall-header-page #banner div.paragraph > span { display: inline-block;

background: #000000; padding: .12em .3em .18em; }

.tall-header-page #banner p > span { display: inline-block; background:

#000000; padding: .12em .3em .18em; }

.tall-header-page #banner-wrap { margin: 0 auto 1.65em; }

35
 @media (max-width: 767px){

.tall-header-page #banner h2 { padding: 0; margin: 0 auto -.2em; }

.tall-header-page #banner h2 > span { display: block; font-size: 2.2em;

padding: .05em 0 .1em; box-shadow: none; }

.tall-header-page #banner div.paragraph { padding: 0 .55em .35em; font-

size: 1.25em; }

.tall-header-page #banner p { padding: 0 .55em .35em; font-size: 1.25em;

}

.short-header-page .wsite-background { background-image:

url(theme/banner-short.jpg?1430059797); }

.short-header-page .wsite-background::before { padding-top: 27.126437%;

}

.short-header-page #banner h2 > span { display: inline-block; font-

weight: 900; font-size: 2em; padding: .12em .3em .18em; line-height: 1
!important; background: #000000; color: #ffffff; }

.short-header-page #banner-wrap { margin: 0 auto 4.25em; }

@media (max-width: 767px){

.short-header-page #banner-wrap { margin: 0 auto 2.65em; }

.short-header-page #banner h2 > span { display: block; display: inline-

block; font-size: 1.25em; padding: .20em .55em .35em; box-shadow: none; }

.title-page .wsite-background { background-image: url(theme/banner-

short.jpg?1430059797); }

.title-page .wsite-background::before { padding-top: 27.126437%; }

36
 .title-page #banner div.paragraph > span { display: inline; background:
#000000; color: #ffffff; font-family: 'Maven Pro'; font-weight: 900;
font-size: 1.8em; padding: 0 0 .1em; box-shadow: -.3em 0 0 0 #000000,
.3em 0 0 0 #000000; line-height: 0.5 !important; text-transform:
uppercase; }

.title-page #banner p > span { display: inline; background: #000000;

color: #ffffff; font-family: 'Maven Pro'; font-weight: 900; font-size:
1.8em; padding: 0 0 .1em; box-shadow: -.3em 0 0 0 #000000, .3em 0 0 0
#000000; line-height: 0.5 !important; text-transform: uppercase; }

.title-page #banner-content { width: 85%; }

.title-page #banner-wrap { margin: 0 auto 4.25em; }

@media (max-width: 767px){

.title-page #banner div.paragraph { font-size: 1.25em; padding: .1em

.6em 0; line-height: 1.2; }

.title-page #banner p { font-size: 1.25em; padding: .1em .6em 0; line-

height: 1.2; }

.title-page #banner div.paragraph > span { font-size: 1em; }

.title-page #banner p > span { font-size: 1em; }

.title-page #banner-content { width: 100%; }

.title-page #banner-wrap { margin: 0 auto 2.65em; }

#content { width: 100%; margin: 0 auto; z-index: 999; }

.wsite-form-field { margin: 0 0 2em !important; }

.wsite-form-label, #commentPostDiv .field label { display: inline-block;

color: #000000; font-family: 'Maven Pro'; font-size: 1.15em; font-weight:
900; text-transform: uppercase; line-height: 1; padding: 0 0 .5em; }

.form-required { color: #000000; font-weight: normal !important; }

37
 .wsite-form-input { font-size: 1.15em; font-family: 'Times New Roman',
Times, serif; color: #000000; background: #ffffff; padding: 12px
!important; border-radius: 0 !important; border: 1px solid #cccccc; -
webkit-box-shadow: 0px 4px 0px 0px #ffffff; -moz-box-shadow: 0px 4px 0px
0px #ffffff; box-shadow: 0px 4px 0px 0px #ffffff; }

.wsite-form-input:focus { border-bottom: 0; padding: 12px 12px 13px

!important; -webkit-box-shadow: 0px 4px 0px 0px #000000; -moz-box-shadow:
0px 4px 0px 0px #000000; box-shadow: 0px 4px 0px 0px #000000; }

.wsite-search-element-input, #wsite-search-query { font-size: 1.15em;

font-family: 'Times New Roman', Times, serif; color: #000000; background:
#ffffff; padding: 8px 16px !important; border: 1px solid #cccccc; border-
radius: 20px !important; }

#wsite-search-header { border: none; width: 70%; }

#wsite-search-header h2 { font-weight: 900; font-size: 28px; width: auto

!important; margin-right: 40px; padding: 6px 0 0; text-align: left; }

#wsite-search-form-container { float: left; width: 65%; text-align:

left; }

#wsite-search-sidebar { float: right !important; width: 20%; text-align:

left; }

#wsite-search-content:not(.one-column) #wsite-search-results { float:

left !important; width: 75% !important; margin-right: 5%; text-align:
left; }

.wsite-search-facet-entries { display: inline-block; }

#wsite-search-product-results .wsite-search-product-result { width: 30%;

padding: 0; }

#wsite-search-product-results .wsite-search-product-image-container {
height: 175px; }

#wsite-search-list h3 { font-size: 1.25em !important; text-decoration:

none !important; }

38
 #wsite-search-list li:not(.wsite-search-product-result) > a { color:
#ed5448; }

.wsite-search-element-input::-webkit-input-placeholder { color: #999999;

text-transform: uppercase; font-size: 1em; }

.wsite-search-element-input:-moz-placeholder { color: #999999; text-

transform: uppercase; font-size: 1em; }

.wsite-search-element-input::-moz-placeholder { color: #999999; text-

transform: uppercase; font-size: 1em; }

.wsite-search-element-input:-ms-input-placeholder { color: #999999;

text-transform: uppercase; font-size: 1em; }

.wsite-search-element { position: relative; }

.wsite-search-element-submit, .wsite-editor .wsite-search-element-

submit, #wsite-search-submit { top: 0; right: 8px; width: 36px; height:
36px; background: transparent url(theme/search.png?1430059797) no-repeat
center center; margin: 0 !important; border: none !important; }

.jqTransformRadio { background: transparent

url(theme/radio.png?1430059797) no-repeat top left; }

.jqTransformCheckbox { background: transparent

url(theme/checkbox.png?1430059797) no-repeat top left; }

.jqTransformSelectWrapper a.jqTransformSelectOpen { background:

url(theme/dropdown.png?1430059797) no-repeat center center; }

.form-radio-container label { font-size: 1.2em; vertical-align: middle

!important; }

.jqTransformHidden { display: none; }

.jqTransformRadio, .jqTransformCheckbox { vertical-align: middle;

height: 22px; width: 22px; display:inline-block; margin: 0 .5em 0 0; }

.form-field-error a.jqTransformChecked, a.jqTransformChecked {

background-position: -22px top; }

39
 .form-field-error .jqTransformCheckbox, .form-field-error
.jqTransformRadio { background-position: -44px top; }

.jqTransformSelectWrapper { position:relative; background-color:

#efefef; border: none !important; min-height: 48px; }

.jqTransformSelectWrapper div span { font-size: 1.15em; font-family:

'Maven Pro'; font-weight: 700; position: absolute; white-space: nowrap;
padding: 12px 16px 8px; line-height: normal; overflow: hidden;
cursor:pointer; color: #000000; }

.jqTransformSelectWrapper a.jqTransformSelectOpen { display: block;

position: absolute; right: 0; top:0; width: 48px; height: 48px; border-
bottom:none; }

.jqTransformSelectWrapper ul { position: absolute; width: 100%

!important; top: 48px; left: 0; list-style: none; background-color:
#efefef; font-family: 'Maven Pro'; font-weight: 700; border: none;
display: none; margin: 0px; padding: 0px; overflow: auto; overflow-y:
auto; z-index:10; }

.jqTransformSelectWrapper ul a { display: block; padding: 10px 16px;

margin:0px; text-decoration: none; color: #000000; font-size: 1.15em;
border-bottom:none; }

.jqTransformSelectWrapper ul a:active, .jqTransformSelectWrapper ul

a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:
#ed5448; color: #ffffff; }

.jqTransformHidden, .jqTransformButton { display: none; }

@media (max-width: 767px) {

#wsite-search-results, #wsite-search-header { float: none !important;

width: 100% !important; margin-right: 0; text-align: left; }

#wsite-search-sidebar { display: none; }

#wsite-search-content:not(.one-column) #wsite-search-results { float:

none !important; width: 100% !important; margin-right: 0; text-align:
left; }

40
 #wsite-search-product-results .wsite-search-product-result { width: 47%;
}

#wsite-search-product-results .wsite-search-product-result:nth-
child(3n+2), #wsite-search-product-results .wsite-search-product-
result:nth-child(3n+1) { padding-right: 0 !important; }

#wsite-search-product-results .wsite-search-product-result:nth-
child(odd) { padding-right: 6% !important; }

.wsite-button, .blog-button { font-family: 'Maven Pro', Helvetica, sans-

serif; font-weight: 700; font-size: 1.15em !important; display: inline-
block; color: #ffffff !important; background: #ed5448 !important;
padding: .6em .8em !important; line-height: 1 !important; letter-spacing:
-1px; -webkit-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53)
!important; -moz-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68,
0.53) !important; -o-transition: all 200ms cubic-bezier(0.55, 0.085,
0.68, 0.53) !important; -ms-transition: all 200ms cubic-bezier(0.55,
0.085, 0.68, 0.53) !important; transition: all 200ms cubic-bezier(0.55,
0.085, 0.68, 0.53) !important; }

.wsite-button:hover, .wsite-button:active , .blog-button:hover, .blog-

button:active { background: #3f3f3f !important; }

.wsite-button-inner { float: none; background: none !important; padding:

0 !important; height: auto; line-height: 1 !important; font-weight: 700
!important; color: inherit !important; }

.wsite-button-inner:before { content: ''; display: inline-block; }

.wsite-button-large, .blog-button { font-size: 1.4em !important;

padding: .5em .8em .7em !important; }

.wsite-button-highlight { background: #3f3f3f !important; }

.wsite-button-highlight:hover, .wsite-button-highlight:active {
background: #ed5448 !important; }

41
 .imageGallery > div > div, .imageGallery > li > div { margin: 0
!important; }

.imageGallery > div { position: relative; z-index: 1; margin-right: -1px

!important; }

.imageGallery * { -webkit-backface-visibility: hidden; -webkit-

transform: translate(0, 0); }

.galleryInnerImageHolder, .galleryInnerImageHolder a { display: block;

height: 100%; width: 100%; top: 0; left: 0; position: absolute; }

.partialImageGalleryCaption { top: auto !important; bottom: 0

!important; height: 65%; }

.partialImageGalleryCaption .galleryCaptionHolderInner { top: 42%; }

.galleryCaptionInnerTextHolder { padding: 0 10%; z-index: 1000; text-

transform: uppercase; -webkit-transition: all 200ms cubic-bezier(0.55,
0.085, 0.68, 0.53); -moz-transition: all 200ms cubic-bezier(0.55, 0.085,
0.68, 0.53); -o-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68,
0.53); -ms-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.galleryInnerImageHolder .galleryCaptionHolderInner { margin-bottom: 0

!important; }

.galleryCaptionInnerText { font: 1.25em/1.25 'Maven Pro' !important;

font-weight: 900 !important; color: #ffffff !important; background:
#000000 !important; display: inline !important; padding: .25em 0
!important; box-shadow: -10px 0 0 0 #000000, 10px 0 0 0 #000000
!important; }

.fancybox-title { font: 1.25em/1.25 'Maven Pro' !important; font-weight:

900 !important; color: #ffffff !important; background: #000000
!important; padding: .25em !important; }

.galleryInnerImageHolder img { top: 0; display: block !important; width:

100%; }

.galleryImageBorder { padding: 0; border: none !important; }

42
 .fancybox-skin { padding: 0 !important; }

.#fancybox-thumbs ul li, #fancybox-thumbs ul li.active { border: none

!important; }

#fancybox-thumbs ul li:hover, #fancybox-thumbs ul li.active {

background: #ed5448; opacity: .75 !important; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next

span { background-image: url(theme/fancybox_sprite.png?1430059797); }

.fancybox-next{ right: -36px !important; }

.fancybox-next span { right: 0 !important; background-position: 0 -

104px; }

.fancybox-prev { left: -36px !important; }

.fancybox-prev span { left: 0 !important; background-position: 0 -50px;

}

.fancybox-close { top: 0; right: -35px; }

@media (max-width: 767px) {

.galleryCaptionHolderInner { display: none !important; }

.fancybox-prev { left: 0 !important; }

.fancybox-next{ right: 0px !important; }

.fancybox-close { right: 0; }

.wsite-social, .wsite-editor .wsite-social { white-space: normal; }

.wsite-social-item, .wsite-editor .wsite-social-item { height: 27px; }

.wsite-social-facebook { width: 35px; background: url(theme/coral-

social.png?1430059797) no-repeat 0 0; }

43
.wsite-social-twitter { width: 48px; background: url(theme/coral-
social.png?1430059797) no-repeat -35px 0; }

.wsite-social-linkedin { width: 52px; background: url(theme/coral-

social.png?1430059797) no-repeat -83px 0; }

.wsite-social-mail { width: 58px; background: url(theme/coral-

social.png?1430059797) no-repeat -135px 0; }

.wsite-social-flickr { width: 64px; background: url(theme/coral-

social.png?1430059797) no-repeat -193px 0; }

.wsite-social-pinterest { width: 44px; background: url(theme/coral-

social.png?1430059797) no-repeat -260px 0; }

.wsite-social-plus { width: 48px; background: url(theme/coral-

social.png?1430059797) no-repeat -304px 0; }

.wsite-social-rss { width: 44px; background: url(theme/coral-

social.png?1430059797) no-repeat -352px 0; }

.wsite-social-vimeo { width: 52px; background: url(theme/coral-

social.png?1430059797) no-repeat -396px 0; }

.wsite-social-yahoo { width: 62px; background: url(theme/coral-

social.png?1430059797) no-repeat -448px 0; }

.wsite-social-youtube { width: 44px; background: url(theme/coral-

social.png?1430059797) no-repeat -510px 0; }

.wsite-social-facebook:hover, .wsite-social-facebook:focus { background:

url(theme/coral-social.png?1430059797) no-repeat 0 -27px; }

.wsite-social-twitter:hover, .wsite-social-twitter:focus { background:

url(theme/coral-social.png?1430059797) no-repeat -35px -27px; }

.wsite-social-linkedin:hover, .wsite-social-linkedin:focus { background:

url(theme/coral-social.png?1430059797) no-repeat -83px -27px; }

.wsite-social-mail:hover, .wsite-social-mail:focus { background:

url(theme/coral-social.png?1430059797) no-repeat -135px -27px; }

44
 .wsite-social-flickr:hover, .wsite-social-flickr:focus { background:
url(theme/coral-social.png?1430059797) no-repeat -193px -27px; }

.wsite-social-pinterest:hover, .wsite-social-pinterest:focus {
background: url(theme/coral-social.png?1430059797) no-repeat -260px -
27px; }

.wsite-social-plus:hover, .wsite-social-plus:focus { background:

url(theme/coral-social.png?1430059797) no-repeat -304px -27px; }

.wsite-social-rss:hover, .wsite-social-rss:focus { background:

url(theme/coral-social.png?1430059797) no-repeat -352px -27px; }

.wsite-social-vimeo:hover, .wsite-social-vimeo:focus { background:

url(theme/coral-social.png?1430059797) no-repeat -396px -27px; }

.wsite-social-yahoo:hover, .wsite-social-yahoo:focus { background:

url(theme/coral-social.png?1430059797) no-repeat -448px -27px; }

.wsite-social-youtube:hover, .wsite-social-youtube:focus { background:

url(theme/coral-social.png?1430059797) no-repeat -510px -27px; }

#footer { margin: 0 auto; padding: 0; color: #999999; overflow: hidden;

}

#footer .paragraph { margin: 0 !important; font-size: 0.9em !important;

}

.wsite-product { position: relative !important; width: 100% !important;

border: none !important; border-radius: 0 !important; background: none
!important; box-shadow: none !important; padding: 0 !important; margin: 0
auto 10px !important; text-align: right; box-sizing: border-box; }

.wsite-product.break .wsite-product-right { width: auto !important; max-

width: 100% !important; padding: 20px !important; background: #000000
!important; }

.wsite-product::before { content: ''; display: inline-block !important;

vertical-align: middle !important; padding-top: 61.3026% !important; }

45
 .wsite-product.expanded::before { -webkit-transition: all 80ms linear; -
moz-transition: all 80ms linear; -o-transition: all 80ms linear; -ms-
transition: all 80ms linear; transition: all 80ms linear; }

.wsite-product.collapsed::before { -webkit-transition: padding 100ms

linear 360ms, min-height 60ms linear 460ms; -moz-transition: padding
100ms linear 360ms, min-height 60ms linear 460ms; -o-transition: padding
100ms linear 360ms, min-height 60ms linear 460ms; -ms-transition: padding
100ms linear 360ms, min-height 60ms linear 460ms; transition: padding
100ms linear 360ms, min-height 60ms linear 460ms; }

.wsite-product.collapsed { min-height: 0 !important; }

.wsite-product .wsite-product-image-wrap { position: absolute

!important; display: block; top: 0; left: 0; width: 100% !important;
height: 0 !important; overflow: hidden !important; margin: 0 !important;
padding: 61.3026% 0 0 !important; }

.wsite-product .wsite-product-image { position: absolute !important;

left: 0 !important; top: 0 !important; border: none !important; border-
radius: 0 !important; display: block !important; width: 100% !important;
}

.wsite-product .wsite-product-image-image, .wsite-product-top { width:

100% !important; height: auto !important; top: 0 !important; left: 0
!important; margin: 0 !important; }

.wsite-product .wsite-product-right { float: none !important; text-

align: left !important; margin: 0 !important; width: 500px !important;
max-width: 55% !important; display: inline-block !important; vertical-
align: middle !important; color: #ffffff !important; background: rgba(0,
0, 0, .8) !important; padding: 50px; position: relative; box-sizing:
border-box; }

.wsite-product.collapsed .wsite-product-right { -webkit-transition: all

120ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 360ms; -moz-transition: all
120ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 360ms; -o-transition: all
120ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 360ms; -ms-transition: all
120ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 360ms; transition: all 120ms
cubic-bezier(0.55, 0.085, 0.68, 0.53) 360ms; }

46
 .wsite-product.expanded .wsite-product-right { -webkit-transition: all
120ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 120ms
cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 120ms cubic-
bezier(0.55, 0.085, 0.68, 0.53); -ms-transition: all 120ms cubic-
bezier(0.55, 0.085, 0.68, 0.53); transition: all 120ms cubic-bezier(0.55,
0.085, 0.68, 0.53); }

.wsite-product:not(.expanded) .wsite-product-right { height: auto

!important; }

.wsite-product.collapsed .wsite-product-right .wsite-product-description

{ display: inline-block; overflow: hidden; }

.wsite-product.collapsed .wsite-product-right .wsite-product-description

{ max-height: 0; opacity: 0; -webkit-transition: max-height 100ms linear
200ms, opacity 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-
transition: max-height 100ms linear 200ms, opacity 100ms cubic-
bezier(0.55, 0.085, 0.68, 0.53); -o-transition: max-height 100ms linear
200ms, opacity 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -ms-
transition: max-height 100ms linear 200ms, opacity 100ms cubic-
bezier(0.55, 0.085, 0.68, 0.53); transition: max-height 100ms linear
200ms, opacity 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.wsite-product.expanded .wsite-product-right .wsite-product-description

{ max-height: 1000px; opacity: 1; -webkit-transition: max-height 100ms
linear 200ms, opacity 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 360ms;
-moz-transition: max-height 100ms linear 200ms, opacity 100ms cubic-
bezier(0.55, 0.085, 0.68, 0.53) 360ms; -o-transition: max-height 100ms
linear 200ms, opacity 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 360ms;
-ms-transition: max-height 100ms linear 200ms, opacity 100ms cubic-
bezier(0.55, 0.085, 0.68, 0.53) 360ms; transition: max-height 100ms
linear 200ms, opacity 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 360ms;
}

.wsite-product .wsite-product-right a { color: #ed5448; font-family:

'Maven Pro' !important; font-weight: 900 !important; text-transform:
uppercase !important; }

.wsite-product .wsite-product-right .close { display: block; position:

absolute; right: 50px; top: 40px; }

47
 .wsite-product.collapsed .wsite-product-right .close { display: none; }

.wsite-product .wsite-product-right .more { display: none; }

@media (min-width: 768px) {

.wsite-product.expanded .wsite-product-right { width: 100% !important;

max-width: 100% !important; background: rgba(0, 0, 0, 1) !important; }

.wsite-product.expanded::before { padding-top: 20% !important; }

.wsite-product .wsite-product-right h2 { margin: 0 auto .5em !important;

}

.wsite-product .wsite-product-price a { color: #ffffff !important; }

.wsite-product .wsite-product-variations .wsite-product-variant, .wsite-

product .wsite-product-variations .wsite-product-variant, .wsite-product-
price { font-size: 1.15em !important; opacity: 1 !important; margin: 0
!important; }

.wsite-product-button-wrap { margin: 10px 0 0 !important; text-align:

left; }

.wsite-product .wsite-product-description.paragraph { margin: 0

!important; line-height: 1.25 !important; padding-top: 1.5em; }

@media (max-width: 767px) {

.wsite-product .wsite-product-right { width: auto !important; max-width:

100% !important; padding: 20px !important; background: #000000
!important; }

.wsite-product.expanded .wsite-product-right { padding: 20px 20px 50px

!important; }

.wsite-product .wsite-product-right .close { display: block; position:

absolute; right: auto; left: 20px; bottom: 20px; top: auto; }

48
 #wsite-com-store .wsite-com-category-subcategory-wrap { margin: 0
!important; }

#wsite-com-store .wsite-com-category-subcategory-name { max-width: 100%

!important; height: 100% !important; text-align: left !important;
padding: 0 50px !important; }

#wsite-com-store .wsite-com-category-subcategory-name::before { content:

''; display: inline-block; height: 100%; vertical-align: middle; }

#wsite-com-store .wsite-com-category-subcategory-name-bg { opacity: 0

!important; -webkit-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68,
0.53); -moz-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -ms-
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition:
all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-backface-
visibility: hidden; }

#wsite-com-store .wsite-com-category-subcategory-link:hover .wsite-com-

category-subcategory-name-bg { opacity: 0.5 !important; }

#wsite-com-store .wsite-com-category-subcategory-name-text { display:

inline-block; padding: 0.01em 0 .1em; box-shadow: -.2em 0 0 0 #000000,
.2em 0 0 0 #000000 !important; background: #000000 !important; font-size:
2em !important; font-family: 'Maven Pro' !important; font-weight: 900
!important; text-transform: uppercase !important; text-align: left;
vertical-align: middle; }

.postload #wsite-com-store .wsite-com-category-subcategory-name-text {

padding: 0; box-shadow: none !important; background: none !important;
font-size: inherit !important; }

.postload #wsite-com-store .wsite-com-category-subcategory-name-text >

span { display: inline; padding: 0 0 .1em; box-shadow: -.2em 0 0 0
#000000, .2em 0 0 0 #000000 !important; background: #000000 !important;
font-size: 1.7em !important; }

#wsite-com-store .wsite-com-category-product-featured-wrap, #wsite-com-

store .wsite-com-category-product-wrap { font-size: 1.2em; margin: 8px
10px 1.75em; }

49
 #wsite-com-store .wsite-com-category-product-link-featured .wsite-com-
category-product-featured-image-wrap, #wsite-com-store .wsite-com-
category-product-wrap .wsite-com-category-product-image-wrap {
background: #000000 !important; }

#wsite-com-store .wsite-com-category-product-link-featured .wsite-com-

category-product-featured-image-wrap > img, #wsite-com-store .wsite-com-
category-product-wrap .wsite-com-category-product-image-wrap > img { -
webkit-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -ms-
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition:
all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-backface-
visibility: hidden; }

#wsite-com-store .wsite-com-category-product-link-featured:hover .wsite-

com-category-product-featured-image-wrap > img, #wsite-com-store .wsite-
com-category-product-wrap:hover .wsite-com-category-product-image-wrap >
img { opacity: .6 !important; }

#wsite-com-store .wsite-com-category-product-link-featured .wsite-com-

category-product-name, #wsite-com-store .wsite-com-category-product-wrap
.wsite-com-category-product-name { margin-top: 1em; font-size: 1.2em;
font-family: 'Maven Pro'; font-weight: 900; text-transform: uppercase;
line-height: 1; -webkit-transition: all 200ms cubic-bezier(0.55, 0.085,
0.68, 0.53); -moz-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68,
0.53); -o-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -
ms-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }

#wsite-com-store .wsite-com-category-product-link-featured:hover .wsite-

com-category-product-name, #wsite-com-store .wsite-com-category-product-
wrap:hover .wsite-com-category-product-name { color: #ed5448 !important;
}

#wsite-com-store .wsite-com-category-product-name::after { content:

'\203A'; vertical-align: top; line-height: 1; font-size: 95%; margin-
left: 8px; }

50
 #wsite-com-store .wsite-com-category-subcategory-group { margin: 0 -4px
!important; }

#wsite-com-store .wsite-com-product-price { line-height: 1; padding-top:

.5em; }

#wsite-com-category-product-group.wsite-com-category-product-featured-
group { padding-top: 3em; }

@media (max-width: 767px) {

.wsite-com-category-subcategory-group .wsite-com-category-
subcategory.wsite-com-column, .wsite-com-category-product-featured-group
.wsite-com-column.wsite-com-category-product-featured, .wsite-com-
category-product-group .wsite-com-column.wsite-com-category-product {
width: 100% !important; }

#wsite-com-store #wsite-com-hierarchy ul { font-size: inherit

!important; }

#wsite-com-breadcrumbs { font-family: 'Maven Pro'; font-weight: 900;

font-size: 15px; text-transform: uppercase; line-height: 1; padding: 0 0
2em !important; margin: 0 -4px !important; }

#wsite-com-breadcrumbs .wsite-com-breadcrumb a { color: #ed5448; }

#wsite-com-breadcrumbs .wsite-com-breadcrumb:last-child a { color:

#000000; }

.wsite-com-breadcrumb-arrow { display: none !important; }

.wsite-com-breadcrumb .wsite-com-breadcrumb-arrow::after { display:

none; }

.wsite-com-breadcrumb:nth-child(even)::before { content: '\203A';

vertical-align: top; line-height: 1; font-size: 95%; margin: 0 5px; }

#wsite-com-store #wsite-com-featured-title, #wsite-com-product-list

#wsite-com-title { display: none !important; }

51
 #wsite-com-store .wsite-com-sidebar { width: 100%; float: none
!important; padding: 5px 0 0 !important; text-align: center; position:
relative; z-index: 100; margin: 0 auto 15px; cursor: pointer; min-height:
35px; }

#wsite-com-store .wsite-com-sidebar::after { display: inline-block;

content: 'VIEW ALL CATEGORIES \25be'; padding: 0; text-align: center;
font-family: 'Maven Pro', Helvetica, sans-serif; font-weight: 900
!important; text-transform: uppercase; color: #ed5448; clear: both; -
webkit-transition: all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-
transition: all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-
transition: all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -ms-
transition: all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition:
all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.postload #wsite-com-store .wsite-com-sidebar:hover::after { padding:

4px 0 0; }

#wsite-com-store .sidebar-expanded::after { display: none; }

#wsite-com-store .sidebar-expanded { cursor: default !important; }

#wsite-com-store .wsite-com-content-with-sidebar { margin-left: 0

!important; padding: 0 !important; }

#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul { top: 0;

left: 0; width: 100%; padding: 6em 0 !important; background: rgba(236,
88, 76, .95); }

#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy { position:

absolute; width: 100%; max-height: 2px; overflow: hidden; margin: 0 auto
.25em; display: block; border-bottom: 4px solid #ffffff; -webkit-
transition: border-color 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53),
max-height 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition:
border-color 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53), max-height
350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition: border-color
120ms cubic-bezier(0.55, 0.085, 0.68, 0.53), max-height 350ms cubic-
bezier(0.445, 0.05, 0.55, 0.95); -ms-transition: border-color 120ms
cubic-bezier(0.55, 0.085, 0.68, 0.53), max-height 350ms cubic-
bezier(0.445, 0.05, 0.55, 0.95); transition: border-color 120ms cubic-

52
bezier(0.55, 0.085, 0.68, 0.53), max-height 350ms cubic-bezier(0.445,
0.05, 0.55, 0.95); }

#wsite-com-store .wsite-com-sidebar:hover #wsite-com-hierarchy { max-

height: 2000px; }

.postload #wsite-com-store .wsite-com-sidebar:hover #wsite-com-hierarchy

{ max-height: 2px; border-color: rgba(236, 88, 76, .95); }

#wsite-com-store .sidebar-expanded #wsite-com-hierarchy { max-height:

2000px !important; }

#wsite-com-store #close { position: absolute; z-index: 2000; width:

100%; top: 20px; text-align: center; font-family: 'Maven Pro', Helvetica,
sans-serif; font-weight: 900 !important; text-transform: uppercase;
color: #ffffff; display: block; }

#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy a, #wsite-com-

store .wsite-com-sidebar #wsite-com-hierarchy { color: #ffffff; }

#wsite-com-store #wsite-com-hierarchy a .wsite-com-link-text { line-

height: 1.3 !important; font-size: 1.15em !important; display: inline-
block !important; }

#wsite-com-store #wsite-com-hierarchy a .wsite-level-1 { font-family:

'Maven Pro', Helvetica, sans-serif; font-weight: 900 !important; text-
transform: uppercase; border-bottom: 2px solid transparent; }

#wsite-com-store #wsite-com-hierarchy a:hover .wsite-level-1 { border-

bottom: 2px solid #ffffff; }

#wsite-com-store #wsite-com-hierarchy .wsite-level-1 > ul { margin-

bottom: 1em !important; }

#wsite-com-store #wsite-com-hierarchy a .wsite-level-2 { border-bottom:

1px solid transparent; margin-bottom: .25em !important; }

#wsite-com-store #wsite-com-hierarchy a:hover .wsite-level-2 { border-

bottom: 1px solid #ffffff; }

53
 #wsite-com-store #wsite-com-hierarchy .wsite-selected > a, #wsite-com-
store #wsite-com-hierarchy .wsite-selected > a:hover { color: #8f2e27;
cursor: default; }

#wsite-com-store #wsite-com-hierarchy .wsite-selected > a:hover > div {

border-color: transparent; }

@media (max-width: 767px){

#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy { position:

absolute; width: 100%; max-height: 0px; }

#wsite-com-store .wsite-com-sidebar { margin: 0 !important; }

.postload #wsite-com-store .wsite-com-sidebar:hover #wsite-com-hierarchy

{ border-color: transparent; max-height: 0px; }

.postload #wsite-com-store .wsite-com-sidebar:hover::after { padding: 0;

}

#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul { padding:

4em 0 2em!important; }

#wsite-com-store #close { top: 10px; }

.wsite-com-category-product-image-wrap, .wsite-com-category-product-
featured-image-wrap, .wsite-com-category-subcategory-image-wrap { border:
none !important; }

#wsite-com-product-images { vertical-align: top; }

#cloudzoom-wrap { padding: 0 0 10px !important; }

#wsite-com-product-images-strip, #wsite-com-product-images-strip a {
margin: 0 !important; }

#wsite-com-product-images-strip a { width: 33.333333% !important;

padding: 0 !important; border: none !important; box-shadow: none
!important; margin: 0 !important; }

54
 .wsite-com-product-images-secondary-outer { padding: 0 !important;
border: none !important; box-shadow: none !important; margin: 0
!important; }

.wsite-imageaspectratio-image-wrap, #wsite-com-product-images-strip
a:hover .wsite-imageaspectratio-image-wrap, #wsite-com-product-images-
strip a:focus .wsite-imageaspectratio-image-wrap { background: #000000
!important; }

#wsite-com-product-images-strip a img, #wsite-com-product-images-strip a

img { opacity: 0.5; -webkit-transition: all 200ms cubic-bezier(0.55,
0.085, 0.68, 0.53); -moz-transition: all 200ms cubic-bezier(0.55, 0.085,
0.68, 0.53); -o-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68,
0.53); -ms-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-
backface-visibility: hidden; -webkit-transform: translateX(0); }

#wsite-com-product-images-strip a:hover img, #wsite-com-product-images-

strip a:focus img { opacity: 0.8 !important; }

.current-thumb img, .current-thumb:hover img { opacity: 1 !important; }

#wsite-com-product-info-inner { max-width: 425px; }

h2#wsite-com-product-title { font-size: 1.5em; font-weight: bold;

margin: 0 auto 1em; }

#wsite-com-product-sku { display: block; float: right; font-size: 1.1em

!important; line-height: 1 !important; opacity: 1 !important; margin: 0
auto 1em; }

#wsite-com-product-sku > b, #wsite-com-product-sku > span { font-weight:

normal !important; }

#wsite-com-product-price-area { font-size: 1.1em; padding: 0; margin: 0

auto 1em; border: none !important; line-height: 1; }

#wsite-com-product-inventory, .wsite-com-product-option { padding-top:

2em; margin-top: 0; }

55
 #wsite-com-product-inventory, #wsite-com-product-options { font-family:
'Maven Pro'; border: none !important; }

#wsite-com-product-options, #wsite-com-product-quantity, .wsite-com-

product-label { position: relative; margin: 0 !important; }

.postload #wsite-com-product-quantity b { position: absolute; top: .9em;

left: 1em; z-index: 2; }

#wsite-com-product-quantity-input { font-family: 'Maven Pro'; padding-

left: 50px !important; border: 1px solid #cccccc !important; -webkit-box-
shadow: none !important; -moz-box-shadow: none !important; box-shadow:
none !important; }

#wsite-com-product-quantity-input:focus { padding: 12px 12px 12px 50px

!important; }

.wsite-com-product-option-color .wsite-com-product-option-color-swatch {
width: 50px; height: 50px; border-radius: 0; box-shadow: none !important;
outline: none !important; }

.wsite-com-product-option-color .wsite-com-product-option-color-
container { margin: 0 6px 0 0 !important; box-shadow: none !important; }

.wsite-com-product-option-color .wsite-selected { background-image:

url(theme/store-check.png?1430059797) !important; }

#wsite-com-product-short-description .paragraph { margin: 0 0 1.25em

!important; }

#wsite-com-product-social-sharing a { height: 27px; }

#wsite-com-product-buy { padding-top: 2.5em; margin-top: 0; }

.wsite-com-product-social-facebook { width: 35px !important; background:

url(theme/coral-social.png?1430059797) no-repeat 0 0; }

.wsite-com-product-social-twitter { width: 48px !important; background:

url(theme/coral-social.png?1430059797) no-repeat -35px 0; }

56
 .wsite-com-product-social-pinterest { width: 44px !important;
background: url(theme/coral-social.png?1430059797) no-repeat -260px 0; }

.wsite-com-product-social-facebook:hover, .wsite-social-facebook:focus {
background: url(theme/coral-social.png?1430059797) no-repeat 0 -27px; }

.wsite-com-product-social-twitter:hover, .wsite-social-twitter:focus {
background: url(theme/coral-social.png?1430059797) no-repeat -35px -27px;
}

.wsite-com-product-social-pinterest:hover, .wsite-social-pinterest:focus
{ background: url(theme/coral-social.png?1430059797) no-repeat -260px -
27px; }

@media (max-width: 767px) {

#wsite-com-product-area { display: block !important; }

#wsite-com-product-images, #wsite-com-product-info, #wsite-com-product-

info { display: block !important; width: 100% !important; padding: 0
!important; clear: both !important; }

#wsite-com-product-images-strip a { width: 25% !important; }

#wsite-com-product-info-inner { padding-top: 2.5em; }

.wsite-com-product-option-groups select { width: 75% !important; }

.postload #wsite-com-store .wsite-com-category-subcategory-name-text >

span { font-size: 1.25em !important; }

#wsite-com-breadcrumbs { margin: 0 !important; font-size: 12px; }

.wsite-com-breadcrumb:nth-child(even):::before { margin: 0 3px

!important; }

#wsite-com-product-social-sharing { display: none; }

.wsite-com-product-option-groups > div:first-child { padding-top: 0; }

57
 .blog-sidebar { display: none; }

@media (min-width: 992px){

.wsite-blog-index .blog-header, .blog-postlist .blog-header { width:

36%; float: left; }

.wsite-blog-index .blog-separator, .wsite-blog-index .blog-content,

.wsite-blog-index .blog-social, .wsite-blog-index .blog-comments-bottom,
.blog-postlist .blog-separator, .blog-postlist .blog-content, .blog-
postlist .blog-social, .blog-postlist .blog-comments-bottom { clear:
right !important; float: right; width: 62%; }

.wsite-blog-index .blog-post-separator, .blog-postlist .blog-post-

separator { display: none !important; }

.wsite-blog-index #wsite-content > .blog-post { float: left; width:

100%; display: block; padding-top: 3.5em; border-top: 1px solid #cccccc;
}

.wsite-blog-index #wsite-content .blog-post:first-child { border-top:

none !important; padding-top: 0; }

.blog-post .blog-header h2.blog-title { margin: 0 0 1em !important;

padding: .2em 0 0 .4em !important; line-height: 1.3 !important; }

.blog-title a { display: inline !important; background: #000000; color:

#ffffff; font-size: 1.25em; padding: .1em 0 .1em; box-shadow: -.4em 0 0 0
#000000, .4em 0 0 0 #000000; line-height: 1 !important; text-transform:
uppercase; -webkit-transition: all 200ms linear; -moz-transition: all
200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms
linear; transition: all 200ms linear; }

.blog-title a:hover { display: inline; background: #3f3f3f; box-shadow:

-.4em 0 0 0 #3f3f3f, .4em 0 0 0 #3f3f3f; }

.blog-post p.blog-date, .blog-post p.blog-comments { font-size: 1em

!important; float: none !important; display: block !important; clear:
both !important; width: 100% !important; margin: 0 0 1em !important;

58
font-family: 'Maven Pro', Helvetica, sans-serif !important; font-weight:
900 !important; text-transform: uppercase !important; }

.date-text { float: none !important; }

.blog-comments a { color: #ed5448; }

.blog-post .blog-separator { height: 0 !important; margin: 0 !important;

padding: 0 !important; border: none !important; }

.blog-post .blog-read-more, .blog-post .blog-social { text-align: left

!important; }

.blog-content, #content .blog-post .blog-content { text-align: left; }

.blog-content > br { display: none !important; }

.blog-read-more a.blog-link { font-size: 1em !important; font-family:

'Maven Pro', Helvetica, sans-serif !important; font-weight: 900
!important; text-transform: uppercase !important; }

.wsite-blog-index .blog-comments-bottom { display: none !important; }

.wsite-blog-post .blog-post { margin: 0 !important; }

@media (max-width: 767px) {

.blog-post .blog-header h2.blog-title { line-height: 1.1 !important; }

.blog-post .blog-header h2.blog-title a { font-size: 1em !important; }

.blog-social { display: none; }

.wsite-blog-index .blog-post { padding-bottom: 0; }

#commentAreaTitle { display: inline-block; font-size: 1.8em !important;

background: #000000; color: #ffffff; padding: .15em .5em .25em; font-
family: 'Maven Pro', Helvetica, sans-serif !important; font-weight: 900
!important; line-height: 1 !important; text-transform: uppercase; }

59
 .blogCommentWrap, .blogCommentHeading, .blogCommentHeading
.blogCommentHeadingInner, .blogCommentHeading .blogCommentAuthor, .blog-
button span { background: none !important; }

.blogCommentWrap { position: relative !important; }

.blogCommentLevel0 { padding-top: 2.5em; margin-top: 3.25em; border-top:

1px solid #cccccc; }

.blogCommentLevel0.first { padding-top: 0; margin-top: 0; border: none

!important; }

.blogCommentHeading .blogCommentAuthor a.link { text-indent: -9999px;

background: url(theme/menu-arrow-dark.png?1430059797); width: 4px
!important; height: 8px !important; margin: 8px 0 0 5px !important; }

.blogCommentHeading, .blogCommentHeading .blogCommentAuthor { padding: 0

!important; }

.blogCommentAuthor, .blogCommentDate, .blogCommentHeading

.blogCommentAuthor .name, .blogCommentHeadingInner{ font-family: 'Maven
Pro', Helvetica, sans-serif !important; font-weight: 900 !important;
line-height: 1 !important; height: auto !important; text-transform:
uppercase; }

.blogCommentAuthor { font-size: 1.5em !important; margin: 0 0 .75em

!important; }

.blogCommentHeading .blogCommentDate { display: block; text-align: left

!important; font-size: 1em !important; float: none !important; clear:
both; margin: 0 0 1.5em !important; }

.blogCommentText { padding: 0 !important; }

.blog-button span { float: none !important; padding: 0 !important;

margin: 0 !important; }

.blogCommentText div.paragraph, #secondlist .blogCommentText

div.paragraph { font-family: inherit !important; margin: 0 auto 1.5em
!important; }

60
 .blogCommentText p, #secondlist .blogCommentText p { font-family:
inherit !important; margin: 0 auto 1.5em !important; }

.blogCommentOptions .blog-button { height: auto !important; margin: 0

!important; float: left !important; }

.blogCommentLevel1 { padding: 2em; background: #f6f6f6 !important;

margin: 1.5em 0 1px 0; }

.blogCommentLevel2 { padding: 2em 2em 0; background: #eaeaea !important;

margin: 0 0 1px 4em; }

.blogCommentLevel1.first { margin-top: 3em !important; }

.blogCommentLevel2.first { margin-top: 1.5em !important; }

.blogCommentLevel1.first .blogCommentHeading::before { position:

absolute; top: -40px; left: 1.8em; margin-left: -20px; color: #f6f6f6;
font-size: 36px; content: '\25B2'; z-index: 800; -ms-transform:
scale(3,1); -webkit-transform: scale(3,1); transform: scale(3,1); }

.blogCommentLevel2.first .blogCommentHeading::before { position:

absolute; top: -40px; left: 1.8em; margin-left: -20px; color: #eaeaea;
font-size: 36px; content: '\25B2'; z-index: 800; -ms-transform:
scale(3,1); -webkit-transform: scale(3,1); transform: scale(3,1); }

.blogCommentSubreplyWrapper div.iframeWrapper { background: none

!important; border: none !important; }

#commentPostDiv { margin: 0 !important; }

.blogCommentReplyWrapper, .blogCommentReplyWrapper iframe { height:

660px !important; }

#commentPostDiv .commentInput, #commentPostDiv .commentTextarea {

padding: 0 !important; }

#commentPostDiv .field input[type=text], #commentPostDiv .field textarea

{ margin: 0 !important; }

61
 #commentPostDiv .commentInput > input, .commentTextarea > textarea {
font-size: 1.15em !important; font-family: 'Times New Roman', Times,
serif !important; color: #000000 !important; background: #ffffff
!important; padding: 12px !important; border-radius: 0 !important;
border: 1px solid #cccccc !important; -webkit-box-shadow: 0px 4px 0px 0px
#ffffff !important; -moz-box-shadow: 0px 4px 0px 0px #ffffff !important;
box-shadow: 0px 4px 0px 0px #ffffff !important; }

.commentTextarea > textarea { width: 125% !important; height: 150px

!important; }

#commentPostDiv .commentInput > input:focus, .commentTextarea >

textarea:focus { border-bottom: 0 !important; padding: 12px 12px 13px
!important; -webkit-box-shadow: 0px 4px 0px 0px #000000 !important; -moz-
box-shadow: 0px 4px 0px 0px #000000 !important; box-shadow: 0px 4px 0px
0px #000000 !important; }

#commentPostDiv .field label { padding: 0 !important; }

.field-notify label { font-size: .9em !important; font-weight: 700

!important; }

@media (max-width: 767px) {

#commentPostDiv .field input[type=text], #commentPostDiv .field textarea

{ width: 85% !important; }

.blogCommentLevel2 { margin-left: 2em; }

.blogCommentLevel1.first .blogCommentHeading::before,
.blogCommentLevel2.first .blogCommentHeading::before { top: -24px;
margin-left: 0px; font-size: 24px; }

#commentSubmit, #commentCancel { float: left !important; }

#commentUserInfo { float: right !important; width: 170px; }

.wsite-com-continue-shopping { font-family: 'Maven Pro', Helvetica,

sans-serif; text-transform: uppercase; font-weight: 900; }

62
 .wsite-com-checkout-item-heading { font-family: 'Maven Pro', Helvetica,
sans-serif; font-weight: 900 !important; line-height: 1 !important; text-
transform: uppercase; }

.wsite-com-continue-shopping .caret { vertical-align: baseline; }

.wsite-checkout-button .wsite-button-inner { font-weight: 500

!important; letter-spacing: 1px !important; }

@media (max-width: 991px) {

.postload:not(.splash-page) #wrapper { height: auto !important; min-

height: 100%; }

#wsite-mini-cart { width: 100% !important; margin: 0 !important; top:

auto !important; bottom: 0 !important; left: 0 !important; right: 0
!important; border-radius: 0 !important; display: none !important;
position: fixed !important; }

#wsite-mini-cart.full { display: block !important; }

#wsite-mini-cart:after { display: none !important; }

#wsite-mini-cart:before { font-family: 'Maven Pro', Helvetica, sans-

serif; font-weight: 900 !important; content: 'SHOPPING CART' !important;
width: 200px !important; left: 15px !important; top: 10px !important;
margin: 0 !important; border: none !important; background: #000000
!important; }

#wsite-mini-cart .wsite-product-list { display: none !important; }

.wsite-subtotal-wrapper { padding-top: 20px !important; }

#wsite-com-checkout-list .wsite-com-checkout-item-details-inner, #wsite-

com-checkout-summary-list .wsite-com-checkout-item-details-inner { line-
height: 1 !important; }

@media (max-width: 767px) {

#wsite-com-checkout thead { display: none; }

63
 h2.wsite-checkout-header { padding-bottom: 0 !important; }

#wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-

checkout-summary-list .wsite-com-checkout-item-image { max-width: 50px;
max-height: 50px; margin-right: 10px; }

#wsite-com-checkout-list .wsite-com-checkout-item-details-inner, #wsite-

com-checkout-summary-list .wsite-com-checkout-item-details-inner {
padding-left: 0 !important; }

#wsite-com-checkout-list .wsite-com-checkout-item-heading a, #wsite-com-

checkout-summary-list .wsite-com-checkout-item-heading a, .wsite-com-
checkout-item-variations, .wsite-com-continue-shopping, button.wsite-
button.wsite-button-large.wsite-button-highlight.wsite-checkout-
button.wsite-com-paypal-checkout-button { font-size: .75em !important; }

#wsite-com-checkout-list .wsite-form-input, #wsite-com-checkout-summary-

list .wsite-form-input { width: 20px !important; margin: 0 10px
!important; padding: 5px !important; }

#wsite-com-checkout-list .wsite-remove-button, #wsite-com-checkout-

summary-list .wsite-remove-button { left: 10px !important; top: 10px
!important; }

.wsite-checkout-type .wsite-paypal { margin-left: 0; margin-top: 10px; }

#wsite-com-checkout-payment > div { width: 100%; }

#wsite-com-checkout-payment-order { margin: 0; padding: 15px; }

div.paragraph ul, div.paragraph ol { padding-left: 2.3em !important;

margin: 5px 0 !important; overflow:hidden; }

div.paragraph li { padding-left: 5px !important; margin: 3px 0 0

!important; }

64
div.paragraph ul, div.paragraph ul li { list-style: disc outside
!important; }

div.paragraph ol, div.paragraph ol li { list-style: decimal outside

!important; }

65
 Bibliografie

 http://ro.wikipedia.org/wiki/Pagin%C4%83_web
 http://en.wikipedia.org/wiki/Weebly
 https://cnamd.wikispaces.com/grafuri

66